/* ============================================================
   ULTIMATE CREW RESOURCES — FRONT-END STYLES
   Structural only. All fonts/sizes/colours/alignment come from
   CSS variables set by the Styling panel (see plugin settings).
   Scoped under .ucr-app so nothing leaks into the theme.
   ============================================================ */

.ucr-app{
  /* fallbacks — the Styling panel overrides these via inline vars */
  --ucr-primary:#00ADBC;
  --ucr-text:#3a4147;
  --ucr-card-bg:#ffffff;
  --ucr-page-bg:#ffffff;
  --ucr-heading-font:'Work Sans';
  --ucr-body-font:'Raleway';
  --ucr-title-color:#191919;
  --ucr-title-weight:900;
  --ucr-title-size:40px;
  --ucr-title-align:left;
  --ucr-cat-size:22px;
  --ucr-cat-weight:800;
  --ucr-num-bg:#00ADBC;
  --ucr-num-text:#ffffff;
  --ucr-pill-bg:#00ADBC;
  --ucr-pill-text:#ffffff;
  --ucr-pill-weight:700;
  --ucr-pill-self:center;
  --ucr-name-size:19px;
  --ucr-name-align:left;
  --ucr-desc-size:14px;
  --ucr-btn-bg:#00ADBC;
  --ucr-btn-text:#ffffff;
  --ucr-btn-size:12px;
  --ucr-btn-self:flex-start;
  --ucr-badge-bg:#FF9F19;
  --ucr-badge-text:#ffffff;
  --ut-line:#e3e8ea;
  --ut-muted:#9aa4a9;
  --ut-shadow:0 10px 34px rgba(25,25,25,.09);
  --ut-radius:14px;
  font-family:var(--ucr-body-font),Helvetica,Arial,sans-serif;
  color:var(--ucr-text);
  line-height:1.55;
}
.ucr-app *{box-sizing:border-box}
.ucr-app h1,.ucr-app h2,.ucr-app h3{font-family:var(--ucr-heading-font),Arial,sans-serif;line-height:1.1;margin:0}

/* /* BUTTON — colour + text from Styling panel */
.ucr-btn{display:inline-block;background:var(--ucr-btn-bg);color:var(--ucr-btn-text) !important;font-family:var(--ucr-heading-font),Arial,sans-serif;
  font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;cursor:pointer;text-decoration:none;
  padding:10px 16px;font-size:var(--ucr-btn-size);transition:filter .15s;line-height:1}
.ucr-btn:hover,.ucr-btn:focus,.ucr-btn:visited{filter:brightness(.93);color:var(--ucr-btn-text) !important}
.ucr-btn-block{width:100%;padding:14px;font-size:15px;background:var(--ucr-primary);color:#fff}
.ucr-btn-off{background:#c4ced2;cursor:default;pointer-events:none}

/* ============================================================
   /* LOGIN GATE */
   ============================================================ */
.ucr-gate-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;
  background:linear-gradient(135deg,#1B8A9F,#191919);border-radius:var(--ut-radius)}
.ucr-gate-card{width:100%;max-width:430px;background:#fff;border-radius:var(--ut-radius);box-shadow:var(--ut-shadow);padding:40px 36px;text-align:center}
.ucr-gate-logo{font-family:var(--ucr-heading-font),Arial,sans-serif;font-weight:800;font-size:26px;letter-spacing:2px;color:#191919}
.ucr-gate-logo b{color:var(--ucr-primary)}
.ucr-gate-kicker{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#1B8A9F;font-weight:600;margin:6px 0 20px}
.ucr-gate-card h1{font-size:23px;margin-bottom:6px;color:#191919}
.ucr-sub{color:var(--ucr-text);font-size:14px;margin:0 0 24px}
.ucr-field{text-align:left;margin-bottom:14px}
.ucr-field label{display:block;font-size:11px;font-weight:600;color:var(--ucr-text);margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px}
.ucr-field input{width:100%;padding:12px 14px;border:1px solid var(--ut-line);border-radius:10px;font-size:15px;font-family:var(--ucr-body-font),Arial,sans-serif;background:#fafbfb}
.ucr-field input:focus{outline:none;border-color:var(--ucr-primary);background:#fff;box-shadow:0 0 0 3px rgba(0,173,188,.16)}
/* /* SHOW / HIDE PASSWORD TOGGLE */
.ucr-pw-wrap{position:relative}
.ucr-pw-wrap input{padding-right:62px !important}
.ucr-showpw{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--ucr-primary);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;padding:6px}
.ucr-showpw:hover{text-decoration:underline}
.ucr-err{color:#DC3232;font-size:13px;margin-top:12px;font-weight:600}
.ucr-hint{margin-top:18px;font-size:12px;color:var(--ucr-text)}
.ucr-hint b{color:#1B8A9F}

/* ============================================================
   /* HUB */
   ============================================================ */
/* /* SIGNED-IN TOP ROW — search left, user pill hard-right (no header bar) */
/* /* search bar removed — topbar now just holds the email + sign-out pills, right-aligned, with padding top & bottom */
.ucr-topbar{display:flex !important;justify-content:flex-end;align-items:center;gap:20px;margin:0 !important;padding:22px 0 30px !important}
.ucr-search{display:none !important}
/* /* SEARCH — bordered pill, icon + input side-by-side */
.ucr-search{flex:0 0 auto !important;width:420px;max-width:58%;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #c7d0d4;border-radius:999px;padding:0 16px;height:44px;margin:0 !important}
.ucr-search:focus-within{border-color:var(--ucr-primary);box-shadow:0 0 0 3px rgba(0,173,188,.14)}
.ucr-search input{flex:1;min-width:0;border:none !important;background:transparent !important;box-shadow:none !important;outline:none !important;font-size:14px;padding:0 !important;margin:0 !important;height:100%;font-family:var(--ucr-body-font),Arial,sans-serif;color:#191919}
.ucr-search input:focus{border:none !important;box-shadow:none !important;outline:none !important;background:transparent !important}
/* /* USER PILL + SIGN OUT — pushed to the far right */
.ucr-userwrap{display:flex;align-items:center;gap:10px;margin:0 0 0 auto !important;flex:0 0 auto}
.ucr-who{background:var(--ucr-badge-bg) !important;color:var(--ucr-badge-text) !important;padding:5px 12px;border-radius:999px;font-weight:700;font-size:13px}
.ucr-out{color:var(--ucr-primary) !important;background:none;font-weight:600;font-size:13px;text-decoration:none;padding:4px 6px}
.ucr-out:hover{text-decoration:underline;color:var(--ucr-primary) !important}

/* CSS: UCR-CONTAINER (page padding) */
.ucr-container{padding:30px 22px 40px;background:var(--ucr-page-bg)}
/* CSS: UCR-CONTAINER-DESKTOP — no top padding on desktop */
@media(min-width:768px){.ucr-container{padding-top:0 !important}}
/* /* PAGE TITLE "Crew Resources" — Work Sans 900 by default */
.ucr-page-title{font-family:var(--ucr-heading-font),Arial,sans-serif;font-weight:var(--ucr-title-weight);font-size:var(--ucr-title-size);
  text-align:var(--ucr-title-align);color:var(--ucr-title-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.ucr-lead{color:var(--ucr-text);margin:0 0 22px;max-width:720px;font-size:15px;text-align:var(--ucr-title-align)}

.ucr-qnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;padding-bottom:22px;border-bottom:2px solid var(--ut-line)}
/* /* CATEGORY NAV PILLS — teal bg, white text */
.ucr-qnav a{background:var(--ucr-primary) !important;border:1px solid var(--ucr-primary);color:#fff !important;font-family:var(--ucr-heading-font),Arial,sans-serif;font-weight:700;font-size:12px;letter-spacing:.4px;text-transform:uppercase;padding:8px 14px;border-radius:999px;text-decoration:none;transition:filter .15s}
.ucr-qnav a:hover{filter:brightness(.92);color:#fff !important}

.ucr-cat{scroll-margin-top:80px;margin-top:40px}
.ucr-sec-h{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--ut-line)}
/* /* CATEGORY NUMBER — teal bg, scales up on desktop */
.ucr-num{width:32px;height:32px;flex-shrink:0;background:var(--ucr-num-bg);color:var(--ucr-num-text);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--ucr-heading-font),Arial,sans-serif;font-weight:800;font-size:15px}
.ucr-sec-h h2{font-size:var(--ucr-cat-size);font-weight:var(--ucr-cat-weight);text-transform:uppercase;letter-spacing:1.2px;color:#191919}
.ucr-count{margin-left:auto;font-size:12px;color:var(--ucr-text);background:#e7edee;padding:3px 10px;border-radius:999px;font-weight:600}

.ucr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.ucr-empty{color:var(--ut-muted);font-size:14px;grid-column:1/-1}

.ucr-card{background:var(--ucr-card-bg);border:1px solid var(--ut-line);border-radius:var(--ut-radius);padding:20px;transition:.18s;display:flex;flex-direction:column;position:relative;overflow:hidden}
.ucr-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--ucr-primary)}
.ucr-card:hover{transform:translateY(-4px);box-shadow:var(--ut-shadow)}
.ucr-card.ucr-blank{border:1.5px dashed #c4ced2}
.ucr-card.ucr-blank::before{background:#c4ced2}

/* /* CATEGORY PILL (tag) — teal bg, white 700, centred by default */
.ucr-tag{align-self:var(--ucr-pill-self);background:var(--ucr-pill-bg);color:var(--ucr-pill-text);font-weight:var(--ucr-pill-weight);
  font-family:var(--ucr-heading-font),Arial,sans-serif;text-transform:uppercase;letter-spacing:.6px;font-size:11px;padding:4px 11px;border-radius:999px;margin-bottom:10px;text-align:center}

/* /* RESOURCE NAME — bigger on desktop via var */
.ucr-card h3{font-size:var(--ucr-name-size);text-align:var(--ucr-name-align);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;color:#191919}
.ucr-card p{font-size:var(--ucr-desc-size);text-align:var(--ucr-name-align);color:var(--ucr-text);flex:1;margin:0 0 15px}
.ucr-res-btn{align-self:var(--ucr-btn-self);font-size:var(--ucr-btn-size);padding:9px 15px}

.ucr-badge{position:absolute;top:15px;right:15px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:999px}
.ucr-badge-req{background:#DC3232;color:#fff}
.ucr-badge-perk{background:var(--ucr-primary);color:#fff}

/* ============================================================
   /* LIST DISPLAY (per-category alternative to cards) */
   ============================================================ */
.ucr-list{display:flex;flex-direction:column;gap:10px}
.ucr-row{display:flex;align-items:center;gap:18px;background:var(--ucr-card-bg);border:1px solid var(--ut-line);border-left:4px solid var(--ucr-primary);border-radius:12px;padding:14px 20px;transition:.15s}
.ucr-row:hover{box-shadow:var(--ut-shadow)}
.ucr-row.ucr-blank{border-left-style:dashed}
.ucr-row-body{flex:1;min-width:0}
.ucr-row-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.ucr-row-top .ucr-tag{margin:0}
.ucr-row-body h3{font-size:var(--ucr-name-size);text-transform:uppercase;letter-spacing:.3px;color:#191919;margin:0 0 3px}
.ucr-row-body p{font-size:var(--ucr-desc-size);color:var(--ucr-text);margin:0}
.ucr-row-action{flex:0 0 auto}
.ucr-badge-inline{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:999px;color:#fff}
.ucr-badge-inline.ucr-badge-req{background:#DC3232}
.ucr-badge-inline.ucr-badge-perk{background:var(--ucr-primary)}
@media(max-width:640px){
  .ucr-row{flex-direction:column;align-items:stretch;gap:12px}
  .ucr-row-action .ucr-btn{width:100%;text-align:center}
}

.ucr-hidden{display:none !important}

/* /* NUMBER a touch bigger on desktop */
@media(min-width:641px){
  .ucr-num{width:36px;height:36px;font-size:17px}
}
@media(max-width:640px){
  .ucr-topbar{flex-wrap:wrap;gap:14px}
  .ucr-search{width:100% !important;max-width:100% !important;order:2}
  .ucr-userwrap{order:1;width:100%;justify-content:flex-end;margin-left:0 !important}
  /* centre the quick-filter pills */
  .ucr-qnav{justify-content:center}
  /* keep the category heading + count on one line */
  .ucr-sec-h{flex-wrap:nowrap}
  .ucr-sec-h h2{min-width:0}
  .ucr-count{white-space:nowrap;flex-shrink:0}
  /* centre the resource button */
  .ucr-res-btn{align-self:center !important}
}

/* ============================================================
   HUB ADD-ON (stage 1) — buttons + submit-a-deal form
   ============================================================ */
.ucr-test-note{display:block;background:#fff4e3;border:2px dashed #e07d00;color:#8a5200;border-radius:10px;
  padding:9px 13px;margin:22px 0 10px;font-family:'Work Sans',sans-serif;font-weight:700;font-size:13px;letter-spacing:.3px}
.ucr-hub-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0 0 8px}
.ucr-hub-btn{display:block;text-decoration:none;border:3px solid #101a1f;border-radius:14px;background:#1B8A9F;
  color:#fff;padding:16px 18px;box-shadow:4px 4px 0 rgba(16,26,31,.14);transition:.12s}
.ucr-hub-btn:hover{background:#FF9F19;color:#fff;transform:translate(-1px,-1px);box-shadow:6px 6px 0 rgba(16,26,31,.16)}
.ucr-hub-btn:active{background:#FF9F19;color:#fff;transform:translate(2px,2px);box-shadow:1px 1px 0 rgba(16,26,31,.16)}
.ucr-hub-cyan{background:#00ADBC}
.ucr-hub-btn-t{display:block;font-family:'Work Sans',sans-serif;font-weight:900;font-size:18px;line-height:1.1;color:#fff}
.ucr-hub-btn-s{display:block;font-size:13px;margin-top:5px;color:#fff;opacity:.92}
.ucr-hub-btn.ucr-btn-off{opacity:.55}

.ucr-deal-wrap{border:3px solid #101a1f;border-radius:16px;background:#f3f9fa;padding:20px 22px;margin:26px 0}
.ucr-deal-h{font-family:'Work Sans',sans-serif;font-weight:900;margin:0 0 12px;color:#1B8A9F;text-transform:uppercase;letter-spacing:.5px;font-size:18px}
.ucr-deal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.ucr-deal-grid{grid-template-columns:1fr}}
.ucr-deal-wrap .ucr-field{margin-bottom:12px}
.ucr-deal-wrap label{display:block;font-weight:700;font-size:13px;margin-bottom:5px;color:#3a4147}
.ucr-deal-wrap input,.ucr-deal-wrap select,.ucr-deal-wrap textarea{width:100%;padding:10px 11px;border:2px solid #d8e3e6;border-radius:9px;font:inherit;background:#fff}
.ucr-deal-wrap input:focus,.ucr-deal-wrap select:focus,.ucr-deal-wrap textarea:focus{outline:none;border-color:#00ADBC}
.ucr-req{color:#e23b3b;margin-left:2px}
.ucr-internal{display:inline-block;background:#ffe7e4;color:#a5231c;font-size:11px;font-weight:700;padding:1px 7px;border-radius:5px;margin-left:6px}
.ucr-deal-ok{background:#e6f7ee;border:2px solid #1f9d55;color:#0f6b39;border-radius:10px;padding:11px 13px;margin-bottom:12px;font-weight:600}

/* crew page ONLY: tighten the Enfold theme content padding (was 50px top/bottom).
   Scoped under body.ucr-crew so this can NEVER affect other pages (e.g. the
   homepage hero/slider), even if a cache/merge plugin bundles this file site-wide. */
body.ucr-crew #top .template-page.content.av-content-full{padding-top:0 !important;padding-bottom:8px !important}
/* pull the app right up under the header — kills the empty band at the top */
body.ucr-crew #top .template-page.content.av-content-full > .ucr-app{margin-top:0 !important}
body.ucr-crew #top #main .avia-section:first-of-type,
body.ucr-crew #top #av_section_1{padding-top:0 !important}

/* ============================================================
   CSS: ucr-app2  (Option 2 "app layout" hub — left rail on
   desktop, top-strip + coloured bottom bar on mobile)
   Everything scoped under body.ucr-crew .ucr-app2 so it can
   NEVER leak into the theme or other pages.
   ============================================================ */
body.ucr-crew .ucr-app2{--u-teal:#00ADBC;--u-teal2:#127C86;--u-amber:#FF9F19;--u-grey:#686868;--u-rail:#04252a;--u-line:#e3e8ea;font-family:'Raleway',sans-serif}
/* mobile-only pieces hidden on desktop */
body.ucr-crew .ucr-app2 .ucr2-mtop,
body.ucr-crew .ucr-app2 .ucr2-chips,
body.ucr-crew .ucr-app2 .ucr2-tabbar{display:none}

/* CSS: ucr2-shell (desktop rail + main grid) */
body.ucr-crew .ucr-app2 .ucr2-shell{display:grid;grid-template-columns:240px 1fr;background:#fff;border:1px solid var(--u-line);border-radius:16px;overflow:hidden;box-shadow:0 10px 34px rgba(0,0,0,.08);min-height:600px}

/* CSS: ucr2-rail (dark left sidebar) */
body.ucr-crew .ucr-app2 .ucr2-rail{background:var(--u-rail);color:#fff;padding:20px 16px;display:flex;flex-direction:column;gap:4px}
body.ucr-crew .ucr-app2 .ucr2-rail-top{padding:2px 4px 10px}
body.ucr-crew .ucr-app2 .ucr2-logo{height:26px;width:auto;display:block}
/* CSS: ucr2-search  (clean white box, dark readable text, NO icon.
   Heavy resets with !important so the Enfold theme's form styling
   can't add its own padding/height/border and knock it out of line.) */
body.ucr-crew .ucr-app2 .ucr2-search{display:block;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:11px 14px;margin:6px 0 14px}
body.ucr-crew .ucr-app2 .ucr2-search svg{display:none}
body.ucr-crew .ucr-app2 .ucr2-search-input,
body.ucr-crew .ucr-app2 input.ucr2-search-input[type="search"]{
  display:block !important;width:100% !important;box-sizing:border-box !important;
  margin:0 !important;padding:0 !important;border:0 !important;outline:none !important;
  background:transparent !important;box-shadow:none !important;height:auto !important;min-height:0 !important;line-height:1.3 !important;
  -webkit-appearance:none !important;appearance:none !important;
  font-family:'Raleway',sans-serif !important;font-size:14px !important;font-weight:600 !important;color:#0d3d44 !important}
body.ucr-crew .ucr-app2 .ucr2-search-input::placeholder{color:#5b7d83 !important;opacity:1 !important;font-weight:600}
body.ucr-crew .ucr-app2 .ucr2-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
/* CSS: ucr2-nav (category list) */
body.ucr-crew .ucr-app2 .ucr2-nav{display:flex;flex-direction:column;gap:3px}
body.ucr-crew .ucr-app2 .ucr2-navlink{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#cfe7ea;text-decoration:none;font-family:'Work Sans',sans-serif;font-weight:700;font-size:13.5px;line-height:1.25;padding:9px 11px;border-radius:9px;transition:background .12s,color .12s}
body.ucr-crew .ucr-app2 .ucr2-navlink .c{font-size:11px;opacity:.7;flex:none}
body.ucr-crew .ucr-app2 .ucr2-navlink:hover{background:#0a3138;color:#fff}
body.ucr-crew .ucr-app2 .ucr2-navlink.ucr2-on{background:var(--u-teal);color:#fff}
body.ucr-crew .ucr-app2 .ucr2-navlink.ucr2-on .c{opacity:.9}
/* CSS: ucr2-quick (pinned action buttons) */
body.ucr-crew .ucr-app2 .ucr2-quick{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid #14434c}
body.ucr-crew .ucr-app2 .ucr2-q{display:block;text-align:center;text-decoration:none;font-family:'Work Sans',sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.3px;line-height:1.2;color:#fff;padding:11px 10px;border-radius:10px;transition:filter .12s}
body.ucr-crew .ucr-app2 .ucr2-q:hover{filter:brightness(1.07)}
body.ucr-crew .ucr-app2 .ucr2-q-teal{background:var(--u-teal)}
body.ucr-crew .ucr-app2 .ucr2-q-teal2{background:var(--u-teal2)}
body.ucr-crew .ucr-app2 .ucr2-q-teal3{background:#1B8A9F}
body.ucr-crew .ucr-app2 .ucr2-q-amber{background:var(--u-amber)}
body.ucr-crew .ucr-app2 .ucr2-q-off{opacity:.5;pointer-events:none}
/* CSS: ucr2-user */
body.ucr-crew .ucr-app2 .ucr2-user{margin-top:12px;padding-top:12px;border-top:1px solid #14434c;display:flex;flex-direction:column;gap:3px;font-size:11px}
body.ucr-crew .ucr-app2 .ucr2-who{color:#9fc7cd;word-break:break-all}
body.ucr-crew .ucr-app2 .ucr2-out{color:#fff;text-decoration:underline;font-weight:600}

/* CSS: ucr2-main (panels — one visible at a time) */
body.ucr-crew .ucr-app2 .ucr2-main{padding:24px 26px;min-width:0}
body.ucr-crew .ucr-app2 .ucr2-panel{display:none}
body.ucr-crew .ucr-app2 .ucr2-panel.ucr2-on{display:block}
/* search mode: reveal every category panel (deal stays hidden) */
body.ucr-crew .ucr-app2.ucr2-searching .ucr2-panel[data-ucr-panel^="cat-"]{display:block}
body.ucr-crew .ucr-app2.ucr2-searching .ucr2-panel[data-ucr-panel^="cat-"].ucr-hidden{display:none}
body.ucr-crew .ucr-app2 .ucr2-panel-h{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}
body.ucr-crew .ucr-app2 .ucr2-panel-h h2{font-family:'Work Sans',sans-serif;font-weight:900;font-size:22px;text-transform:uppercase;color:#0d3d44;margin:0}
body.ucr-crew .ucr-app2 .ucr2-panel-c{font-family:'Work Sans',sans-serif;font-weight:700;font-size:12px;color:var(--u-grey)}
body.ucr-crew .ucr-app2 .ucr2-noresults{font-size:14px;color:var(--u-grey);padding:20px 2px}
body.ucr-crew .ucr-app2 .ucr-hidden{display:none !important}

/* CSS: ucr-rrow  (Option A — document rows: whole row links, file-type
   square on the left, inline Required/Perk chip, chevron on the right) */
body.ucr-crew .ucr-app2 .ucr-rlist{display:flex;flex-direction:column;gap:10px}
body.ucr-crew .ucr-app2 .ucr-rrow{display:flex;align-items:center;gap:15px;padding:14px 16px;border:1px solid #e6ebec;border-radius:12px;text-decoration:none;color:inherit;transition:border-color .12s,background .12s,box-shadow .12s}
@media (hover:hover){body.ucr-crew .ucr-app2 a.ucr-rrow:hover{border-color:var(--u-teal);background:#f6fdfd;box-shadow:0 4px 14px rgba(0,173,188,.12)}}
body.ucr-crew .ucr-app2 .ucr-rrow.ucr-blank{opacity:.6}
body.ucr-crew .ucr-app2 .ucr-ft{flex:none;width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Work Sans',sans-serif;font-weight:900;font-size:12px;color:#fff;letter-spacing:.5px}
body.ucr-crew .ucr-app2 .ucr-ft-pdf{background:#e0553f}
body.ucr-crew .ucr-app2 .ucr-ft-xls{background:#1f9d55}
body.ucr-crew .ucr-app2 .ucr-ft-doc{background:#2f6fed}
body.ucr-crew .ucr-app2 .ucr-ft-ppt{background:var(--u-amber)}
body.ucr-crew .ucr-app2 .ucr-ft-link{background:var(--u-teal)}
body.ucr-crew .ucr-app2 .ucr-rmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
body.ucr-crew .ucr-app2 .ucr-rtitle{font-family:'Work Sans',sans-serif;font-weight:800;font-size:15.5px;color:#12313a;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
body.ucr-crew .ucr-app2 .ucr-rdesc{font-size:12.5px;color:var(--u-grey);line-height:1.4}
body.ucr-crew .ucr-app2 .ucr-rreq{font-family:'Work Sans',sans-serif;font-weight:800;font-size:9px;letter-spacing:.4px;color:#a5231c;background:#fbe6e6;border-radius:20px;padding:2px 8px;text-transform:uppercase}
body.ucr-crew .ucr-app2 .ucr-rperk{font-family:'Work Sans',sans-serif;font-weight:800;font-size:9px;letter-spacing:.4px;color:#0d5560;background:#e7f6f7;border-radius:20px;padding:2px 8px;text-transform:uppercase}
body.ucr-crew .ucr-app2 .ucr-rgo{flex:none;font-family:'Work Sans',sans-serif;font-weight:900;font-size:26px;line-height:1;color:var(--u-teal)}
body.ucr-crew .ucr-app2 .ucr-rsoon{flex:none;font-family:'Work Sans',sans-serif;font-weight:800;font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:#9aa7ab}

/* ============================================================
   CSS: ucr-app2 MOBILE  (<=760px)
   Rail collapses; categories become a swipeable chip strip and
   the actions become a sticky coloured bottom bar (variant A).
   ============================================================ */
@media(max-width:760px){
  body.ucr-crew .ucr-app2 .ucr2-rail{display:none}
  body.ucr-crew .ucr-app2 .ucr2-shell{display:block;border:none;border-radius:0;box-shadow:none;min-height:0}
  body.ucr-crew .ucr-app2 .ucr2-mtop{display:block;background:linear-gradient(135deg,var(--u-teal),var(--u-teal2));color:#fff;padding:14px 16px 13px;border-radius:14px 14px 0 0}
  body.ucr-crew .ucr-app2 .ucr2-mtop-row{display:flex;align-items:center;justify-content:space-between}
  body.ucr-crew .ucr-app2 .ucr2-mtop .ucr2-logo{height:22px}
  body.ucr-crew .ucr-app2 .ucr2-mout{color:#fff;font-size:12px;text-decoration:underline;opacity:.92}
  body.ucr-crew .ucr-app2 .ucr2-mtop .ucr2-search{margin:12px 0 0}
  /* chip strip */
  body.ucr-crew .ucr-app2 .ucr2-chips{display:flex;gap:8px;overflow-x:auto;padding:12px 14px;background:#fff;border-bottom:1px solid var(--u-line);-webkit-overflow-scrolling:touch}
  body.ucr-crew .ucr-app2 .ucr2-chips::-webkit-scrollbar{display:none}
  body.ucr-crew .ucr-app2 .ucr2-chip{flex:none;font-family:'Work Sans',sans-serif;font-weight:800;font-size:12.5px;color:var(--u-grey);background:#f1f5f6;border:1px solid var(--u-line);border-radius:30px;padding:8px 14px;white-space:nowrap;cursor:pointer}
  body.ucr-crew .ucr-app2 .ucr2-chip .c{opacity:.6;margin-left:5px}
  body.ucr-crew .ucr-app2 .ucr2-chip.ucr2-on{background:var(--u-teal);color:#fff;border-color:var(--u-teal)}
  body.ucr-crew .ucr-app2 .ucr2-main{padding:18px 16px 22px}
  body.ucr-crew .ucr-app2 .ucr2-panel-h h2{font-size:19px}
  body.ucr-crew .ucr-app2 .ucr-rrow{gap:12px;padding:12px 13px}
  body.ucr-crew .ucr-app2 .ucr-ft{width:40px;height:40px;font-size:11px}
  body.ucr-crew .ucr-app2 .ucr-rtitle{font-size:14.5px}
  /* sticky coloured bottom action bar */
  body.ucr-crew .ucr-app2 .ucr2-tabbar{display:flex;position:sticky;bottom:0;z-index:30;box-shadow:0 -4px 16px rgba(0,0,0,.1)}
  body.ucr-crew .ucr-app2 .ucr2-tab{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px 6px;text-decoration:none}
  body.ucr-crew .ucr-app2 .ucr2-tab span{font-family:'Work Sans',sans-serif;font-weight:800;font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.3px;line-height:1.15}
  body.ucr-crew .ucr-app2 .ucr2-t-teal{background:var(--u-teal)}
  body.ucr-crew .ucr-app2 .ucr2-t-teal2{background:var(--u-teal2)}
  body.ucr-crew .ucr-app2 .ucr2-t-teal3{background:#1B8A9F}
  body.ucr-crew .ucr-app2 .ucr2-t-amber{background:var(--u-amber)}
  body.ucr-crew .ucr-app2 .ucr2-tab.ucr2-q-off{opacity:.55;pointer-events:none}
}