/* =========================================================
   COMMAND DECK — v163 (2026-10-03). Redesign of the Requests workspace: Pulse (every section), Access Codes,
   Match Console, Saved Requests and Waiting List — in the same visual language as Deals (159): navy + gold,
   Fraunces headings, pill chips, glass sticky bars, 16px cards.
   Loaded after settings-pro (162) so it only restyles; markup and behaviour are untouched. Scoped to .req-cc / .vc-shell.
   Layout idea: the five tiles become ONE sticky dock; Pulse's section tabs become a left rail on wide
   screens (content gets the full height) and a sticky scroll-strip on tablets/phones.
   ========================================================= */
.req-cc{--cd-navy:var(--navy-900,#162D4C);--cd-navy2:var(--navy-950,#0F1F35);--cd-gold:var(--gold-500,#CEA577);--cd-gold2:var(--gold-400,#DDBB94);
  --cd-card:var(--surface,#fff);--cd-line:var(--line,#E3E7EC);--cd-ink:var(--ink,#162D4C);--cd-mute:var(--muted,#5F6B7A);--cd-soft:var(--paper-dim,#F1F3F6);
  --cd-green:#1E8E5A;--cd-red:#B5483F;--cd-redbg:#FBEDEB;--cd-r:16px;--cd-top:var(--cd-live-top,calc(var(--banner-h,0px) + var(--header-h,56px) + 6px));--cd-dock:56px;
  --cd-serif:'Fraunces',Georgia,serif;--cd-mono:var(--font-mono,'IBM Plex Mono',monospace);--cd-body:var(--font-body,Inter,system-ui,sans-serif);}
[data-theme="dark"] .req-cc{--cd-card:var(--surface,#1A2331);--cd-ink:var(--ink,#EAEEF3);--cd-mute:var(--muted,#98A3B3);--cd-soft:#161E29;--cd-green:#4fd39a;--cd-red:#F08A80;--cd-redbg:rgba(240,138,128,.12);}

.req-cc{max-width:1440px;margin:0 auto;padding:10px clamp(10px,2vw,24px) 56px;gap:12px;}

/* ---------- DOCK (the five tiles → one sticky pill bar) ---------- */
.req-cc #reqNavHost{position:sticky;top:var(--cd-top);z-index:55;}
.req-cc .req-trideck{display:flex;gap:6px;align-items:center;padding:7px;margin:0;overflow-x:auto;scrollbar-width:none;border-radius:var(--cd-r);
  background:color-mix(in srgb,var(--cd-card) 88%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);
  border:1px solid var(--cd-line);box-shadow:0 8px 24px rgba(22,45,76,.10);scroll-snap-type:x proximity;}
.req-cc .req-trideck::-webkit-scrollbar{display:none;}
.req-cc .req-tri-tile{flex:1 1 0;min-width:max-content;display:flex;align-items:center;justify-content:center;gap:9px;height:42px;padding:0 14px;margin:0;border-radius:12px;
  border:1px solid transparent;background:var(--cd-soft);color:var(--cd-ink);box-shadow:none;text-align:left;cursor:pointer;scroll-snap-align:center;
  transition:background .18s,color .18s,border-color .18s,transform .18s;}
.req-cc .req-tri-tile:hover{border-color:var(--cd-gold);transform:translateY(-1px);background:var(--cd-soft);}
.req-cc .req-tri-tile .req-tri-icon{width:auto;height:auto;min-width:0;padding:0;background:none;border:0;box-shadow:none;border-radius:0;color:var(--cd-gold);font-size:14px;display:inline-flex;}
.req-cc .req-tri-tile .req-tri-body{display:flex;flex-direction:column;min-width:0;gap:0;}
.req-cc .req-tri-tile .req-tri-title{font:700 13px/1.1 var(--cd-body);color:inherit;white-space:nowrap;}
.req-cc .req-tri-tile .req-tri-blurb{display:none;}
.req-cc .req-tri-tile .req-tri-stat{margin:0;min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:5px;
  font:800 11px var(--cd-body);background:rgba(22,45,76,.08);color:var(--cd-ink);border:0;font-variant-numeric:tabular-nums;}
[data-theme="dark"] .req-cc .req-tri-tile .req-tri-stat{background:rgba(255,255,255,.1);}
.req-cc .req-tri-tile .req-tri-stat.is-live{background:var(--cd-gold);color:#162D4C;}
.req-cc .req-tri-tile .req-tri-stat .req-tri-stat-dot{width:6px;height:6px;border-radius:50%;background:#46d38d;}
.req-cc .req-tri-tile.active{background:var(--cd-navy);color:#fff;border-color:var(--cd-navy);box-shadow:0 6px 16px rgba(22,45,76,.25);transform:none;}
[data-theme="dark"] .req-cc .req-tri-tile.active{background:var(--cd-gold);color:#162D4C;border-color:var(--cd-gold);}
.req-cc .req-tri-tile.active .req-tri-icon{color:var(--cd-gold2);} [data-theme="dark"] .req-cc .req-tri-tile.active .req-tri-icon{color:#162D4C;}
.req-cc .req-tri-tile.active .req-tri-stat{background:rgba(255,255,255,.2);color:#fff;} [data-theme="dark"] .req-cc .req-tri-tile.active .req-tri-stat{background:rgba(22,45,76,.18);color:#162D4C;}
.req-cc .req-tri-tile:focus-visible{outline:2px solid var(--cd-gold);outline-offset:2px;}
.req-cc .req-trideck .req-tri-tile::before,.req-cc .req-trideck .req-tri-tile::after{content:none!important;display:none!important;}
.req-cc .req-trideck .req-tri-tile .req-tri-icon{background:none!important;color:var(--cd-gold)!important;}
.req-cc .req-trideck .req-tri-tile.active{background:var(--cd-navy);color:#fff;border-color:var(--cd-navy);}
[data-theme="dark"] .req-cc .req-trideck .req-tri-tile.active{background:var(--cd-gold);color:#162D4C;border-color:var(--cd-gold);}
.req-cc .req-trideck .req-tri-tile.active .req-tri-icon{color:var(--cd-gold2)!important;}
[data-theme="dark"] .req-cc .req-trideck .req-tri-tile.active .req-tri-icon{color:#162D4C!important;}
.req-cc .req-trideck .req-tri-tile.active .req-tri-title{color:inherit;}
.req-cc .req-trideck .req-tri-tile .req-tri-stat.is-live{background:var(--cd-gold);color:#162D4C;}
.req-cc .req-trideck .req-tri-tile.active .req-tri-stat{background:rgba(255,255,255,.2);color:#fff;}
[data-theme="dark"] .req-cc .req-trideck .req-tri-tile.active .req-tri-stat{background:rgba(22,45,76,.18);color:#162D4C;}

/* ---------- PULSE SHELL ---------- */
.req-cc .vc-shell.pp{overflow:visible;border:0;background:transparent;box-shadow:none;border-radius:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
.req-cc .vc-shell.pp > *{min-width:0;}

/* hero — one compact deck: title + actions on the left, next · health · trend on the right */
.req-cc .vc-shell.pp .vc-command-head{position:relative;border-radius:var(--cd-r);padding:16px 18px;display:grid;gap:14px 18px;grid-template-columns:minmax(0,1fr);align-items:stretch;
  border:1px solid rgba(206,165,119,.35);box-shadow:0 14px 34px rgba(22,45,76,.16);overflow:hidden;}
.req-cc .vc-shell.pp .vc-head-brand{min-width:0;}
.req-cc .vc-shell.pp .vc-command-head h2{font-size:clamp(21px,2.4vw,28px);}
.req-cc .vc-shell.pp .pp-clock{margin-top:6px;}
.req-cc .vc-shell.pp .vc-head-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.req-cc .vc-shell.pp .pp-hero-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr) minmax(0,.9fr);gap:10px;}
.req-cc .vc-shell.pp .pp-card{padding:11px 13px;}
.req-cc .vc-shell.pp .pp-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
.req-cc .vc-shell.pp .pp-chip{padding:7px 9px;gap:7px;}
.req-cc .vc-shell.pp .pp-chip span{font-size:11px;line-height:1.2;}
.req-cc .vc-shell.pp .pp-chip i{display:none;}
.req-cc .vc-shell.pp .pp-spark{height:44px;}
.req-cc .vc-shell.pp .pp-next-acts{margin-top:8px;}
.req-cc .vc-shell.pp .pp-eta b{font-size:20px;}
@media (min-width:1100px){
  .req-cc .vc-shell.pp .vc-command-head{grid-template-columns:minmax(250px,.62fr) minmax(0,2.4fr);grid-template-rows:auto 1fr;}
  .req-cc .vc-shell.pp .vc-head-brand{grid-column:1;grid-row:1;}
  .req-cc .vc-shell.pp .vc-head-actions{grid-column:1;grid-row:2;align-self:end;}
  .req-cc .vc-shell.pp .pp-hero-body{grid-column:2;grid-row:1 / span 2;}
}

/* KPI strip → slim, scannable tiles */
.req-cc .vc-shell.pp .vc-kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:0;background:transparent;border:0;}
.req-cc .vc-shell.pp .vc-kpi{display:flex;align-items:center;gap:10px;padding:9px 12px;min-height:54px;border-radius:14px;background:var(--cd-card);border:1px solid var(--cd-line);box-shadow:0 1px 2px rgba(22,45,76,.05);text-align:left;}
.req-cc .vc-shell.pp .vc-kpi:hover{border-color:var(--cd-gold);box-shadow:0 10px 22px rgba(22,45,76,.12);transform:translateY(-1px);}
.req-cc .vc-shell.pp .vc-kpi-icon{width:30px;height:30px;border-radius:9px;font-size:13px;flex:none;}
.req-cc .vc-shell.pp .vc-kpi-body{display:flex;flex-direction:column;min-width:0;gap:1px;}
.req-cc .vc-shell.pp .vc-kpi b{font:600 21px/1 var(--cd-serif);}
.req-cc .vc-shell.pp .vc-kpi small{font:700 9.5px var(--cd-body);letter-spacing:.9px;text-transform:uppercase;color:var(--cd-mute);white-space:nowrap;}
.req-cc .vc-shell.pp .vc-kpi.is-alert{background:var(--cd-redbg);border-color:rgba(181,72,63,.4);}
.req-cc .vc-shell.pp .vc-kpi.is-alert b{color:var(--cd-red);}

/* section nav: sticky chip strip on small/medium screens … */
.req-cc .vc-shell.pp .vc-section-nav{position:sticky;top:calc(var(--cd-top) + var(--cd-dock) + 8px);z-index:40;display:flex;flex-wrap:nowrap;gap:6px;padding:6px;overflow-x:auto;scrollbar-width:none;
  border-radius:14px;border:1px solid var(--cd-line);background:color-mix(in srgb,var(--cd-card) 90%,transparent);backdrop-filter:blur(12px);box-shadow:0 6px 18px rgba(22,45,76,.08);}
.req-cc .vc-shell.pp .vc-section-nav::-webkit-scrollbar{display:none;}
.req-cc .vc-shell.pp .vc-section-nav button{flex:none;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--cd-line);background:var(--cd-soft);
  color:var(--cd-ink);font:700 12.5px var(--cd-body);letter-spacing:0;text-transform:none;white-space:nowrap;box-shadow:none;}
.req-cc .vc-shell.pp .vc-section-nav button i.fas{color:var(--cd-gold);font-size:12px;opacity:.9;}
.req-cc .vc-shell.pp .vc-section-nav button:hover{border-color:var(--cd-gold);background:var(--cd-soft);}
.req-cc .vc-shell.pp .vc-section-nav button.active{background:var(--cd-navy);border-color:var(--cd-navy);color:#fff;}
[data-theme="dark"] .req-cc .vc-shell.pp .vc-section-nav button.active{background:var(--cd-gold);border-color:var(--cd-gold);color:#162D4C;}
.req-cc .vc-shell.pp .vc-section-nav button.active i.fas{color:var(--cd-gold2);} [data-theme="dark"] .req-cc .vc-shell.pp .vc-section-nav button.active i.fas{color:#162D4C;}
.req-cc .vc-shell.pp .vc-section-nav .pp-n{margin-left:2px;background:rgba(22,45,76,.08);color:inherit;}
.req-cc .vc-shell.pp .vc-section-nav button.active .pp-n{background:rgba(255,255,255,.2);}

/* … and a LEFT RAIL on wide screens: content gets the whole height, the nav never scrolls away */
@media (min-width:1180px){
  .req-cc .vc-shell.pp{grid-template-columns:200px minmax(0,1fr);column-gap:14px;align-items:start;}
  .req-cc .vc-shell.pp > .vc-command-head,.req-cc .vc-shell.pp > .vc-kpi-strip,.req-cc .vc-shell.pp > .vc-pending-banner-host{grid-column:1 / -1;}
  .req-cc .vc-shell.pp > .vc-section-nav{grid-column:1;grid-row:4;flex-direction:column;align-items:stretch;overflow:visible;padding:8px;gap:3px;top:calc(var(--cd-top) + var(--cd-dock) + 8px);border-radius:var(--cd-r);}
  .req-cc .vc-shell.pp > .vc-section-nav button{width:100%;justify-content:flex-start;height:40px;border-radius:11px;border-color:transparent;background:transparent;padding:0 11px;}
  .req-cc .vc-shell.pp > .vc-section-nav button:hover{background:var(--cd-soft);}
  .req-cc .vc-shell.pp > .vc-section-nav button.active{background:var(--cd-navy);border-color:var(--cd-navy);}
  [data-theme="dark"] .req-cc .vc-shell.pp > .vc-section-nav button.active{background:var(--cd-gold);}
  .req-cc .vc-shell.pp > .vc-section-nav button i{flex:none;width:16px;text-align:center;}
  .req-cc .vc-shell.pp > .vc-section-nav .pp-n{margin-left:auto;}
  .req-cc .vc-shell.pp > #vcSectionBody{grid-column:2;grid-row:4;min-width:0;}
}
.req-cc .vc-shell.pp .vc-pending-banner-host:empty{display:none;}

/* responsive: KPI + hero on tablets / phones */
@media (max-width:1099px){.req-cc .vc-shell.pp .pp-hero-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}.req-cc .vc-shell.pp .pp-hero-body > .pp-card:first-child{grid-column:1 / -1;}}
@media (max-width:899px){.req-cc .vc-shell.pp .vc-kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:640px){
  .req-cc{padding:8px 8px 48px;gap:10px;}
  .req-cc .req-tri-tile{height:40px;padding:0 11px;} .req-cc .req-tri-tile .req-tri-title{font-size:12.5px;}
  .req-cc .vc-shell.pp .pp-hero-body{grid-template-columns:minmax(0,1fr);}
  .req-cc .vc-shell.pp .vc-command-head{padding:14px;}
  .req-cc .vc-shell.pp .vc-kpi-strip{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -8px;padding:0 8px;}
  .req-cc .vc-shell.pp .vc-kpi-strip::-webkit-scrollbar{display:none;}
  .req-cc .vc-shell.pp .vc-kpi{flex:0 0 138px;scroll-snap-align:start;}
}
@media (prefers-reduced-motion:reduce){.req-cc *{transition:none!important;animation:none!important;}}

/* ---------- PANELS (all Pulse sections) — Deals card language ---------- */
.req-cc .vc-shell.pp.vc-focus-otac > #vcSectionBody{grid-column:1 / -1;}
.req-cc .vc-panel{border-radius:var(--cd-r);border:1px solid var(--cd-line);background:var(--cd-card);box-shadow:0 1px 2px rgba(22,45,76,.05),0 10px 26px rgba(22,45,76,.06);}
.req-cc .vc-panel-head h3,.req-cc .vc-panel h3{font-family:var(--cd-serif);font-weight:600;letter-spacing:-.2px;color:var(--cd-ink);}
.req-cc .vc-panel-head .kicker,.req-cc .vc-panel .kicker{display:inline-block;padding:0;margin:0 0 3px;border:0;background:none;border-radius:0;font:700 10.5px var(--cd-mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--cd-gold);}
.req-cc .vc-link-btn{color:var(--cd-ink);font-weight:700;text-decoration:underline;text-decoration-color:rgba(206,165,119,.7);text-underline-offset:4px;}
.req-cc .vc-link-btn:hover{color:var(--cd-gold);}
.req-cc .vc-count-badge{background:var(--cd-gold);color:#162D4C;font-weight:800;border-radius:999px;}
.req-cc .vc-count-badge.is-alert{background:var(--cd-red);color:#fff;}

/* ---------- ACCESS CODES — navy header strip + chip toolbar + tidy table ---------- */
.req-cc .vc-otac-panel{display:block;padding:0;overflow:hidden;}
.req-cc .vc-otac-panel > .vc-panel-head{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;margin:0!important;padding:16px 18px!important;color:#fff;
  background:linear-gradient(135deg,var(--cd-navy2) 0%,var(--cd-navy) 58%,#1F3A5F 100%);border-bottom:0;}
.req-cc .vc-otac-panel > .vc-panel-head::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:radial-gradient(420px 200px at 92% -20%,rgba(206,165,119,.30),transparent 70%),repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 1px,transparent 1px 22px);}
.req-cc .vc-otac-panel > .vc-panel-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--cd-gold),transparent);opacity:.75;}
.req-cc .vc-otac-panel > .vc-panel-head > *{position:relative;z-index:1;}
.req-cc .vc-otac-panel .otac-title{display:flex!important;align-items:center;gap:10px;margin:0;font:600 clamp(20px,2.4vw,26px)/1.1 var(--cd-serif);color:#fff;}
.req-cc .vc-otac-panel .otac-title i{color:var(--cd-gold2);font-size:.8em;}
.req-cc .vc-otac-panel > .vc-panel-head button,.req-cc .vc-otac-panel > .vc-panel-head .btn-ghost{height:36px;border-radius:11px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font:700 12px var(--cd-body);}
.req-cc .vc-otac-panel > .vc-panel-head button:hover{background:rgba(255,255,255,.18);}
.req-cc .vc-otac-panel #otacRequestsHost,.req-cc .vc-otac-panel .oc-issue,.req-cc .vc-otac-panel #otacListHost{margin-left:14px;margin-right:14px;}
.req-cc .vc-otac-panel .oc-issue{margin-top:14px;border-radius:14px;}
.req-cc .vc-otac-panel #otacListHost{margin-bottom:14px;margin-top:12px;}
.req-cc .oc-chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px;}
.req-cc .oc-chips::-webkit-scrollbar{display:none;}
.req-cc .oc-chips .oc-chip{flex:none;border-radius:999px;}
@media (max-width:640px){.req-cc .vc-otac-panel #otacRequestsHost,.req-cc .vc-otac-panel .oc-issue,.req-cc .vc-otac-panel #otacListHost{margin-left:8px;margin-right:8px;}}

/* ---------- MATCH CONSOLE ---------- */
.req-cc .req-command{border-radius:var(--cd-r);border:1px solid var(--cd-line);background:var(--cd-card);box-shadow:0 8px 24px rgba(22,45,76,.08);padding:8px;}
.req-cc .req-searchbar{border-radius:12px;}
.req-cc .req-results{margin-top:12px;min-height:160px;}
.req-cc .req-live-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 8px;}
.req-cc .req-live-pill{border-radius:999px;border:1px solid var(--cd-line);background:var(--cd-card);font-weight:700;}
.req-cc .wl-matches-head{font-family:var(--cd-serif);font-weight:600;color:var(--cd-ink);}
.req-cc .wl-match-group{border:1px solid var(--cd-line);border-radius:var(--cd-r);background:var(--cd-card);padding:12px 14px 14px;margin-bottom:12px;}
.req-cc .wl-match-group-head{font:800 11px var(--cd-body);letter-spacing:1px;text-transform:uppercase;color:var(--cd-mute);margin-bottom:10px;}
.req-cc .req-results-full .wl-matches-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px;}
.req-cc .wl-match-item{border:1px solid var(--cd-line);border-radius:14px;background:var(--cd-soft);transition:border-color .18s,box-shadow .18s,transform .18s;}
.req-cc .wl-match-item:hover{border-color:var(--cd-gold);box-shadow:0 10px 22px rgba(22,45,76,.12);transform:translateY(-1px);}
.req-cc .wl-match-price{font-family:var(--cd-serif);font-weight:600;color:var(--cd-ink);}
.req-cc .req-results-full .wl-match-actions{flex-wrap:wrap;gap:6px;justify-content:flex-start;}
.req-cc .req-results-full .wl-match-actions > *{max-width:100%;}

/* ---------- SAVED / WAITING LIST ---------- */
.req-cc .req-tab-panel-saved,.req-cc .req-tab-panel-watch{background:transparent;}
.req-cc .req-tab-panel-saved > *:first-child,.req-cc .req-tab-panel-watch > *:first-child{max-width:100%;}
.req-cc .req-tab-panel-saved h2,.req-cc .req-tab-panel-saved h3,.req-cc .req-tab-panel-watch h2,.req-cc .req-tab-panel-watch h3{font-family:var(--cd-serif);font-weight:600;color:var(--cd-ink);letter-spacing:-.3px;}
.req-cc .req-tab-panel-saved .empty-state,.req-cc .req-tab-panel-watch .empty-state,.req-cc .req-tab-panel .empty-state{border:1px dashed var(--cd-line);border-radius:var(--cd-r);background:var(--cd-card);padding:36px 18px;}
.req-cc .req-tab-panel-watch .chip,.req-cc .req-tab-panel-watch button[class*=filter]{border-radius:999px;}

/* ---------- PHONE POLISH ---------- */
@media (max-width:640px){
  .req-cc .req-command{padding:6px;}
  .req-cc .wl-match-group{padding:10px;}
  .req-cc .vc-shell.pp > .vc-section-nav{top:calc(var(--cd-top) + var(--cd-dock) + 6px);}
}
@media (min-width:700px) and (max-width:1000px){
  .req-cc .ocx-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .req-cc .ocx-list .ocx-head{display:none;}
}

/* ---------- PHONE: tighter Pulse hero + Match Console fields ---------- */
@media (max-width:640px){
  .req-cc .vc-shell.pp .vc-command-head{gap:10px;padding:12px;}
  .req-cc .vc-shell.pp .vc-head-actions{display:grid;grid-template-columns:auto 38px 1fr 38px;}
  .req-cc .vc-shell.pp .vc-head-actions .vc-add-btn span{display:none;}
  .req-cc .vc-shell.pp .pp-hero-body{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -12px;padding:0 12px;}
  .req-cc .vc-shell.pp .pp-hero-body::-webkit-scrollbar{display:none;}
  .req-cc .vc-shell.pp .pp-hero-body > .pp-card{flex:0 0 86%;scroll-snap-align:start;}
  .req-cc .req-searchbar .req-sf{min-height:0;padding-top:8px;padding-bottom:8px;}
  .req-cc .req-searchbar .req-sf-inner{gap:0;}
  .req-cc .req-searchbar .req-sf select{min-height:30px;height:30px;}
  .req-cc .req-searchbar{gap:0;}
}
@media (max-width:640px){
  .req-cc .vc-shell.pp .vc-kpi-strip{flex-wrap:nowrap!important;}
  .req-cc .req-searchbar .req-sf{flex:0 0 auto!important;}
  .req-cc .vc-shell.pp .pp-hero-body{margin:0 -12px!important;padding:0 12px!important;scroll-padding:0 12px;}
}

/* rail: a little wider + count badges never clipped */
@media (min-width:1180px){
  .req-cc .vc-shell.pp{grid-template-columns:224px minmax(0,1fr);}
  .req-cc .vc-shell.pp > .vc-section-nav button{padding:0 10px;gap:8px;font-size:12.5px;}
  .req-cc .vc-shell.pp > .vc-section-nav .pp-n{flex:none;min-width:22px;padding:0 6px;text-align:center;}
}

/* ---------- ADMIN TOP BAR — no separate Settings drop-down, no inner scrollbar ---------- */
.admin-nav-bar,.admin-nav-bar .admin-primary-nav{overflow-y:hidden;scrollbar-width:none;}
.admin-nav-bar::-webkit-scrollbar,.admin-nav-bar .admin-primary-nav::-webkit-scrollbar{display:none;width:0;height:0;}
@media (min-width:901px){ .admin-nav-bar,.admin-nav-bar .admin-primary-nav{overflow:visible!important;} }
.admin-nav-bar .admin-primary[data-admin-primary="settings"] .admin-subnav{display:none!important;}
.admin-nav-bar .admin-primary[data-admin-primary="settings"] .admin-primary-chevron{display:none!important;}
.admin-nav-bar .admin-primary[data-admin-primary="settings"] .admin-primary-btn{cursor:pointer;}

/* ---------- no empty bands around the dock / Access Codes panel ---------- */
.req-cc{padding-top:6px!important;gap:6px!important;}
.req-cc > #reqNavHost{margin:0!important;}
.req-cc > #reqTabContent{margin:0!important;padding-top:0!important;}
.req-cc .vc-shell.vc-focus-otac{margin:0!important;padding:0!important;}
.req-cc .vc-otac-panel{margin-top:0!important;padding-top:0!important;border-top:0;}
.req-cc > :empty{display:none;}

/* the Pulse shell is a grid: hidden children (head / KPIs / nav in Access Codes mode) still left empty rows whose
   12px row-gaps stacked into a ~36px empty band above the panel. Spacing now comes from margins on visible items only. */
.req-cc .vc-shell.pp{row-gap:0!important;}
.req-cc .vc-shell.pp > .vc-command-head,
.req-cc .vc-shell.pp > .vc-kpi-strip,
.req-cc .vc-shell.pp > .vc-pending-banner-host:not(:empty),
.req-cc .vc-shell.pp > .vc-section-nav{margin-bottom:12px;}
.req-cc .vc-shell.pp > #vcSectionBody{margin-bottom:0;}
.req-cc .vc-shell.pp.vc-focus-otac > #vcSectionBody{grid-row:auto!important;}
