*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --bg:       #090d18;
      --bg2:      rgba(12, 16, 28, 0.94);
      --bg3:      rgba(14, 18, 32, 0.88);
      --amber:    #c4a24e;
      --amber-lt: #e8c97a;
      --amber-dk: #8a6e30;
      --teal:     #0fb5a0;
      --teal-dim: #5a9e90;
      --emerald:  #2dd4a0;
      --coral:    #c75c6e;
      --text:     #e8f0ef;
      --text-dim: #a89880;
      --text-muted: #5c7572;
      --gold-border: rgba(184, 152, 63, 0.28);
      --gold-glass:  rgba(196, 162, 78, 0.08);
      --divider:  rgba(80, 160, 145, 0.14);
      --glass-edge: rgba(255, 255, 255, 0.05);
      --panel:    rgba(17, 22, 38, 0.88);
      --font-display: 'Marcellus', Georgia, serif;
      --font-ui: 'DM Sans', 'Outfit', system-ui, sans-serif;
      --font-cc-command: 'Barlow Condensed', 'DM Sans', system-ui, sans-serif;
      --neon-cyan:   rgba(0, 234, 255, 0.45);
      --neon-teal:   rgba(15, 181, 160, 0.55);
      --hud-line:    rgba(0, 245, 255, 0.12);
      --depth-shadow: 0 24px 60px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(15, 181, 160, 0.08);
      --cc-ease: cubic-bezier(0.4, 0, 0.2, 1);
      --cc-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
      --cc-dur-fast: 0.16s;
      --cc-dur: 0.2s;
      --cc-dur-slow: 0.22s;
      --surface-0: rgba(10, 14, 26, 0.96);
      --surface-1: rgba(16, 22, 40, 0.88);
      --surface-2: rgba(22, 30, 52, 0.92);
      --type-hero: clamp(26px, 3.8vw, 40px);
      --type-section: clamp(21px, 2.4vw, 26px);
      --type-lead: 13px;
      --type-meta: 11px;
      --cc-chart-tile-w:112px;
      --cc-chart-tile-gap:10px;
      --cc-records-cols:3;
      --cc-records-inner-w:calc(var(--cc-chart-tile-w) * 3 + var(--cc-chart-tile-gap) * 2);
      --cc-records-panel-w:calc(var(--cc-records-inner-w) + 24px);
      --cc-quick-tile-w: 56px;
      --cc-quick-tile-h: 70px;
      --cc-quick-tile-gap: 8px;
      --cc-quick-rail-w: calc(var(--cc-quick-tile-w) * 3 + var(--cc-quick-tile-gap) * 2 + 8px);
      /* Thin scrollbars — cyan thumb on dark track (overview Conversations baseline) */
      --cc-scrollbar-size: 4px;
      --cc-scrollbar-thumb: rgba(0, 234, 255, 0.22);
      --cc-scrollbar-thumb-hover: rgba(0, 234, 255, 0.34);
      --cc-scrollbar-track: rgba(6, 10, 20, 0.78);
    }

    html, body { background:var(--bg); color:var(--text); font-family:var(--font-ui); font-size:15px; -webkit-font-smoothing:antialiased; }
    html, body { height:100%; overflow:hidden; }
    body { position:relative; }

    /* Sci-fi HUD: fine grid + depth (viewport-fixed) */
    .layout::before {
      content:'';
      position:fixed;
      inset:0;
      z-index:0;
      pointer-events:none;
      background-image:
        linear-gradient(90deg, var(--hud-line) 1px, transparent 1px),
        linear-gradient(180deg, var(--hud-line) 1px, transparent 1px),
        radial-gradient(circle at 1px 1px, rgba(15,181,160,0.11) 1px, transparent 0);
      background-size: 48px 48px, 48px 48px, 20px 20px;
      opacity:0.35;
      mask-image:radial-gradient(ellipse 75% 70% at 50% 42%, #000 20%, transparent 75%);
    }

    /* Full-viewport atmosphere — photo blurred in ::before, gradients on element */
    .cc-atmosphere {
      position:fixed;
      inset:0;
      z-index:0;
      pointer-events:none;
      overflow:hidden;
      background:
        linear-gradient(180deg, rgba(9, 13, 24, 0.52) 0%, rgba(9, 13, 24, 0.76) 48%, rgba(9, 13, 24, 0.92) 100%),
        radial-gradient(ellipse 85% 55% at 50% 100%, rgba(0, 0, 0, 0.42) 0%, transparent 72%),
        repeating-linear-gradient(0deg, rgba(139, 119, 86, 0.045) 0px, transparent 1px, transparent 4px),
        repeating-linear-gradient(90deg, rgba(139, 119, 86, 0.045) 0px, transparent 1px, transparent 4px),
        radial-gradient(ellipse 100% 70% at 50% -14%, rgba(90, 158, 144, 0.12) 0%, transparent 52%),
        radial-gradient(ellipse 55% 45% at 100% 100%, rgba(184, 152, 63, 0.11) 0%, transparent 52%),
        radial-gradient(ellipse 50% 42% at 0% 85%, rgba(15, 90, 80, 0.11) 0%, transparent 48%);
      background-color: var(--bg);
    }
    .cc-atmosphere::before {
      content:'';
      position:absolute;
      inset:var(--atmosphere-bg-overscan, -8%);
      background:url('images/atmosphere-bg.png') center / cover no-repeat;
      filter:blur(var(--atmosphere-bg-blur, 18px));
      -webkit-backface-visibility:hidden;
      backface-visibility:hidden;
      transform:scale(var(--atmosphere-bg-scale, 1.08));
      transform-origin:center center;
      z-index:-1;
      pointer-events:none;
    }
    .cc-atmosphere::after {
      content:'';
      position:absolute;
      inset:-8%;
      opacity:0.55;
      background:
        radial-gradient(circle at 22% 28%, rgba(15, 181, 160, 0.16) 0%, transparent 42%),
        radial-gradient(circle at 88% 62%, rgba(196, 162, 78, 0.12) 0%, transparent 38%);
      animation: ccAmbientDrift 22s ease-in-out infinite alternate;
    }
    @keyframes ccAmbientDrift {
      from { transform: scale(1) translate(0, 0) rotate(0deg); }
      to   { transform: scale(1.06) translate(1.5%, -1.2%) rotate(0.5deg); }
    }

    /* ── AUTH GATE ── */
    #authGate {
      position:fixed;inset:0;z-index:9999;
      background:linear-gradient(180deg, rgba(9,13,24,0.97) 0%, rgba(7,10,18,0.99) 100%);
      display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;
    }
    .gate-emblem { font-family:var(--font-display);font-size:11px;font-weight:400;letter-spacing:0.42em;text-transform:uppercase;color:rgba(15,181,160,0.75);margin-bottom:6px; }
    .gate-title { font-family:var(--font-display);font-size:clamp(26px,4vw,34px);font-weight:400;color:var(--text);letter-spacing:0.06em; }
    .gate-sub { font-size:13px;color:var(--text-muted); }
    .gate-spin { width:30px;height:30px;border-radius:50%;border:2px solid rgba(80,160,145,0.2);border-top-color:var(--teal);animation:spin 0.8s linear infinite;box-shadow:0 0 20px rgba(15,181,160,0.2); }
    #accessDenied { position:fixed;inset:0;z-index:9999;background:var(--bg);display:none;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:24px; }
    #accessDenied h2 { font-size:20px;color:var(--coral); }
    #accessDenied p { font-size:13px;color:var(--text-muted);max-width:320px; }
    @keyframes spin { to { transform:rotate(360deg); } }

    /* ── LAYOUT ── */
    .layout { display:flex;height:100vh;height:100dvh;min-height:0;position:relative;z-index:1;min-width:0;overflow:hidden; }
    #appLayout:not(.cc-layout-visible) { display: none !important; }
    #appLayout.cc-layout-visible { display: flex !important; }

    /* Utilities: visibility + common patterns (reduce inline style="") */
    .cc-is-hidden { display: none !important; }
    .sidebar-nav a.nav-item { text-decoration: none; color: inherit; }
    .cc-gate-backlink { display: inline-block; margin-top: 12px; color: var(--teal); font-size: 13px; text-decoration: none; }
    .cc-form-overline { font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(15,181,160,0.75); margin: 14px 0 8px; }
    .cc-muted-lead { font-size: 13px; color: var(--text-muted); line-height: 1.55; margin-bottom: 16px; }
    .cc-muted-lead-sm { font-size: 12px; color: var(--text-muted); line-height: 1.55; margin-bottom: 14px; }
    .cc-muted-loading { text-align: center; padding: 30px; color: var(--text-muted); font-size: 12px; }
    .cc-muted-loading-tight { text-align: center; padding: 20px; color: var(--text-muted); font-size: 12px; }
    .cc-muted-loading-loose { text-align: center; padding: 40px; color: var(--text-muted); font-size: 13px; }
    .cc-muted-loading-md { text-align: center; padding: 30px; color: var(--text-muted); font-size: 13px; }
    .cc-thread-empty-wide { grid-column: 1 / -1; text-align: center; padding: 30px; color: var(--text-muted); font-size: 12px; max-width: 28rem; margin: 0 auto; line-height: 1.55; }
    .cc-overlay-msg-err { text-align: center; padding: 20px; color: #c75c6e; font-size: 12px; }
    .cc-empty.cc-empty--thread-grid { grid-column: 1 / -1; padding: 20px; }
    .admin-inline-thread-empty--span { grid-column: 1 / -1; }
    .btn-ghost.cc-file-label { cursor: pointer; margin: 0; }
    .cc-file-input-hidden { display: none; }
    .cc-overflow-x { overflow-x: auto; }
    .cc-pill-inline-mt { display: inline-block; margin-top: 4px; }
    .btn-primary.btn-primary--sm { padding: 8px 14px; font-size: 11px; }
    .inv-order-list--queue { min-height: 32px; margin-bottom: 12px; }
    .orders-proc-wrap--tall { min-height: 320px; }
    .inv-pipeline-empty--pad { padding: 24px; }
    .pge-toolbar a.btn-ghost { text-decoration: none; display: inline-flex; align-items: center; }
    .cc-rpt-intro { font-size: 13px; color: var(--text-muted); line-height: 1.55; margin: -8px 0 18px; max-width: 52rem; }
    .cc-rpt-intro code { font-size: 11px; }
    .refill-table-header { grid-template-columns: 110px 1fr 1.4fr 100px 140px; }
    .inv-sheet-gc--line { grid-column: 1 / span 7; }
    .inv-sheet-gc--retail { grid-column: span 2; }
    .inv-sheet-gc--narrow { grid-column: span 1; }
    .inv-th-actions { width: 100px; }
    .thread-count-pill { font-size: 10px; }
    .btn-primary.btn-primary--tight-ml { margin-left: 4px; }
    #invDiscountControls { flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 8px; }
    #invDiscountControls:not(.is-open) { display: none; }
    #invDiscountControls.is-open { display: flex; }
    #invDiscountNoteWrap { margin-top: 8px; }
    #invDiscountNoteWrap:not(.is-open) { display: none; }
    #invDiscountNoteWrap.is-open { display: block; }
    #invClientSelect { margin-bottom: 14px; }
    #invDiscountVal { max-width: 120px; }
    #invDiscountType { max-width: 90px; }
    #invDiscountNote { max-width: 340px; }
    .inv-m-total-label { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); }
    .inv-m-order-meta { font-size: 11px; color: var(--text-muted); }
    .inv-preview-actions { margin-bottom: 14px; }
    .inv-m-btn-gold.inv-m-btn-gold--sm { padding: 9px 18px; }
    .inv-m-btn-ghost.inv-m-btn-ghost--coral { border-color: rgba(199,92,110,0.35); color: var(--coral); }
    #invCopyBox { position: fixed; left: -9999px; top: 0; width: 700px; opacity: 0; pointer-events: none; }
    .invoice-modal-dialog.invoice-modal-dialog--sm { max-width: 480px; }
    .inv-m-label--mt { margin-top: 12px; }
    .inv-m-row--mt { margin-top: 12px; }
    .inv-m-grid-span2 { grid-column: span 2; }
    .inv-m-textarea-store { min-height: 72px; resize: vertical; }
    .inv-supply-err { margin-top: 12px; font-size: 12px; color: var(--coral); }
    .inv-pipeline-loading--pad { padding: 28px; }
    .invoice-modal-dialog.invoice-modal-dialog--md { max-width: 560px; }
    .inv-pipeline-empty--xs { padding: 12px; }
    .cc-orders-pm-line-txt { color: var(--text-dim); }
    .btn-ghost.btn-ghost--micro { padding: 2px 8px; font-size: 10px; }
    .btn-ghost.btn-ghost--line-add { padding: 9px 14px; font-size: 11px; }
    .orders-pm-addline { display: flex; margin-top: 10px; flex-wrap: wrap; gap: 8px; align-items: flex-end; }
    .orders-pm-line-add-field { flex: 1; min-width: 200px; }
    .orders-pm-lines-intro { font-size: 12px; color: var(--text-muted); margin: 0 0 10px; }
    .inv-m-actions.inv-m-actions--tight-mt { margin-top: 8px; flex-wrap: wrap; gap: 10px; }
    .inv-m-btn-ghost.orders-pm-delete,
    .inv-m-btn-ghost.orders-vendor-delete { margin-left: auto; border-color: rgba(199,92,110,0.35); color: var(--coral); }
    .inv-m-row-3.inv-m-row-3--mt { margin-top: 12px; }

    /* ── NAV DRAWER (slide-in; no persistent rail) ── */
    .nav-drawer-backdrop {
      position:fixed;inset:0;z-index:55;
      background:rgba(4, 8, 18, 0.68);
      backdrop-filter:blur(6px);
      -webkit-backdrop-filter:blur(6px);
      opacity:0;visibility:hidden;pointer-events:none;
      transition:opacity var(--cc-dur-slow) var(--cc-ease), visibility var(--cc-dur-slow) var(--cc-ease);
    }
    .nav-drawer-backdrop.is-open { opacity:1;visibility:visible;pointer-events:auto; }

    .sidebar {
      width:min(288px, 86vw);flex-shrink:0;
      background:linear-gradient(175deg, rgba(16, 22, 40, 0.82) 0%, rgba(8, 11, 22, 0.94) 100%);
      backdrop-filter:blur(22px) saturate(1.12);
      -webkit-backdrop-filter:blur(22px) saturate(1.12);
      border-right:1px solid rgba(80, 160, 145, 0.18);
      display:flex;flex-direction:column;
      position:fixed;top:0;bottom:0;left:0;z-index:60;
      box-shadow:8px 0 48px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(255,255,255,0.03);
      transform:translateX(-100%);
      transition:transform 0.22s var(--cc-ease-out);
    }
    .sidebar.sidebar--open { transform:translateX(0); }
    .sidebar::before {
      content:'';
      position:absolute;
      left:0;top:0;bottom:0;
      width:3px;
      border-radius:0 2px 2px 0;
      background:linear-gradient(180deg, rgba(0,234,255,0.85), var(--teal), var(--amber));
      opacity:0.95;
      box-shadow:0 0 32px rgba(0, 234, 255, 0.25), 0 0 48px rgba(15, 181, 160, 0.2);
      pointer-events:none;
    }
    .sidebar-logo {
      padding:22px 18px 20px 22px;
      border-bottom:1px solid var(--divider);
    }
    .sidebar-brand-row { display:flex;align-items:flex-start;gap:14px; }
    .sidebar-mono {
      width:40px;height:40px;flex-shrink:0;
      border-radius:50%;
      border:1px solid rgba(80, 160, 145, 0.35);
      background:rgba(9, 13, 24, 0.6);
      padding:8px;
      box-shadow:0 0 20px rgba(15, 181, 160, 0.12), inset 0 0 12px rgba(196, 162, 78, 0.06);
      object-fit:contain;
    }
    .sidebar-brand-text { min-width:0; }
    .sidebar-eyebrow { font-size:9px;font-weight:700;letter-spacing:0.28em;text-transform:uppercase;color:rgba(15,181,160,0.72);margin-bottom:6px; }
    .sidebar-name { font-family:var(--font-display);font-size:18px;font-weight:400;color:#e8dfc8;letter-spacing:0.04em;line-height:1.2;text-shadow:0 0 32px rgba(196,162,78,0.12); }
    .sidebar-role { font-size:11px;color:var(--text-muted);margin-top:4px;letter-spacing:0.06em; }

    .sidebar-nav { flex:1;padding:12px 12px 12px 14px;overflow-y:auto; }
    /* Section groups: title case + modest tracking (matches body; avoids all-caps “console” clash) */
    .nav-section-label { font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:none;color:rgba(92,117,114,0.95);padding:14px 10px 8px; }
    .nav-item {
      display:flex;align-items:center;gap:10px;
      padding:10px 12px;border-radius:10px;
      font-size:12px;font-weight:600;letter-spacing:0.02em;text-transform:none;color:rgba(232,240,239,0.78);
      cursor:pointer;transition:background var(--cc-dur-slow) var(--cc-ease), border-color var(--cc-dur-slow) var(--cc-ease), box-shadow var(--cc-dur-slow) var(--cc-ease), color var(--cc-dur-slow) var(--cc-ease);margin-bottom:3px;
      border:1px solid transparent;background:transparent;width:100%;text-align:left;
      font-family:var(--font-ui);
    }
    .nav-item svg { width:16px;height:16px;flex-shrink:0;opacity:0.55;stroke-width:1.85; }
    .nav-item:hover {
      background:rgba(15, 181, 160, 0.07);
      color:var(--text);
      border-color:rgba(80, 160, 145, 0.15);
      box-shadow:0 4px 20px rgba(0,0,0,0.15);
    }
    .nav-item:hover svg { opacity:0.9;color:var(--teal); }
    .nav-item.active {
      background:linear-gradient(135deg, rgba(196, 162, 78, 0.14), rgba(15, 181, 160, 0.06));
      color:var(--amber-lt);
      border:1px solid rgba(196, 162, 78, 0.32);
      box-shadow:0 0 0 1px rgba(0,0,0,0.2), 0 8px 28px rgba(15, 181, 160, 0.08), 0 0 40px rgba(196, 162, 78, 0.06);
    }
    .nav-item.active svg { opacity:1;color:var(--teal); }
    .nav-badge-pill { display:inline-block;margin-left:auto;font-size:10px;font-weight:700;letter-spacing:0.03em;padding:2px 7px;border-radius:100px;background:rgba(199,92,110,0.2);color:var(--coral);border:1px solid rgba(199,92,110,0.3); }

    .sidebar-footer { padding:16px 16px 18px 20px;border-top:1px solid var(--divider);background:linear-gradient(180deg, transparent, rgba(0,0,0,0.12)); }
    .sidebar-user { display:flex;align-items:center;gap:10px;margin-bottom:10px; }
    .sidebar-avatar { width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg, rgba(196,162,78,0.2), rgba(15,181,160,0.08));border:1px solid rgba(196,162,78,0.4);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--amber-lt);flex-shrink:0;box-shadow:0 0 20px rgba(196,162,78,0.15); }
    .sidebar-user-name { font-size:13px;font-weight:600;color:var(--text); }
    .sidebar-user-role { font-size:11px;color:var(--text-muted); }
    .btn-signout { width:100%;padding:8px;border-radius:8px;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:none;cursor:pointer;border:1px solid rgba(255,255,255,0.08);color:var(--text-muted);background:transparent;transition:all 0.2s; }
    .btn-signout:hover { color:var(--text);border-color:rgba(15,181,160,0.25);background:rgba(15,181,160,0.06); }
    .cc-visual-chrome-wrap { margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(80, 160, 145, 0.1); }
    .cc-visual-chrome-lbl {
      display:flex;align-items:flex-start;gap:10px;cursor:pointer;
      font-size:12px;font-weight:600;color:rgba(232, 240, 239, 0.88);line-height:1.35;
    }
    .cc-visual-chrome-lbl input { margin-top:2px;flex-shrink:0;width:15px;height:15px;accent-color:var(--teal); }
    .cc-visual-chrome-hint { margin:6px 0 0 25px;font-size:10px;line-height:1.45;color:var(--text-muted);font-weight:500; }

    /* ── MAIN ── */
    .main {
      margin-left:0;flex:1;display:flex;flex-direction:column;
      min-height:0;min-width:0;
      height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;
      overflow:hidden;
      background:transparent;position:relative;
    }
    .main::before {
      content:'';
      position:absolute;
      inset:0;
      pointer-events:none;
      background:radial-gradient(ellipse 70% 45% at 95% 8%, rgba(15, 181, 160, 0.07) 0%, transparent 50%),
        radial-gradient(ellipse 50% 35% at 0% 95%, rgba(196, 162, 78, 0.06) 0%, transparent 55%);
      z-index:0;
    }
    .main > * { position:relative;z-index:1; }
    /* Subtle CRT scanlines (pointer-safe) */
    .main::after {
      content:'';
      position:absolute;
      inset:0;
      z-index:25;
      pointer-events:none;
      opacity:0.055;
      background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 240, 255, 0.09) 2px, rgba(0, 240, 255, 0.09) 3px);
      animation:ccScanDrift 14s linear infinite;
      mask-image:linear-gradient(180deg, transparent 0%, #000 15%, #000 85%, transparent 100%);
    }
    @keyframes ccScanDrift { from { transform:translateY(0); } to { transform:translateY(5px); } }

    /* ── TOPBAR ── */
    .topbar {
      min-height:76px;
      background:rgba(9, 13, 24, 0.72);
      backdrop-filter:blur(20px) saturate(1.15);
      -webkit-backdrop-filter:blur(20px) saturate(1.15);
      border-bottom:1px solid rgba(80, 160, 145, 0.12);
      display:flex;align-items:center;justify-content:space-between;
      padding:10px 16px;position:sticky;top:0;z-index:40;flex-shrink:0;
      gap:12px;
      box-shadow:0 8px 32px rgba(0,0,0,0.2), inset 0 -1px 0 rgba(255,255,255,0.03);
    }
    .topbar::after {
      content:'';
      position:absolute;left:0;right:0;bottom:0;height:1px;
      background:linear-gradient(90deg, transparent 0%, rgba(15,181,160,0.35) 20%, rgba(196,162,78,0.45) 50%, rgba(15,181,160,0.3) 80%, transparent 100%);
      opacity:0.85;
      pointer-events:none;
    }
    .topbar-left { display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0;flex:1; }
    .topbar-nav-btn {
      flex-shrink:0;width:44px;height:44px;border-radius:12px;
      border:1px solid rgba(0,234,255,0.22);
      background:rgba(15,181,160,0.08);
      color:var(--emerald);
      cursor:pointer;display:flex;align-items:center;justify-content:center;
      transition:background 0.2s,border-color 0.2s,box-shadow 0.2s;
    }
    .topbar-nav-btn:hover {
      background:rgba(15,181,160,0.14);
      border-color:rgba(0,234,255,0.4);
      box-shadow:0 0 24px rgba(15,181,160,0.15);
    }
    .topbar-nav-btn svg { width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2; }
    .topbar-stats {
      display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;min-width:0;flex:1;
      overflow-x:auto;overflow-y:hidden;
      -webkit-overflow-scrolling:touch;
      overscroll-behavior-x:contain;
      padding:4px 0 6px;
    }
    /* Unified scrollbars — thin cyan thumb / dark track (overview Conversations baseline) */
    .admin-inline-thread-list,
    .overview-recent-table,
    .overview-quick-body,
    .chart-shelf-scroll,
    .sidebar-nav,
    .content,
    .table-scroll,
    .thread-list-body,
    main.main[data-cc-section="messages"] .thread-list-body.msg-thread-card-grid,
    .chat-msgs,
    .admin-inline-msgs,
    .inv-pipeline-col-body,
    .invoice-modal-scroll,
    .cc-rpt-modal-scroll,
    .cc-orders-pm-lines,
    .pge-scroll,
    .inv-m-comp-results,
    #section-members .table-wrap,
    main.main[data-cc-section="orders"] #section-orders.page-section.active,
    .topbar-stats {
      scrollbar-width: thin;
      scrollbar-color: var(--cc-scrollbar-thumb) var(--cc-scrollbar-track);
    }
    .admin-inline-thread-list::-webkit-scrollbar,
    .overview-recent-table::-webkit-scrollbar,
    .overview-quick-body::-webkit-scrollbar,
    .chart-shelf-scroll::-webkit-scrollbar,
    .sidebar-nav::-webkit-scrollbar,
    .content::-webkit-scrollbar,
    .table-scroll::-webkit-scrollbar,
    .thread-list-body::-webkit-scrollbar,
    main.main[data-cc-section="messages"] .thread-list-body.msg-thread-card-grid::-webkit-scrollbar,
    .chat-msgs::-webkit-scrollbar,
    .admin-inline-msgs::-webkit-scrollbar,
    .inv-pipeline-col-body::-webkit-scrollbar,
    .invoice-modal-scroll::-webkit-scrollbar,
    .cc-rpt-modal-scroll::-webkit-scrollbar,
    .cc-orders-pm-lines::-webkit-scrollbar,
    .pge-scroll::-webkit-scrollbar,
    .inv-m-comp-results::-webkit-scrollbar,
    #section-members .table-wrap::-webkit-scrollbar,
    main.main[data-cc-section="orders"] #section-orders.page-section.active::-webkit-scrollbar {
      width: var(--cc-scrollbar-size);
      height: var(--cc-scrollbar-size);
    }
    .topbar-stats::-webkit-scrollbar {
      height: var(--cc-scrollbar-size);
    }
    .admin-inline-thread-list::-webkit-scrollbar-track,
    .overview-recent-table::-webkit-scrollbar-track,
    .overview-quick-body::-webkit-scrollbar-track,
    .chart-shelf-scroll::-webkit-scrollbar-track,
    .sidebar-nav::-webkit-scrollbar-track,
    .content::-webkit-scrollbar-track,
    .table-scroll::-webkit-scrollbar-track,
    .thread-list-body::-webkit-scrollbar-track,
    main.main[data-cc-section="messages"] .thread-list-body.msg-thread-card-grid::-webkit-scrollbar-track,
    .chat-msgs::-webkit-scrollbar-track,
    .admin-inline-msgs::-webkit-scrollbar-track,
    .inv-pipeline-col-body::-webkit-scrollbar-track,
    .invoice-modal-scroll::-webkit-scrollbar-track,
    .cc-rpt-modal-scroll::-webkit-scrollbar-track,
    .cc-orders-pm-lines::-webkit-scrollbar-track,
    .pge-scroll::-webkit-scrollbar-track,
    .inv-m-comp-results::-webkit-scrollbar-track,
    #section-members .table-wrap::-webkit-scrollbar-track,
    main.main[data-cc-section="orders"] #section-orders.page-section.active::-webkit-scrollbar-track,
    .topbar-stats::-webkit-scrollbar-track {
      background: var(--cc-scrollbar-track);
      border-radius: 2px;
    }
    .admin-inline-thread-list::-webkit-scrollbar-thumb,
    .overview-recent-table::-webkit-scrollbar-thumb,
    .overview-quick-body::-webkit-scrollbar-thumb,
    .chart-shelf-scroll::-webkit-scrollbar-thumb,
    .sidebar-nav::-webkit-scrollbar-thumb,
    .content::-webkit-scrollbar-thumb,
    .table-scroll::-webkit-scrollbar-thumb,
    .thread-list-body::-webkit-scrollbar-thumb,
    main.main[data-cc-section="messages"] .thread-list-body.msg-thread-card-grid::-webkit-scrollbar-thumb,
    .chat-msgs::-webkit-scrollbar-thumb,
    .admin-inline-msgs::-webkit-scrollbar-thumb,
    .inv-pipeline-col-body::-webkit-scrollbar-thumb,
    .invoice-modal-scroll::-webkit-scrollbar-thumb,
    .cc-rpt-modal-scroll::-webkit-scrollbar-thumb,
    .cc-orders-pm-lines::-webkit-scrollbar-thumb,
    .pge-scroll::-webkit-scrollbar-thumb,
    .inv-m-comp-results::-webkit-scrollbar-thumb,
    #section-members .table-wrap::-webkit-scrollbar-thumb,
    main.main[data-cc-section="orders"] #section-orders.page-section.active::-webkit-scrollbar-thumb,
    .topbar-stats::-webkit-scrollbar-thumb {
      background: var(--cc-scrollbar-thumb);
      border-radius: 2px;
    }
    .admin-inline-thread-list::-webkit-scrollbar-thumb:hover,
    .overview-recent-table::-webkit-scrollbar-thumb:hover,
    .overview-quick-body::-webkit-scrollbar-thumb:hover,
    .chart-shelf-scroll::-webkit-scrollbar-thumb:hover,
    .sidebar-nav::-webkit-scrollbar-thumb:hover,
    .content::-webkit-scrollbar-thumb:hover,
    .table-scroll::-webkit-scrollbar-thumb:hover,
    .thread-list-body::-webkit-scrollbar-thumb:hover,
    main.main[data-cc-section="messages"] .thread-list-body.msg-thread-card-grid::-webkit-scrollbar-thumb:hover,
    .chat-msgs::-webkit-scrollbar-thumb:hover,
    .admin-inline-msgs::-webkit-scrollbar-thumb:hover,
    .inv-pipeline-col-body::-webkit-scrollbar-thumb:hover,
    .invoice-modal-scroll::-webkit-scrollbar-thumb:hover,
    .cc-rpt-modal-scroll::-webkit-scrollbar-thumb:hover,
    .cc-orders-pm-lines::-webkit-scrollbar-thumb:hover,
    .pge-scroll::-webkit-scrollbar-thumb:hover,
    .inv-m-comp-results::-webkit-scrollbar-thumb:hover,
    #section-members .table-wrap::-webkit-scrollbar-thumb:hover,
    main.main[data-cc-section="orders"] #section-orders.page-section.active::-webkit-scrollbar-thumb:hover,
    .topbar-stats::-webkit-scrollbar-thumb:hover {
      background: var(--cc-scrollbar-thumb-hover);
    }
    .topbar-stat {
      flex:1 1 auto;
      min-width:112px;
      max-width:168px;
      display:flex;flex-direction:row;align-items:center;gap:8px;
      padding:9px 10px;border-radius:14px;box-sizing:border-box;
      border:1px solid rgba(80,160,145,0.28);
      background:linear-gradient(165deg, rgba(20,28,48,0.88), rgba(10,14,26,0.94));
      box-shadow:0 6px 22px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.05);
      overflow:hidden;
    }
    .topbar-stat-ico {
      width:32px;height:32px;flex-shrink:0;border-radius:10px;
      display:flex;align-items:center;justify-content:center;
      background:rgba(15,181,160,0.1);border:1px solid rgba(0,234,255,0.22);
      color:var(--teal);
    }
    .topbar-stat-ico svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2; }
    .topbar-stat-body { display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;flex:1; }
    .topbar-stat-label {
      font-size:8px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;
      color:rgba(92,117,114,0.95);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
    }
    .topbar-stat-num {
      font-size:clamp(17px,1.65vw + 0.35rem,25px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;
      color:var(--amber-lt);text-shadow:0 0 24px rgba(196,162,78,0.2);
      min-height:1.05em;min-width:2ch;
    }
    .topbar-stat-num.topbar-stat-num--arrow {
      font-size:clamp(17px,1.65vw + 0.35rem,23px);
    }
    .topbar-stat-detail {
      font-size:9px;font-weight:500;line-height:1.25;color:rgba(154,179,176,0.78);
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
    }
    .topbar-stat-num.coral { color:#e8919e;text-shadow:0 0 20px rgba(199,92,110,0.2); }
    .topbar-stat-num.teal { color:var(--emerald);text-shadow:0 0 20px rgba(15,181,160,0.2); }
    .topbar-stat-num.white { color:#e8f0ef; }
    .topbar-stat-num.amber { color:var(--amber-lt);text-shadow:0 0 20px rgba(196,162,78,0.22); }
    button.topbar-stat--click {
      appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;
      margin:0;outline:none;
    }
    button.topbar-stat--click:hover {
      border-color:rgba(0,234,255,0.42);
      background:linear-gradient(165deg, rgba(24,32,54,0.92), rgba(12,16,30,0.96));
      box-shadow:0 8px 28px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.07);
    }
    button.topbar-stat--click:focus-visible {
      outline:2px solid rgba(0,234,255,0.55);outline-offset:2px;
    }
    .topbar-right { flex-shrink:0;display:flex;align-items:center;gap:8px;margin-left:auto; }

    /* Square indicator (same footprint as menu button); state = color only — see title / aria-label for text. */
    .cc-realtime-status {
      flex-shrink: 0;
      width: 44px;
      height: 44px;
      min-width: 44px;
      min-height: 44px;
      box-sizing: border-box;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      border: 1px solid rgba(0, 234, 255, 0.22);
      background: rgba(15, 181, 160, 0.08);
      padding: 0;
      cursor: default;
    }
    .cc-realtime-status--live {
      border-color: rgba(125, 255, 177, 0.45);
      background: rgba(18, 52, 38, 0.75);
      box-shadow: 0 0 0 1px rgba(125, 255, 177, 0.12) inset, 0 0 20px rgba(125, 255, 177, 0.12);
    }
    .cc-realtime-status--connecting,
    .cc-realtime-status--reconnecting {
      border-color: rgba(0, 234, 255, 0.42);
      background: rgba(12, 40, 52, 0.85);
      box-shadow: 0 0 0 1px rgba(0, 234, 255, 0.08) inset, 0 0 18px rgba(0, 234, 255, 0.14);
    }
    .cc-realtime-status--paused {
      border-color: rgba(120, 130, 155, 0.35);
      background: rgba(18, 22, 34, 0.65);
      opacity: 0.9;
    }
    .cc-realtime-status--error {
      border-color: rgba(255, 107, 107, 0.45);
      background: rgba(52, 22, 28, 0.75);
      box-shadow: 0 0 0 1px rgba(255, 107, 107, 0.1) inset, 0 0 16px rgba(255, 107, 107, 0.12);
    }

    .cc-rpt-truncation {
      font-size:11px;color:var(--text-muted);margin:0 0 10px;padding:8px 10px;
      border-radius:8px;border:1px solid rgba(0,234,255,0.12);background:rgba(0,234,255,0.04);
    }

    /* Clinical records — embedded admin_charts (iframe) */
    #section-clinical.page-section.active {
      display: flex;
      flex-direction: column;
      gap: 12px;
      min-height: 0;
    }
    .cc-clinical-hint {
      font-size: 12px;
      color: var(--text-muted);
      line-height: 1.45;
      margin: 0 0 4px;
      max-width: 72ch;
    }
    .cc-clinical-frame-wrap {
      flex: 1 1 auto;
      min-height: clamp(360px, calc(100dvh - 220px), 1100px);
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid rgba(0, 234, 255, 0.14);
      background: rgba(6, 10, 20, 0.55);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
    }
    .cc-clinical-frame {
      display: block;
      width: 100%;
      height: clamp(360px, calc(100dvh - 220px), 1100px);
      border: 0;
      background: var(--surface-0, #0a0e18);
    }
    .topbar-icon-btn {
      flex-shrink:0;width:44px;height:44px;border-radius:12px;
      border:1px solid rgba(0,234,255,0.22);
      background:rgba(15,181,160,0.08);
      color:var(--emerald);
      cursor:pointer;display:flex;align-items:center;justify-content:center;
      transition:background 0.2s,border-color 0.2s,box-shadow 0.2s;
    }
    .topbar-icon-btn:hover {
      background:rgba(15,181,160,0.14);
      border-color:rgba(0,234,255,0.4);
      box-shadow:0 0 24px rgba(15,181,160,0.15);
    }
    .topbar-icon-btn svg { width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
    .visually-hidden { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }

    /* Skip link (keyboard / screen reader) */
    .cc-skip-link {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 100000;
      padding: 12px 18px;
      margin: 0;
      background: #0f1419;
      color: #e8ecf1;
      border: 2px solid rgba(15, 181, 160, 0.9);
      border-radius: 0 0 10px 0;
      font-size: 14px;
      font-weight: 600;
      text-decoration: none;
      line-height: 1.2;
      clip: rect(0, 0, 0, 0);
      clip-path: inset(50%);
      width: 1px;
      height: 1px;
      overflow: hidden;
      white-space: nowrap;
    }
    .cc-skip-link:focus {
      clip: auto;
      clip-path: none;
      width: auto;
      height: auto;
      overflow: visible;
      outline: 2px solid #00eaff;
      outline-offset: 2px;
    }

    /* Hero — same stage pattern as member tool pages */
    .cc-hero {
      position:relative;z-index:1;flex-shrink:0;
      min-height:clamp(160px, 18vw, 220px);
      height:clamp(160px, 18vw, 220px);
      overflow:hidden;
      border-top:1px solid rgba(80, 160, 145, 0.28);
      border-bottom:1px solid rgba(80, 160, 145, 0.28);
      background:#05080f;
    }
    .cc-hero::after {
      content:'';position:absolute;top:0;right:0;bottom:0;width:3px;border-radius:2px 0 0 2px;
      background:linear-gradient(180deg, #0fb5a0, #e8c97a);
      opacity:0.95;z-index:9;pointer-events:none;
    }
    .cc-hero.mbr-banner-stage .cc-hero-img.mbr-banner-asset {
      object-position:48% 42%;
      /* member-banner.css already tones the photo; keep hero readable */
      filter:brightness(1.02) saturate(1.15) contrast(1.05);
    }
    main.main[data-cc-section="messages"] .cc-hero .cc-hero-img { object-position:44% 40%; }
    main.main[data-cc-section="inventory"] .cc-hero .cc-hero-img { object-position:42% 48%; }
    main.main[data-cc-section="refills"] .cc-hero .cc-hero-img { object-position:48% 42%; }
    main.main[data-cc-section="charts"] .cc-hero .cc-hero-img { object-position:46% 44%; }
    main.main[data-cc-section="members"] .cc-hero .cc-hero-img { object-position:45% 40%; }
    main.main[data-cc-section="intake"] .cc-hero .cc-hero-img { object-position:38% 44%; }
    main.main[data-cc-section="resources"] .cc-hero .cc-hero-img { object-position:36% 46%; }
    main.main[data-cc-section="price-guide"] .cc-hero .cc-hero-img { object-position:50% 44%; }
    main.main[data-cc-section="invoices"] .cc-hero .cc-hero-img { object-position:46% 44%; }
    main.main[data-cc-section="orders"] .cc-hero .cc-hero-img { object-position:42% 44%; }
    main.main[data-cc-section="reports"] .cc-hero .cc-hero-img { object-position:52% 42%; }
    main.main[data-cc-section="clinical"] .cc-hero .cc-hero-img { object-position:44% 42%; }
    .cc-hero-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; margin-top:4px; }
    .cc-hero-actions .btn-primary.cc-hero-action-btn {
      padding:10px 18px; font-size:12px; font-weight:600; letter-spacing:0.04em;
      box-shadow:0 6px 22px rgba(0,0,0,0.35);
    }
    /* Full-strength banner scrim from member-banner.css (do not fade it out — that brings back “hot” centers) */
    .cc-hero.mbr-banner-stage .mbr-banner-scrim { opacity:1; }
    .cc-hero-overlay {
      position:absolute;inset:0;z-index:2;pointer-events:none;
      background:
        linear-gradient(to right, rgba(9,13,24,0.38) 0%, rgba(9,13,24,0.18) 32%, rgba(9,13,24,0.52) 62%, rgba(9,13,24,0.86) 84%, rgba(9,13,24,0.94) 100%),
        linear-gradient(to bottom, rgba(9,13,24,0.28) 0%, rgba(9,13,24,0.06) 35%, rgba(9,13,24,0) 68%, rgba(9,13,24,0.32) 100%);
    }
    .cc-hero-tint {
      position:absolute;inset:0;z-index:3;pointer-events:none;
      background:radial-gradient(ellipse 55% 70% at 22% 42%, rgba(15, 181, 160, 0.1) 0%, transparent 55%);
    }
    .cc-hero-return {
      position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:12;
      display:none;align-items:center;gap:8px;
      margin:0;padding:9px 14px 9px 12px;
      font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;
      color:rgba(232,240,239,0.95);
      background:rgba(7,10,20,0.55);backdrop-filter:blur(10px);
      border:1px solid rgba(80,160,145,0.38);border-radius:10px;
      cursor:pointer;
      box-shadow:0 8px 28px rgba(0,0,0,0.35);
      transition:border-color 0.2s, background 0.2s, box-shadow 0.2s;
    }
    .cc-hero-return:hover {
      border-color:rgba(0,234,255,0.45);
      background:rgba(15,22,38,0.72);
      box-shadow:0 10px 32px rgba(0,0,0,0.4);
    }
    .cc-hero-return svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0;opacity:0.9; }
    main.main:not([data-cc-section="overview"]) .cc-hero-return { display:inline-flex; }
    .cc-hero-content {
      position:absolute;top:50%;right:0;transform:translateY(-50%);
      text-align:right;max-width:min(480px, 54vw);width:min(480px, 54vw);
      padding:12px calc(14px + 10px) 12px 16px;z-index:8;
      display:flex;flex-direction:column;align-items:flex-end;gap:10px;
      box-sizing:border-box;
    }
    .cc-hero-eyebrow {
      font-size:8px;font-weight:500;letter-spacing:0.42em;text-transform:uppercase;
      color:rgba(15, 181, 160, 0.78);margin:0;
      display:flex;align-items:center;justify-content:flex-end;gap:8px;
      white-space:nowrap;
    }
    .cc-hero-eyebrow::before {
      content:'';width:24px;height:1px;
      background:linear-gradient(to left, rgba(15, 181, 160, 0.75), transparent);
    }
    .cc-hero .cc-hero-title { font-size:clamp(20px, 3.2vw, 30px); }
    .cc-hero-title {
      font-family:var(--font-display);
      font-size:var(--type-hero);font-weight:300;color:#e8dfc8;
      line-height:1.06;letter-spacing:-0.02em;margin:0;
      max-width:100%;
    }
    .cc-hero-title-line {
      display:block;white-space:nowrap;text-align:right;
      overflow:hidden;text-overflow:ellipsis;
    }
    .cc-hero-title .cc-hero-accent { color:var(--amber-lt); }
    /* Overview home: large all-caps command headline + tagline (in-flow so nothing clips with …) */
    main.main[data-cc-section="overview"] .cc-hero {
      min-height:clamp(210px, 26vw, 300px);
      height:auto;
      padding:22px 0 26px;
      box-sizing:border-box;
    }
    main.main[data-cc-section="overview"] .cc-hero-content {
      position:relative;
      top:auto;
      right:auto;
      transform:none;
      max-width:min(720px, 94vw);
      width:min(720px, 94vw);
      margin-left:auto;
      margin-right:0;
      gap:6px;
    }
    main.main[data-cc-section="overview"] .cc-hero .cc-hero-title {
      font-family:var(--font-cc-command);
      font-size:clamp(38px, 6.2vw, 68px);
      font-weight:600;
      letter-spacing:0.12em;
      line-height:1.02;
      color:#e8f0ef;
      text-transform:uppercase;
      text-shadow:0 2px 28px rgba(0,0,0,0.55), 0 0 36px rgba(15,181,160,0.14);
      overflow:visible;
      max-width:100%;
    }
    main.main[data-cc-section="overview"] .cc-hero-title-line {
      letter-spacing:0.12em;
      overflow:visible;
      text-overflow:unset;
      white-space:normal;
      word-break:break-word;
    }
    main.main[data-cc-section="overview"] .cc-hero-title .cc-hero-accent {
      color:var(--amber-lt);
      text-shadow:0 0 32px rgba(196,162,78,0.4), 0 2px 20px rgba(0,0,0,0.45);
    }
    .cc-hero-tagline {
      margin:4px 0 0;
      font-family:var(--font-ui);
      font-size:clamp(11px, 1.4vw, 14px);
      font-weight:500;
      letter-spacing:0.06em;
      line-height:1.5;
      color:rgba(232,240,239,0.76);
      max-width:100%;
      text-align:right;
      text-shadow:0 2px 18px rgba(0,0,0,0.5);
      overflow:visible;
      text-overflow:unset;
      white-space:normal;
      word-break:break-word;
    }
    .cc-hero-tagline strong {
      font-weight:600;
      color:rgba(15,181,160,0.88);
    }
    main.main:not([data-cc-section="overview"]) .cc-hero-tagline { display:none !important; }
    .cc-hero-context {
      font-size:clamp(11px, 1.15vw, 13px);
      line-height:1.45;
      color:rgba(232, 240, 239, 0.82);
      margin:0;
      max-width:min(42ch, 100%);
      text-align:right;
      text-shadow:0 2px 24px rgba(0,0,0,0.45);
    }
    .cc-hero-context--hidden { display:none !important; }
    .cc-hero-lead {
      font-size:clamp(12px, 1.35vw, 14px);line-height:1.55;color:rgba(232, 240, 239, 0.88);
      margin:0;text-shadow:0 2px 24px rgba(0,0,0,0.45);
      max-width:42ch;
      min-height:calc(1.55em * 2);
      max-height:calc(1.55em * 2);
      overflow:hidden;
      display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;
      text-align:right;
    }
    /* Duplicate page titles: hero carries the title; keep toolbars / tags */
    main.main:not([data-cc-section="overview"]) .inv-section-head-main { display:none; }
    main.main:not([data-cc-section="overview"]) .inv-section-head {
      justify-content:flex-end;margin-bottom:12px;padding-bottom:0;border-bottom:none;min-height:0;
    }

    .inv-page { max-width:100%; }
    .inv-section-head {
      display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;
      margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(80,160,145,0.22);
    }
    .inv-section-head-main { min-width:0;flex:1; }
    .inv-section-eyebrow {
      font-size:8px;font-weight:500;letter-spacing:0.36em;text-transform:uppercase;
      color:rgba(15,181,160,0.78);margin:0 0 8px 0;
    }
    .inv-section-title {
      font-family:var(--font-display);font-weight:300;color:#e8dfc8;letter-spacing:-0.02em;margin:0;line-height:1.08;
      font-size:clamp(22px,3.2vw,34px);text-align:left;
    }
    .inv-section-title .inv-section-accent { color:var(--amber-lt); }
    .inv-section-head-meta { flex-shrink:0;display:flex;align-items:center;gap:10px; }

    .inv-sheet-wrap {
      border:1px solid rgba(80,160,145,0.2);border-radius:14px;overflow:hidden;
      background:linear-gradient(165deg, rgba(14,20,36,0.5), rgba(8,12,22,0.75));
    }
    .inv-sheet-group-row {
      display:grid;
      grid-template-columns:76px minmax(150px,1.4fr) 58px 66px minmax(92px,0.85fr) minmax(92px,0.85fr) minmax(92px,0.85fr) minmax(100px,0.9fr) minmax(76px,0.7fr) 48px;
      gap:0 12px;
      border-bottom:1px solid rgba(80,160,145,0.25);
      background:rgba(0,0,0,0.2);
    }
    .inv-sheet-group-cell {
      padding:8px 12px;font-size:9px;font-weight:800;letter-spacing:0.18em;text-transform:uppercase;
      color:rgba(0,234,255,0.65);border-right:1px solid rgba(80,160,145,0.12);
    }
    .inv-sheet-group-cell:last-child { border-right:none; }
    .inv-sheet-group-cell--accent {
      color:rgba(196,162,78,0.92);
      background:linear-gradient(90deg, rgba(196,162,78,0.07), transparent);
    }
    .inv-sheet-group-cell--narrow { min-width:0; }
    .inv-sheet-sticky-head {
      position:sticky;top:0;z-index:4;
      background:linear-gradient(180deg, rgba(12,18,32,0.98) 0%, rgba(10,14,26,0.96) 100%);
      box-shadow:0 1px 0 rgba(80,160,145,0.18);
      backdrop-filter:blur(10px) saturate(1.06);
      -webkit-backdrop-filter:blur(10px) saturate(1.06);
    }

    .cc-hero-bottom-line {
      position:absolute;left:0;right:0;bottom:0;height:2px;z-index:10;pointer-events:none;
      background:linear-gradient(90deg, transparent, rgba(15,181,160,0.35), rgba(196,162,78,0.5), rgba(15,181,160,0.3), transparent);
    }

    :where(button, a, input, textarea, select, .nav-item):focus-visible {
      outline:2px solid rgba(0, 234, 255, 0.7);
      outline-offset:2px;
    }
    .nav-item:focus-visible { box-shadow:0 0 0 3px rgba(0, 234, 255, 0.12); }

    body[data-density="compact"] .content { padding:18px 20px 32px; }
    body[data-density="compact"] .topbar { min-height:64px;padding:8px 12px; }
    body[data-density="compact"] .topbar-stats { gap:6px; }
    body[data-density="compact"] .topbar-stat { min-width:100px;max-width:148px;padding:7px 8px;gap:6px; }
    body[data-density="compact"] .topbar-stat-ico { width:28px;height:28px; }
    body[data-density="compact"] .topbar-stat-ico svg { width:15px;height:15px; }
    body[data-density="compact"] .topbar-stat-label { font-size:7px; }
    body[data-density="compact"] .topbar-stat-num { font-size:clamp(15px,1.45vw + 0.25rem,21px); }
    body[data-density="compact"] .topbar-stat-num.topbar-stat-num--arrow { font-size:clamp(15px,1.45vw + 0.25rem,20px); }
    body[data-density="compact"] .topbar-stat-detail { font-size:8px; }
    body[data-density="compact"] .msg-thread-card-main { padding:12px 34px 12px 12px;min-height:108px; }
    body[data-density="compact"] .msg-thread-card { min-height:108px; }
    body[data-density="compact"] .inv-price-grid-row, body[data-density="compact"] .inv-price-grid-header { padding:9px 11px;font-size:11px; }
    body[data-density="compact"] .inv-pipeline-card-actions button { min-height:32px;padding:6px 12px; }
    body[data-density="compact"] .pge-head, body[data-density="compact"] .pge-row { padding:9px 12px; }
    body[data-density="compact"] .btn-ghost.pge-btn { min-height:32px;padding:6px 12px; }
    body[data-density="compact"] .action-btn { min-height:30px;padding:6px 11px; }
    body[data-density="compact"] .members-table-row,
    body[data-density="compact"] .table-row { padding:11px 14px;min-height:42px; }
    body[data-density="compact"] .table-row.table-row--refill-log { min-height:44px;padding:12px 14px; }
    body[data-density="compact"] main.main:not([data-cc-section="overview"]) .inv-section-head { margin-bottom:10px; }
    body[data-density="compact"] .cc-hero { min-height:clamp(140px, 15vw, 190px);height:clamp(140px, 15vw, 190px); }
    body[data-density="compact"] main.main[data-cc-section="overview"] .cc-hero {
      min-height:clamp(190px, 22vw, 260px);
      height:auto;
      padding:16px 0 20px;
    }
    body[data-density="compact"] .cc-toast-host { top:74px; }

    /* Reduced visual chrome (#9): calmer HUD — independent of data-density */
    body[data-visual-chrome="reduced"] {
      --depth-shadow: 0 14px 36px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(15, 181, 160, 0.05);
      --atmosphere-bg-blur: 36px;
      --atmosphere-bg-scale: 1.04;
    }
    body[data-visual-chrome="reduced"] .layout::before {
      opacity: 0;
    }
    body[data-visual-chrome="reduced"] .cc-atmosphere {
      background:
        linear-gradient(180deg, rgba(9, 13, 24, 0.78) 0%, rgba(9, 13, 24, 0.9) 50%, rgba(9, 13, 24, 0.96) 100%),
        radial-gradient(ellipse 85% 55% at 50% 100%, rgba(0, 0, 0, 0.38) 0%, transparent 72%);
      background-color: var(--bg);
    }
    body[data-visual-chrome="reduced"] .cc-atmosphere::before {
      opacity: 0.42;
    }
    body[data-visual-chrome="reduced"] .cc-atmosphere::after {
      opacity: 0.1;
      animation: none;
      transform: none;
    }
    body[data-visual-chrome="reduced"] .main::before {
      background: radial-gradient(ellipse 72% 42% at 94% 8%, rgba(15, 181, 160, 0.035) 0%, transparent 50%);
    }
    body[data-visual-chrome="reduced"] .main::after {
      opacity: 0;
      animation: none;
      visibility: hidden;
    }
    body[data-visual-chrome="reduced"] .content {
      background: linear-gradient(180deg, rgba(9,13,24,0.98) 0%, rgba(9,13,24,0.97) 22%, rgba(9,13,24,0.95) 100%);
      border-top-color: rgba(80,160,145,0.1);
      box-shadow: inset 0 1px 0 rgba(0,0,0,0.14);
    }
    body[data-visual-chrome="reduced"] .topbar {
      box-shadow: 0 4px 18px rgba(0,0,0,0.14), inset 0 -1px 0 rgba(255,255,255,0.02);
    }
    body[data-visual-chrome="reduced"] .topbar::after {
      opacity: 0.38;
    }
    body[data-visual-chrome="reduced"] .sidebar {
      box-shadow: 4px 0 28px rgba(0,0,0,0.28), inset 0 0 0 1px rgba(255,255,255,0.02);
    }
    body[data-visual-chrome="reduced"] .sidebar::before {
      opacity: 0.55;
      box-shadow: 0 0 18px rgba(0, 234, 255, 0.12), 0 0 28px rgba(15, 181, 160, 0.1);
    }
    body[data-visual-chrome="reduced"] .cc-hero-bottom-line {
      opacity: 0.5;
      background: linear-gradient(90deg, transparent, rgba(15,181,160,0.2), rgba(196,162,78,0.26), rgba(15,181,160,0.16), transparent);
    }
    body[data-visual-chrome="reduced"] .topbar-stat {
      box-shadow: 0 4px 16px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.03);
    }
    body[data-visual-chrome="reduced"] .topbar-stat-num,
    body[data-visual-chrome="reduced"] .topbar-stat-num.coral,
    body[data-visual-chrome="reduced"] .topbar-stat-num.teal {
      text-shadow: none;
    }
    body[data-visual-chrome="reduced"] .stat-num,
    body[data-visual-chrome="reduced"] .stat-num.coral,
    body[data-visual-chrome="reduced"] .stat-num.teal,
    body[data-visual-chrome="reduced"] .stat-num.white {
      text-shadow: none;
    }
    body[data-visual-chrome="reduced"] .stat-card {
      box-shadow: 0 6px 22px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.03);
    }
    body[data-visual-chrome="reduced"] .stat-card:hover {
      box-shadow: 0 8px 28px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.04);
    }
    body[data-visual-chrome="reduced"] .topbar-nav-btn:hover {
      box-shadow: 0 0 14px rgba(15,181,160,0.1);
    }

    .cc-toast-host { position:fixed;top:86px;right:20px;z-index:300;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:min(400px,94vw); }
    .cc-toast {
      pointer-events:auto;padding:12px 16px;border-radius:12px;font-size:12px;line-height:1.45;
      border:1px solid rgba(80,160,145,0.38);background:var(--surface-2);color:var(--text);
      box-shadow:0 16px 48px rgba(0,0,0,0.5);animation:ccToastIn var(--cc-dur-slow) var(--cc-ease-out);
    }
    .cc-toast--err { border-color:rgba(199,92,110,0.5);color:#f0d0d6; }
    .cc-toast--ok { border-color:rgba(15,181,160,0.45); }
    @keyframes ccToastIn { from { opacity:0;transform:translateX(14px); } to { opacity:1;transform:translateX(0); } }

    .topbar-stats.is-skeleton .topbar-stat-num {
      background:linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.12), rgba(255,255,255,0.05));
      background-size:220% 100%;animation:ccShimmer 1.15s ease-in-out infinite;color:transparent !important;border-radius:6px;text-shadow:none;min-width:2ch;min-height:1.1em;
    }
    @keyframes ccShimmer { 0% { background-position:120% 0; } 100% { background-position:-120% 0; } }

    /* #7 Shared loading skeletons (same shimmer language as topbar stats) */
    .cc-skel {
      width:100%;
      box-sizing:border-box;
      --cc-skel-shine:linear-gradient(90deg, rgba(255,255,255,0.04), rgba(255,255,255,0.11), rgba(255,255,255,0.04));
    }
    .cc-skel-line {
      display:block;
      height:10px;
      max-width:100%;
      border-radius:6px;
      background:var(--cc-skel-shine);
      background-size:220% 100%;
      animation:ccShimmer 1.15s ease-in-out infinite;
    }
    .cc-skel-line--lg { width:88%; }
    .cc-skel-line--md { width:62%; }
    .cc-skel-line--sm { width:44%; height:8px; }
    .cc-skel-line--xl { width:100%; height:12px; }
    .cc-skel-line--pill { width:6.5rem; height:11px; border-radius:5px; margin:0 auto; }
    .cc-skel-line--hdr { height:11px; width:120px; display:inline-block; vertical-align:middle; }
    .cc-skel-line--btn { width:72px; height:26px; border-radius:8px; }
    .cc-skel-line--short { width:72px; }
    .cc-skel-cards {
      display:grid;
      grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
      gap:12px;
      width:100%;
    }
    .cc-skel-card {
      border-radius:12px;
      border:1px solid rgba(80,160,145,0.16);
      background:rgba(8,12,22,0.4);
      padding:14px;
      min-height:88px;
      display:flex;
      flex-direction:column;
      gap:10px;
    }
    .cc-skel--threads { padding:10px 12px 14px; }
    .cc-skel--stack {
      display:flex;
      flex-direction:column;
      gap:12px;
      align-items:flex-start;
      padding:20px 16px;
      max-width:28rem;
      margin:0 auto;
    }
    .cc-skel--stack-loose { padding:36px 20px; max-width:36rem; }
    .cc-skel--report { padding:8px 0 4px; max-width:100%; width:100%; }
    .msg-thread-card-grid > .cc-skel--thread-span { grid-column:1 / -1; }
    .cc-skel--pge { padding:20px 16px; max-width:48rem; margin:0 auto; gap:14px; }
    .cc-skel--pge .cc-skel-line--xl { margin-bottom:4px; }
    .cc-skel-line--pge-gap { margin-bottom:10px; }
    .cc-skel-pipeline { padding:8px 0 16px; }
    .cc-skel-pipeline .inv-pipeline-col-body { min-height:120px; display:flex; flex-direction:column; gap:12px; }
    .cc-skel-pipe-card {
      border-radius:12px;
      border:1px solid rgba(80,160,145,0.14);
      background:rgba(6,10,20,0.45);
      padding:12px;
      display:flex;
      flex-direction:column;
      gap:8px;
    }
    .cc-skel-chart-grid {
      display:grid;
      grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
      gap:16px;
      width:100%;
    }
    .cc-skel-chart-card {
      border-radius:14px;
      border:1px solid rgba(80,160,145,0.2);
      background:linear-gradient(165deg, rgba(18,24,42,0.55), rgba(10,14,26,0.88));
      padding:14px;
      min-height:132px;
      display:flex;
      flex-direction:column;
      gap:12px;
    }
    .cc-skel-chart-top { display:flex; gap:12px; align-items:flex-start; }
    .cc-skel-chart-thumb {
      width:52px;
      height:52px;
      border-radius:12px;
      flex-shrink:0;
      background:var(--cc-skel-shine);
      background-size:220% 100%;
      animation:ccShimmer 1.15s ease-in-out infinite;
    }
    .cc-skel-chart-lines { flex:1; min-width:0; display:flex; flex-direction:column; gap:8px; padding-top:4px; }
    .cc-skel-chart-actions { display:flex; gap:8px; margin-top:auto; padding-top:8px; }
    .cc-skel-chart-actions .cc-skel-line { height:28px; border-radius:8px; }
    .cc-skel-chart-actions .cc-skel-line:first-child { width:42%; }
    .cc-skel-chart-actions .cc-skel-line:last-child { width:38%; }
    .cc-skel-members-tr {
      display:grid;
      grid-template-columns:1.4fr 2fr 1fr 90px 90px;
      gap:8px;
      align-items:center;
      padding:13px 18px;
      border-bottom:1px solid var(--divider);
    }
    @media (max-width:900px) {
      .cc-skel-members-tr { grid-template-columns:1fr 1fr; }
    }
    .cc-skel-mini-rows { display:flex; flex-direction:column; gap:10px; padding:4px 2px 8px; width:100%; }
    .cc-skel-mini-row {
      display:grid;
      grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) auto;
      gap:10px;
      align-items:center;
    }
    .cc-skel-mini-row .cc-skel-line { height:11px; }
    .cc-skel-msg-stack { display:flex; flex-direction:column; gap:10px; padding:6px 4px; width:100%; }
    .cc-skel-msg-row { display:flex; }
    .cc-skel-msg-row--L { justify-content:flex-start; }
    .cc-skel-msg-row--R { justify-content:flex-end; }
    .cc-skel-msg-bubble {
      height:34px;
      border-radius:14px;
      width:min(78%, 260px);
      background:var(--cc-skel-shine);
      background-size:220% 100%;
      animation:ccShimmer 1.15s ease-in-out infinite;
    }
    .cc-skel-msg-row--R .cc-skel-msg-bubble { width:min(65%, 220px); }
    .cc-skel-tiles-row {
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      justify-content:flex-start;
      padding:10px 8px;
    }
    .cc-skel-tile {
      width:64px;
      height:64px;
      border-radius:10px;
      background:var(--cc-skel-shine);
      background-size:220% 100%;
      animation:ccShimmer 1.15s ease-in-out infinite;
      border:1px solid rgba(80,160,145,0.12);
    }
    .chart-shelf-empty.cc-skel-host--shelf { padding:16px 8px; }

    .table-scroll { max-height:min(560px,62vh);overflow:auto;position:relative;border-radius:inherit; }
    .table-scroll .table-header {
      position:sticky;top:0;z-index:3;
      backdrop-filter:blur(10px) saturate(1.06);
      -webkit-backdrop-filter:blur(10px) saturate(1.06);
    }
    /* #8 Row rhythm: clearer banding + hover (inventory, refill log) */
    #inventoryTableBody .inv-price-grid-row:nth-child(odd) { background:rgba(10,14,24,0.42); }
    #inventoryTableBody .inv-price-grid-row:nth-child(even) { background:rgba(0,0,0,0.14); }
    #refillTableBody .table-row:nth-child(odd) { background:rgba(10,14,24,0.38); }
    #refillTableBody .table-row:nth-child(even) { background:rgba(0,0,0,0.12); }
    #refillTableBody .table-row:hover, #inventoryTableBody .inv-price-grid-row:hover { background:rgba(196,162,78,0.08); }

    .chart-shelf-inner { width:100%;flex:1;min-height:0;display:flex;flex-direction:column; }
    .chart-shelf-group { margin-bottom:16px; }
    .chart-shelf-group:last-child { margin-bottom:0; }
    .chart-shelf-divider {
      display:flex;align-items:center;gap:12px;margin:4px 0 12px;
    }
    .chart-shelf-divider::before, .chart-shelf-divider::after {
      content:'';flex:1;height:1px;
      background:linear-gradient(90deg, transparent, rgba(80,160,145,0.35), transparent);
    }
    .chart-shelf-divider span {
      flex-shrink:0;font-size:10px;font-weight:800;letter-spacing:0.22em;color:rgba(196,162,78,0.92);
    }
    .chart-shelf-tiles-row { display:flex;flex-wrap:wrap;gap:10px;align-items:stretch; }
    .chart-shelf-scroll .chart-shelf-tile:hover { transform:translateY(-1px); }

    .cc-empty { display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px;color:var(--text-muted);font-size:13px;line-height:1.55;gap:12px; }
    .cc-empty svg { width:48px;height:48px;stroke:rgba(0,234,255,0.22);fill:none;stroke-width:1.2; }
    .cc-empty strong { color:var(--amber-lt);font-weight:600; }

    .stat-card-top { display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0; }
    .stat-card-top > div:first-child { min-width:0;flex:1; }
    .stat-card-icon {
      width:36px;height:36px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;
      background:rgba(15,181,160,0.1);border:1px solid rgba(0,234,255,0.2);color:var(--teal);
    }
    .stat-card-icon svg { width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2; }
    .stat-spark { margin-top:8px;height:20px;min-height:20px;opacity:0.32;width:100%;max-width:100%;box-sizing:border-box; }
    .stat-spark svg { width:100%;max-width:100%;height:20px;display:block; }

    .thread-filter-row { display:flex;flex-wrap:wrap;gap:12px 16px;padding-top:8px;align-items:center; }
    .thread-filter-label { font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none; }
    .thread-filter-label input { accent-color:var(--teal); }

    .sci-panel, .table-wrap, .thread-list { background:linear-gradient(165deg, var(--surface-1), var(--surface-0)); }

    /* ── CONTENT ── */
    .content {
      flex:1 1 0%;min-height:0;min-width:0;
      padding:16px 28px 20px;
      overflow-x:hidden;overflow-y:auto;
      overscroll-behavior:contain;
      scrollbar-gutter:stable;
      max-width:1680px;width:100%;margin:0 auto;
      /* Opaque-ish panel so toolbars / ghost buttons aren’t drawn on the bright atmosphere wallpaper */
      background:
        linear-gradient(180deg, rgba(9,13,24,0.97) 0%, rgba(9,13,24,0.94) 18%, rgba(9,13,24,0.9) 100%);
      border-top:1px solid rgba(80,160,145,0.14);
      box-shadow:inset 0 1px 0 rgba(0,0,0,0.25);
    }
    .page-section { display:none; }
    .page-section.active { display:block; }

    /* Dashboard overview grids */
    .admin-overview-grid {
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(300px,380px);
      gap:24px;
      align-items:start;
    }
    .admin-overview-main { min-width:0; }
    /* Overview: three equal columns, shared row height (#5 rhythm: usable viewport, short-height tuning) */
    .admin-overview-triple {
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:24px;
      align-items:stretch;
      max-width:1680px;
      margin:0 auto;
      width:100%;
      min-width:0;
      --cc-overview-chrome-reserve:248px;
      --cc-overview-row-min-h:clamp(
        360px,
        min(62svh, calc(100dvh - var(--cc-overview-chrome-reserve))),
        760px
      );
    }
    @media (min-width:1181px) and (max-width:1380px) {
      .admin-overview-triple { gap:18px; }
    }
    @media (min-width:1181px) and (max-height:800px) {
      .admin-overview-triple {
        --cc-overview-chrome-reserve:212px;
        --cc-overview-row-min-h:clamp(
          300px,
          min(54svh, calc(100dvh - var(--cc-overview-chrome-reserve))),
          620px
        );
        gap:18px;
      }
      .admin-overview-col--leftstack { gap:14px; }
    }
    @media (min-width:1181px) and (max-height:660px) {
      .admin-overview-triple {
        --cc-overview-chrome-reserve:188px;
        --cc-overview-row-min-h:clamp(
          260px,
          min(48svh, calc(100dvh - var(--cc-overview-chrome-reserve))),
          520px
        );
        gap:16px;
      }
      .admin-overview-col--leftstack { gap:12px; }
    }
    .admin-overview-col {
      min-width:0;
      min-height:var(--cc-overview-row-min-h);
      display:flex;
      flex-direction:column;
    }
    /* Left: Conversations (top) + Recent messages (bottom), equal split */
    .admin-overview-col--leftstack {
      gap:20px;
    }
    .admin-overview-col--leftstack > .admin-overview-msg,
    .admin-overview-col--leftstack > .admin-overview-recent {
      flex:1 1 0;
      min-height:0;
    }
    .admin-overview-col--leftstack > .admin-overview-msg {
      display:flex;
      flex-direction:column;
      min-width:0;
    }
    .admin-overview-msg {
      --cc-inline-thread-count: 0;
      flex:1 1 0;
      min-height:0;
      min-width:0;
      display:flex;
      flex-direction:column;
    }
    .admin-overview-recent {
      flex:1 1 0;
      min-height:0;
      min-width:0;
      display:flex;
      flex-direction:column;
      overflow:hidden;
    }
    /* Middle & right: one full-height card each */
    .admin-overview-col--records > .overview-side-card,
    .admin-overview-col--quick > .overview-side-card {
      flex:1 1 0;
      min-height:0;
      width:100%;
      max-width:none;
      display:flex;
      flex-direction:column;
    }
    .overview-side-card--records {
      box-shadow:
        var(--depth-shadow),
        0 0 0 1px rgba(0,234,255,0.14),
        0 0 44px rgba(15,181,160,0.1),
        inset 0 0 60px rgba(0,200,255,0.03);
    }
    .overview-side-card--quick {
      box-shadow:
        var(--depth-shadow),
        0 0 0 1px rgba(196,162,78,0.22),
        0 0 40px rgba(120,72,140,0.1),
        inset 0 0 50px rgba(196,162,78,0.04);
    }
    .overview-side-card--quick.sci-panel::before {
      background:linear-gradient(135deg, rgba(196,162,78,0.1) 0%, transparent 42%, rgba(120,72,140,0.08) 100%);
    }
    .admin-overview-triple .admin-client-records {
      width:100%;
      max-width:none;
    }
    .admin-overview-triple .admin-client-records .chart-shelf-tiles-row {
      grid-template-columns:repeat(3,minmax(0,1fr));
      justify-content:stretch;
      width:100%;
    }
    .admin-overview-triple .overview-msg-panel {
      flex:1 1 0;
      min-height:0;
      display:flex;
      flex-direction:column;
    }
    .admin-overview-triple .overview-msg-panel .admin-inline-thread-list.msg-thread-card-grid {
      flex:1 1 auto;
      min-height:140px;
      max-height:none;
      height:auto;
    }
    .admin-overview-triple .overview-recent-panel {
      flex:1 1 0;
      min-height:0;
      display:flex;
      flex-direction:column;
    }
    .admin-overview-triple .overview-recent-body {
      flex:1 1 0;
      min-height:0;
      display:flex;
      flex-direction:column;
      padding:12px 14px 14px;
    }
    .admin-overview-triple .overview-recent-table {
      flex:1 1 0;
      min-height:0;
      overflow:auto;
    }
    .overview-msg-panel {
      flex:1;
      min-height:0;
      display:flex;
      flex-direction:column;
    }
    .overview-msg-panel .admin-inline-thread-list.msg-thread-card-grid {
      flex:0 1 auto;
      /* Grows with thread count; stays compact when empty or few cards */
      min-height:clamp(72px, calc(48px + var(--cc-inline-thread-count, 0) * 92px), 300px);
      max-height:clamp(72px, calc(48px + var(--cc-inline-thread-count, 0) * 92px), 300px);
      overflow-y:auto;
      border-bottom:none;
      grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
      gap:12px;
      padding:10px 12px 14px;
    }
    .overview-accent-head {
      position:relative;
      flex-shrink:0;
      height:64px;
      overflow:hidden;
      border-bottom:1px solid rgba(80,160,145,0.22);
      box-shadow:0 2px 16px rgba(0,0,0,0.2);
    }
    .overview-accent-head::after {
      content:'';
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      height:2px;
      z-index:2;
      pointer-events:none;
      opacity:0.85;
    }
    /*
      Title stays left. Photo at full brightness on the right: scrim only on the left.
      Banner art is mirrored (scaleX(-1)) so a subject that sits on the left in the file
      reads on the right after flip. Remove transform if your asset is already focused right.
    */
    .overview-accent-img {
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:28% 42%;
      transform:scaleX(-1);
      filter:none;
    }
    .overview-accent-head--messages .overview-accent-img { object-position:42% 38%; }
    .overview-accent-head--recent .overview-accent-img { object-position:48% 44%; }
    .overview-accent-head--records .overview-accent-img { object-position:24% 45%; }
    .overview-accent-scrim {
      position:absolute;
      inset:0;
      pointer-events:none;
      z-index:1;
    }
    /* Darken only under the title (~left 52%); right half stays clear so the photo reads at full strength */
    .overview-accent-head--messages .overview-accent-scrim {
      background:linear-gradient(90deg,
        rgba(4,10,18,0.88) 0%,
        rgba(6,14,22,0.5) 36%,
        rgba(8,18,26,0.12) 48%,
        transparent 56%);
    }
    .overview-accent-head--messages::after {
      background:linear-gradient(90deg, transparent, rgba(0,234,255,0.55), transparent);
      box-shadow:none;
    }
    .overview-accent-head--recent .overview-accent-scrim {
      background:linear-gradient(90deg,
        rgba(12,8,6,0.9) 0%,
        rgba(20,14,10,0.48) 34%,
        rgba(24,18,12,0.1) 47%,
        transparent 55%);
    }
    .overview-accent-head--recent::after {
      background:linear-gradient(90deg, transparent, rgba(196,162,78,0.65), transparent);
      box-shadow:none;
    }
    .overview-accent-head--records .overview-accent-scrim {
      background:linear-gradient(90deg,
        rgba(6,10,18,0.9) 0%,
        rgba(10,16,26,0.52) 38%,
        rgba(12,20,32,0.1) 48%,
        transparent 58%);
    }
    .overview-accent-head--records::after {
      background:linear-gradient(90deg, transparent, rgba(15,181,160,0.55), transparent);
      box-shadow:none;
    }
    .overview-accent-head--quicklinks .overview-accent-img--quick { object-position:58% 42%; }
    .overview-accent-head--quicklinks .overview-accent-scrim {
      background:linear-gradient(90deg,
        rgba(28,12,36,0.92) 0%,
        rgba(48,22,58,0.52) 36%,
        rgba(60,28,72,0.12) 48%,
        transparent 58%);
    }
    .overview-accent-head--quicklinks::after {
      background:linear-gradient(90deg, transparent, rgba(180,120,200,0.55), rgba(196,162,78,0.35), transparent);
      box-shadow:none;
    }
    .overview-accent-title--quick,
    .overview-accent-head--quicklinks .overview-accent-title {
      color:#dcc2ec;
      max-width:100%;
      white-space:nowrap;
      font-size:clamp(15px,1.75vw,22px);
      letter-spacing:0.03em;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .overview-accent-head--fallback.overview-accent-head--quicklinks {
      background:linear-gradient(115deg, rgba(26,12,34,0.98) 0%, rgba(56,28,68,0.78) 50%, rgba(14,8,20,0.96) 100%);
    }
    .overview-quick-body {
      flex:1 1 0;
      min-height:0;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:12px;
      padding:16px 12px 18px;
      overflow-y:auto;
      -webkit-overflow-scrolling:touch;
      background:
        radial-gradient(ellipse 120% 80% at 50% 0%, rgba(0,234,255,0.07) 0%, transparent 55%),
        radial-gradient(ellipse 90% 60% at 80% 100%, rgba(196,162,78,0.08) 0%, transparent 50%),
        linear-gradient(180deg, rgba(12,8,22,0.5) 0%, rgba(6,8,16,0.2) 100%);
    }
    .overview-quick-tagline {
      margin:0;
      max-width:22em;
      text-align:center;
      font-family:var(--font-ui);
      font-size:11px;
      font-weight:600;
      letter-spacing:0.06em;
      line-height:1.45;
      color:rgba(232,223,200,0.82);
      text-shadow:0 0 20px rgba(0,234,255,0.12);
    }
    .overview-quick-tagline::before {
      content:'✦';
      display:inline-block;
      margin-right:8px;
      color:rgba(196,162,78,0.85);
      font-size:10px;
      vertical-align:0.05em;
    }
    .overview-quick-tagline::after {
      content:'✦';
      display:inline-block;
      margin-left:8px;
      color:rgba(15,181,160,0.75);
      font-size:10px;
      vertical-align:0.05em;
    }
    .overview-accent-title {
      position:relative;
      z-index:3;
      margin:0;
      padding:18px 16px 14px;
      max-width:52%;
      font-family:var(--font-display);
      font-size:clamp(18px,2vw,24px);
      font-weight:400;
      letter-spacing:0.04em;
      line-height:1.1;
      text-align:left;
      text-shadow:0 1px 2px rgba(0,0,0,0.9), 0 2px 14px rgba(0,0,0,0.65);
    }
    .overview-accent-head-row {
      position:relative; z-index:3;
      display:flex; align-items:center; justify-content:space-between; gap:12px;
      padding:14px 16px 10px; max-width:100%; box-sizing:border-box;
    }
    .overview-accent-head-row .overview-accent-title {
      margin:0; padding:0; flex:1; min-width:0; max-width:52%;
    }
    .overview-start-chat-btn {
      flex-shrink:0; margin:0; padding:8px 14px;
      font-family:var(--font-ui); font-size:11px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase;
      color:rgba(232,240,239,0.95);
      background:rgba(7,18,24,0.65); backdrop-filter:blur(8px);
      border:1px solid rgba(0,234,255,0.38); border-radius:10px; cursor:pointer;
      box-shadow:0 4px 16px rgba(0,0,0,0.35);
      transition:border-color 0.2s, background 0.2s;
    }
    .overview-start-chat-btn:hover {
      border-color:rgba(0,234,255,0.55);
      background:rgba(12,28,36,0.82);
    }
    .overview-accent-head--messages .overview-accent-title {
      color:var(--emerald);
    }
    /* Recent: full title bar width — base .overview-accent-title max-width:52% clipped “Messages” */
    .overview-accent-title--recent,
    .overview-accent-head--recent .overview-accent-title {
      color:var(--amber-lt);
      max-width:100%;
      width:auto;
      padding-right:18px;
      white-space:nowrap;
      overflow:visible;
      text-overflow:clip;
    }
    .overview-accent-title--records,
    .overview-accent-head--records .overview-accent-title {
      color:#e8dfc8;
      /* Narrow rail: “Client Records” must stay one line like “Message Board” */
      max-width:100%;
      white-space:nowrap;
      font-size:clamp(15px,1.75vw,22px);
      letter-spacing:0.03em;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .overview-accent-head--fallback .overview-accent-img { display:none; }
    .overview-accent-head--fallback {
      background:linear-gradient(115deg, rgba(12,22,38,0.98) 0%, rgba(18,32,52,0.88) 45%, rgba(8,14,26,0.96) 100%);
    }
    .overview-accent-head--fallback.overview-accent-head--messages {
      background:linear-gradient(115deg, rgba(6,22,30,0.98) 0%, rgba(0,48,52,0.75) 48%, rgba(4,12,20,0.96) 100%);
    }
    .overview-accent-head--fallback.overview-accent-head--recent {
      background:linear-gradient(115deg, rgba(28,18,10,0.98) 0%, rgba(72,48,22,0.72) 50%, rgba(14,10,6,0.96) 100%);
    }
    .overview-msg-controls {
      padding:12px 14px 10px;
      border-bottom:1px solid rgba(15,181,160,0.14);
      background:linear-gradient(90deg, rgba(0,234,255,0.05), transparent);
      flex-shrink:0;
    }
    .overview-msg-toolbar-row {
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:10px 14px;
      width:100%;
    }
    .overview-msg-toolbar-row .overview-msg-tag { flex:0 0 auto; }
    .overview-msg-toolbar-row .admin-inline-search {
      flex:1 1 220px;
      min-width:min(100%,160px);
      margin-top:0;
      width:auto;
      max-width:none;
    }
    .overview-msg-toolbar-row .admin-inline-chat-expand { flex:0 0 auto; }
    .overview-msg-tag {
      font-size:10px;
      font-weight:800;
      letter-spacing:0.22em;
      text-transform:uppercase;
      color:rgba(0,234,255,0.78);
    }
    .overview-recent-body { padding:14px 16px 16px; }
    .overview-recent-panel .overview-recent-table { margin:0; }
    .admin-client-records {
      width:var(--cc-records-panel-w);
      max-width:100%;
      flex-shrink:0;
      display:flex;
      flex-direction:column;
      min-height:0;
      min-width:0;
    }
    .admin-client-records .overview-accent-head { border-radius:0; }
    .chart-shelf--records-rail {
      flex:1 1 auto;
      min-height:180px;
      border:none;
      border-radius:0;
      clip-path:none;
      box-shadow:none;
      background:transparent;
    }
    .chart-shelf--records-rail .chart-shelf-inner {
      flex:1;
      min-height:0;
    }
    .chart-shelf--records-rail .chart-shelf-scroll {
      flex:1;
      min-height:0;
      overflow-y:auto;
      scrollbar-gutter:stable;
      padding:12px 10px 14px;
    }
    .admin-client-records .chart-shelf-tiles-row {
      display:grid;
      grid-template-columns:repeat(3,var(--cc-chart-tile-w));
      gap:var(--cc-chart-tile-gap);
      justify-content:center;
    }
    .admin-quick-rail {
      width:var(--cc-quick-rail-w);
      max-width:100%;
      flex-shrink:0;
      display:grid;
      grid-template-columns:repeat(3, var(--cc-quick-tile-w));
      grid-auto-rows:var(--cc-quick-tile-h);
      gap:var(--cc-quick-tile-gap);
      justify-content:center;
      align-content:start;
      min-height:0;
      padding:2px 0 4px;
      box-sizing:border-box;
    }
    .admin-quick-rail--panel {
      width:100%;
      max-width:calc(var(--cc-chart-tile-w) * 3 + var(--cc-chart-tile-gap) * 2);
      margin:0 auto;
      grid-template-columns:repeat(3, var(--cc-chart-tile-w));
      grid-auto-rows:142px;
      gap:var(--cc-chart-tile-gap);
      padding:6px 4px 10px;
      align-content:center;
      justify-items:center;
    }
    /* Match client chart tiles (112×142) + “launch pad” flair */
    .admin-quick-rail--panel .admin-quick-btn {
      width:var(--cc-chart-tile-w);
      min-width:var(--cc-chart-tile-w);
      max-width:var(--cc-chart-tile-w);
      height:142px;
      min-height:142px;
      margin:0;
      border-radius:14px;
      clip-path:none;
      padding:12px 8px 10px;
      gap:8px;
      justify-content:flex-start;
      font-size:9px;
      font-weight:800;
      letter-spacing:0.08em;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 4px 22px rgba(0,0,0,0.4),
        0 0 0 1px rgba(0,234,255,0.12),
        0 0 28px rgba(15,181,160,0.08);
    }
    .admin-quick-rail--panel .admin-quick-btn::before {
      left:10px;
      right:10px;
      height:2px;
      border-radius:0 0 3px 3px;
      background:linear-gradient(90deg, transparent, rgba(196,162,78,0.85), rgba(0,234,255,0.65), transparent);
    }
    .admin-quick-rail--panel .admin-quick-ico {
      width:48px;
      height:48px;
      border-radius:12px;
      margin-top:2px;
      background:rgba(8,12,22,0.9);
      border:1px solid rgba(0,234,255,0.28);
      box-shadow:0 0 20px rgba(15,181,160,0.15), inset 0 1px 0 rgba(255,255,255,0.06);
    }
    .admin-quick-rail--panel .admin-quick-ico svg {
      width:22px;
      height:22px;
      stroke-width:1.9;
    }
    .admin-quick-rail--panel .admin-quick-lbl {
      -webkit-line-clamp:2;
      line-clamp:2;
      max-height:2.6em;
      line-height:1.2;
      margin-top:auto;
    }
    @media (prefers-reduced-motion:no-preference) {
      .admin-quick-rail--panel .admin-quick-btn {
        animation:ccQuickTileIn 0.55s cubic-bezier(0.34,1.45,0.64,1) backwards;
      }
      .admin-quick-rail--panel .admin-quick-btn:nth-child(1){animation-delay:0.05s;}
      .admin-quick-rail--panel .admin-quick-btn:nth-child(2){animation-delay:0.1s;}
      .admin-quick-rail--panel .admin-quick-btn:nth-child(3){animation-delay:0.15s;}
      .admin-quick-rail--panel .admin-quick-btn:nth-child(4){animation-delay:0.2s;}
      .admin-quick-rail--panel .admin-quick-btn:nth-child(5){animation-delay:0.25s;}
      .admin-quick-rail--panel .admin-quick-btn:nth-child(6){animation-delay:0.3s;}
    }
    @keyframes ccQuickTileIn {
      from { opacity:0; transform:translateY(14px) scale(0.94); }
      to { opacity:1; transform:translateY(0) scale(1); }
    }
    .admin-quick-rail--panel .admin-quick-btn:hover {
      transform:translateY(-3px) scale(1.02);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.1),
        0 0 32px rgba(0,234,255,0.22),
        0 12px 32px rgba(0,0,0,0.5),
        0 0 0 1px rgba(196,162,78,0.35);
    }
    .admin-quick-rail--panel .admin-quick-btn:active {
      transform:translateY(-1px) scale(1.01);
    }
    .admin-quick-rail--panel .admin-quick-btn--inventory { box-shadow:inset 0 1px 0 rgba(255,255,255,0.07), 0 4px 22px rgba(0,0,0,0.38), 0 0 24px rgba(15,181,160,0.18); }
    .admin-quick-rail--panel .admin-quick-btn--store { box-shadow:inset 0 1px 0 rgba(255,255,255,0.07), 0 4px 22px rgba(0,0,0,0.38), 0 0 22px rgba(196,162,78,0.16); }
    .admin-quick-rail--panel .admin-quick-btn--guide { box-shadow:inset 0 1px 0 rgba(255,255,255,0.07), 0 4px 22px rgba(0,0,0,0.38), 0 0 20px rgba(232,201,122,0.12); }
    .admin-quick-rail--panel .admin-quick-btn--reports { box-shadow:inset 0 1px 0 rgba(255,255,255,0.07), 0 4px 22px rgba(0,0,0,0.38), 0 0 18px rgba(0,234,255,0.1); }
    .admin-quick-rail--panel .admin-quick-btn--orders { box-shadow:inset 0 1px 0 rgba(255,255,255,0.07), 0 4px 22px rgba(0,0,0,0.38), 0 0 22px rgba(45,212,160,0.14); }
    .admin-quick-rail--panel .admin-quick-btn--invoice { box-shadow:inset 0 1px 0 rgba(255,255,255,0.07), 0 4px 22px rgba(0,0,0,0.38), 0 0 22px rgba(196,162,78,0.2); }
    .admin-quick-btn {
      position:relative;
      width:var(--cc-quick-tile-w);
      height:var(--cc-quick-tile-h);
      box-sizing:border-box;
      padding:5px 3px 4px;
      margin:0;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:flex-start;
      gap:3px;
      text-align:center;
      border-radius:3px 11px 11px 11px;
      clip-path:polygon(0 6px, 6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%);
      border:1px solid rgba(80,160,145,0.26);
      background:linear-gradient(165deg, rgba(14,20,36,0.96), rgba(6,10,20,0.99));
      color:rgba(232,223,200,0.9);
      font-family:var(--font-ui);
      font-size:6.5px;
      font-weight:700;
      letter-spacing:0.06em;
      text-transform:uppercase;
      line-height:1.15;
      cursor:pointer;
      overflow:hidden;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 3px 14px rgba(0,0,0,0.38),
        0 0 0 1px rgba(0,234,255,0.05);
      transition:border-color 0.2s, box-shadow 0.2s, color 0.2s, transform 0.18s;
    }
    .admin-quick-btn::before {
      content:'';
      position:absolute;
      top:0;
      left:8px;
      right:8px;
      height:2px;
      border-radius:0 0 2px 2px;
      background:linear-gradient(90deg, transparent, rgba(196,162,78,0.7), rgba(15,181,160,0.5), transparent);
      opacity:0.88;
      pointer-events:none;
    }
    .admin-quick-btn::after {
      content:'';
      position:absolute;
      inset:0;
      background:radial-gradient(ellipse 90% 70% at 50% -10%, rgba(15,181,160,0.14) 0%, transparent 52%);
      opacity:0;
      transition:opacity 0.2s;
      pointer-events:none;
    }
    .admin-quick-ico {
      width:22px;
      height:22px;
      flex-shrink:0;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:8px;
      background:rgba(8,12,22,0.85);
      border:1px solid rgba(0,234,255,0.16);
      box-shadow:0 0 12px rgba(15,181,160,0.06);
      color:inherit;
    }
    .admin-quick-ico svg {
      width:13px;
      height:13px;
      display:block;
      stroke:currentColor;
      fill:none;
      stroke-width:1.85;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    .admin-quick-ico svg * { fill:none; }
    .admin-quick-lbl {
      display:-webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:2;
      line-clamp:2;
      overflow:hidden;
      word-break:break-word;
      width:100%;
      max-height:2.4em;
    }
    .admin-quick-btn--inventory { border-color:rgba(15,181,160,0.3); color:rgba(45,212,160,0.92); }
    .admin-quick-btn--store { border-color:rgba(196,162,78,0.34); color:rgba(232,201,122,0.92); }
    .admin-quick-btn--guide { border-color:rgba(196,162,78,0.28); color:rgba(232,223,200,0.9); }
    .admin-quick-btn--reports { border-color:rgba(90,158,144,0.26); color:rgba(180,200,196,0.88); }
    .admin-quick-btn--orders { border-color:rgba(15,181,160,0.24); color:rgba(232,240,239,0.88); }
    .admin-quick-btn--invoice { border-color:rgba(196,162,78,0.34); color:rgba(232,201,122,0.94); }
    .admin-quick-btn:hover {
      border-color:rgba(196,162,78,0.45);
      color:var(--amber-lt);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.07),
        0 0 22px rgba(15,181,160,0.12),
        0 6px 20px rgba(0,0,0,0.45);
      transform:translateY(-1px);
    }
    .admin-quick-btn:hover::after { opacity:1; }
    .admin-quick-btn:focus-visible {
      outline:2px solid rgba(0,234,255,0.45);
      outline-offset:2px;
    }
    .admin-quick-btn:active { transform:translateY(0); }
    @media (max-width:1180px) {
      .admin-overview-triple {
        grid-template-columns:1fr;
        --cc-overview-row-min-h:0;
      }
      /* Mobile overview: Quick links directly under hero, then conversations + recent, then client records */
      .admin-overview-triple .admin-overview-col--quick {
        order: -1;
      }
      .admin-overview-triple .admin-overview-col--leftstack {
        order: 0;
      }
      .admin-overview-triple .admin-overview-col--records {
        order: 1;
      }
      .admin-overview-col { min-height:0; }
      /* Stacked: conversations + recent slightly shorter than full-height side cards */
      .admin-overview-col--leftstack > .admin-overview-msg,
      .admin-overview-col--leftstack > .admin-overview-recent {
        min-height:clamp(260px, 40svh, 400px);
      }
      .admin-overview-col--records > .overview-side-card,
      .admin-overview-col--quick > .overview-side-card {
        min-height:clamp(280px, 46svh, 460px);
      }
      .admin-quick-rail--panel { max-width:100%; }
    }
    @media (max-width:1180px) and (max-height:720px) {
      .admin-overview-col--leftstack > .admin-overview-msg,
      .admin-overview-col--leftstack > .admin-overview-recent {
        min-height:clamp(220px, 34svh, 340px);
      }
      .admin-overview-col--records > .overview-side-card,
      .admin-overview-col--quick > .overview-side-card {
        min-height:clamp(240px, 40svh, 380px);
      }
    }

    .sci-panel {
      position:relative;
      border-radius:4px 16px 16px 16px;
      clip-path:polygon(0 10px, 10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
      box-shadow:
        var(--depth-shadow),
        0 0 0 1px rgba(0, 234, 255, 0.1),
        0 0 48px rgba(15, 181, 160, 0.12),
        inset 0 0 80px rgba(0, 200, 255, 0.04);
    }
    .sci-panel::before {
      content:'';
      position:absolute;
      inset:0;
      border-radius:inherit;
      pointer-events:none;
      background:linear-gradient(135deg, rgba(0,234,255,0.07) 0%, transparent 42%, rgba(196,162,78,0.06) 100%);
      z-index:0;
    }
    .sci-panel > * { position:relative;z-index:1; }

    .admin-inline-chat {
      display:flex;
      flex-direction:column;
      background:linear-gradient(165deg, rgba(10,18,32,0.92), rgba(6,10,22,0.96));
      backdrop-filter:blur(18px) saturate(1.15);
      -webkit-backdrop-filter:blur(18px) saturate(1.15);
      border:1px solid rgba(0, 234, 255, 0.15);
      overflow:hidden;
    }
    .admin-inline-chat-head {
      padding:14px 14px 12px;
      border-bottom:1px solid rgba(15, 181, 160, 0.2);
      background:linear-gradient(90deg, rgba(0,234,255,0.06), transparent);
    }
    .admin-inline-chat-head-top { display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap; }
    .admin-inline-chat-title {
      font-size:10px;font-weight:800;letter-spacing:0.28em;text-transform:uppercase;
      color:rgba(0,234,255,0.85);
      text-shadow:0 0 18px rgba(0,234,255,0.35);
    }
    .admin-inline-chat-meta {
      font-size:10px;color:var(--text-muted);letter-spacing:0.08em;margin-top:6px;
      line-height:1.45;min-height:calc(1.45em * 2);
      display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;
    }
    .admin-inline-chat-expand {
      font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;
      color:var(--amber-lt);
      text-decoration:none;
      padding:6px 11px;border-radius:100px;
      border:1px solid rgba(196,162,78,0.35);
      background:rgba(196,162,78,0.08);
      transition:all 0.2s;
    }
    .admin-inline-chat-expand:hover {
      border-color:rgba(0,234,255,0.45);
      color:var(--emerald);
      box-shadow:0 0 20px rgba(15,181,160,0.2);
    }
    .admin-inline-search {
      width:100%;margin-top:10px;padding:8px 10px;border-radius:8px;
      border:1px solid rgba(0,234,255,0.15);
      background:rgba(4,8,18,0.65);color:var(--text);font-family:var(--font-ui);font-size:11px;outline:none;
    }
    .admin-inline-search:focus { border-color:rgba(0,234,255,0.4);box-shadow:0 0 0 2px rgba(0,234,255,0.08); }
    .admin-inline-thread-list {
      max-height:148px;overflow-y:auto;
      border-bottom:1px solid rgba(15, 181, 160, 0.14);
    }
    .thread-item--compact { padding:9px 12px; }
    .thread-item--compact .thread-preview { font-size:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-clamp:1; }
    .thread-item--compact .thread-time { font-size:9px; }
    .admin-inline-thread-empty { text-align:center;padding:16px;font-size:11px;color:var(--text-muted); }
    .admin-inline-chat-body { display:flex;flex-direction:column;min-height:280px; }
    .admin-inline-no-thread {
      flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
      padding:24px 16px;color:var(--text-muted);font-size:12px;text-align:center;
    }
    .admin-inline-no-thread svg { width:36px;height:36px;stroke:rgba(0,234,255,0.2);fill:none; }
    .admin-inline-active {
      display:none;flex:1;flex-direction:column;min-height:0;
    }
    .admin-inline-active.open { display:flex; }
    .admin-inline-chat-toolbar {
      display:flex;align-items:center;justify-content:space-between;gap:8px;
      padding:10px 12px;border-bottom:1px solid rgba(15,181,160,0.14);
      background:linear-gradient(90deg, rgba(15,181,160,0.08), transparent);
    }
    .admin-inline-chat-toolbar-main { display:flex;align-items:center;gap:10px;min-width:0; }
    .admin-inline-av {
      width:34px;height:34px;border-radius:50%;
      background:rgba(15,181,160,0.12);border:1px solid rgba(0,234,255,0.25);
      display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--emerald);
      box-shadow:0 0 16px rgba(15,181,160,0.2);
    }
    .admin-inline-peer-name { font-size:13px;font-weight:700;color:var(--text);line-height:1.25;min-height:1.25em; }
    .admin-inline-peer-email {
      font-size:10px;color:var(--text-muted);word-break:break-all;line-height:1.3;
      min-height:calc(1.3em * 2);
      display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;
    }
    .admin-inline-msgs {
      flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;
      max-height:220px;
      background:linear-gradient(180deg, rgba(0,0,0,0.12), transparent);
    }
    .admin-inline-msgs .msg-row { margin:0; }
    .admin-inline-msgs .m-body { max-width:88%; }
    .admin-inline-msgs .m-bubble { font-size:12px;padding:8px 11px;border-radius:12px; }
    .admin-inline-reply-err { font-size:10px;color:var(--coral);padding:0 12px 6px;min-height:14px; }
    .admin-inline-reply-row {
      display:flex;gap:8px;padding:10px 12px;
      border-top:1px solid rgba(0,234,255,0.12);
      background:rgba(4,8,18,0.5);
    }
    .admin-inline-reply-input {
      flex:1;background:rgba(0,234,255,0.04);border:1px solid rgba(0,234,255,0.18);
      border-radius:10px;padding:9px 11px;font-family:var(--font-ui);font-size:12px;color:var(--text);outline:none;
    }
    .admin-inline-reply-input:focus { border-color:rgba(0,234,255,0.45); }
    .admin-inline-reply-send {
      padding:0 14px;border-radius:10px;border:1px solid rgba(0,234,255,0.35);
      background:rgba(15,181,160,0.12);color:var(--emerald);font-weight:800;font-size:9px;letter-spacing:0.12em;
      text-transform:uppercase;cursor:pointer;transition:all 0.2s;
    }
    .admin-inline-reply-send:hover { box-shadow:0 0 20px rgba(15,181,160,0.25); }
    .admin-inline-reply-send:disabled { opacity:0.45;cursor:not-allowed; }

    @media (max-width:1200px) {
      .admin-overview-grid:not(.admin-overview-triple) { grid-template-columns:1fr; }
      .admin-inline-msgs { max-height:260px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .cc-atmosphere::after { animation:none; }
      .main::after { animation:none; }
      .cc-toast { animation:none; }
      .topbar-stats.is-skeleton .topbar-stat-num { animation:none; }
      .admin-quick-rail--panel .admin-quick-btn { animation:none !important; }
      .cc-skel-line,
      .cc-skel-chart-thumb,
      .cc-skel-msg-bubble,
      .cc-skel-tile { animation:none; background-position:50% 0; opacity:0.88; }
    }

    /* ── STAT CARDS ── */
    /* minmax(0,1fr) + min-width:0 on cards stops intrinsic text wrap from resizing columns and shifting the whole grid */
    .stats-grid {
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(min(100%,158px),1fr));
      gap:16px;margin-bottom:28px;
    }
    .stat-card {
      background:linear-gradient(165deg, rgba(18, 24, 42, 0.82), rgba(10, 14, 26, 0.94));
      backdrop-filter:blur(14px) saturate(1.08);
      -webkit-backdrop-filter:blur(14px) saturate(1.08);
      border:1px solid rgba(80, 160, 145, 0.18);
      border-radius:16px;padding:17px 18px 16px;
      position:relative;overflow:hidden;
      min-width:0;
      transition:box-shadow 0.22s ease, border-color 0.22s ease;
      box-shadow:0 8px 32px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.04);
    }
    .stat-card:hover {
      box-shadow:0 12px 36px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.05);
      border-color:rgba(196, 162, 78, 0.26);
    }
    .stat-card::before { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--amber-lt),var(--teal),transparent);opacity:0.95; }
    .stat-card.coral::before { background:linear-gradient(90deg,var(--coral),rgba(199,92,110,0.3),transparent); }
    .stat-card.teal::before { background:linear-gradient(90deg,var(--teal),var(--emerald),transparent); }
    .stat-label { font-size:9px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:rgba(92,117,114,0.95);margin-bottom:10px; }
    .stat-num { font-size:clamp(28px,4vw,38px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--amber-lt);margin-bottom:6px;text-shadow:0 0 36px rgba(196,162,78,0.22);min-height:1.05em; }
    .stat-num.coral { color:#e8919e;text-shadow:0 0 32px rgba(199,92,110,0.25); }
    .stat-num.teal { color:var(--emerald);text-shadow:0 0 32px rgba(15,181,160,0.22); }
    .stat-num.white { color:#e8f0ef;text-shadow:0 0 24px rgba(232,240,239,0.08); }
    .stat-desc {
      font-size:11px;color:rgba(154,179,176,0.85);line-height:1.4;
      min-height:calc(1.4em * 2);
      max-height:calc(1.4em * 2);
      overflow:hidden;
      display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;
      overflow-wrap:anywhere;
      word-break:break-word;
    }

    /* ── SECTION HEADER ── */
    .tag-pill { display:inline-block;font-size:10px;font-weight:700;letter-spacing:0.04em;text-transform:none;padding:5px 12px;border-radius:100px;background:rgba(196,162,78,0.1);border:1px solid rgba(196,162,78,0.3);color:var(--amber-lt);box-shadow:0 0 20px rgba(196,162,78,0.08); }
    .tag-pill.coral { background:rgba(199,92,110,0.08);border-color:rgba(199,92,110,0.25);color:var(--coral); }
    .tag-pill.teal { background:rgba(15,181,160,0.08);border-color:rgba(15,181,160,0.2);color:var(--teal); }
    #memberCountTag { min-width:7.5rem;display:inline-flex;justify-content:center;box-sizing:border-box; }

    .refill-table-shell { min-height:min(360px,50vh); }
    .refill-empty-state {
      min-height:min(280px,45vh);
      display:flex;flex-direction:column;align-items:center;justify-content:center;
      box-sizing:border-box;padding:28px 20px;text-align:center;
      font-size:13px;color:var(--text-muted);line-height:1.55;
    }
    .refill-empty-state .refill-empty-hint {
      display:block;margin-top:10px;font-size:12px;max-width:36rem;
      word-break:break-word;color:rgba(154,179,176,0.75);
    }

    /* Invoice pipeline (Command Center) */
    main.main[data-cc-section="invoices"] .content {
      display:flex; flex-direction:column; min-height:0;
    }
    main.main[data-cc-section="invoices"] #section-invoices.page-section.active {
      display:flex; flex-direction:column; flex:1 1 auto; min-height:0; overflow:hidden;
    }
    main.main[data-cc-section="orders"] .content {
      display:flex; flex-direction:column; min-height:0;
    }
    main.main[data-cc-section="orders"] #section-orders.page-section.active {
      display:flex; flex-direction:column; flex:1 1 auto; min-height:0; overflow:auto;
    }
    .inv-pipeline-grid.orders-proc-grid { grid-template-columns:repeat(4, minmax(0, 1fr)); }
    @media (max-width:1100px) {
      .inv-pipeline-grid.orders-proc-grid { grid-template-columns:1fr; }
    }
    .inv-pipeline-toolbar {
      display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px;
      margin-bottom:14px; flex-shrink:0;
    }
    .inv-pipeline-wrap { flex:1 1 auto; min-height:min(420px, 62vh); overflow:hidden; display:flex; flex-direction:column; }
    .inv-pipeline-loading, .inv-pipeline-err {
      padding:28px; text-align:center; color:var(--text-muted); font-size:13px;
    }
    .inv-pipeline-grid {
      display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px;
      flex:1; min-height:0; align-items:stretch;
    }
    @media (max-width:1100px) {
      .inv-pipeline-grid { grid-template-columns:1fr; }
    }
    .inv-pipeline-col {
      display:flex; flex-direction:column; min-height:0;
      border:1px solid rgba(80,160,145,0.22);
      border-radius:14px;
      background:linear-gradient(165deg, rgba(14,20,36,0.55), rgba(8,12,22,0.82));
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
    }
    .inv-pipeline-col-hdr {
      flex-shrink:0; padding:12px 14px;
      font-size:11px; font-weight:800; letter-spacing:0.12em; text-transform:uppercase;
      color:rgba(0,234,255,0.75);
      border-bottom:1px solid rgba(80,160,145,0.18);
      display:flex; align-items:center; justify-content:space-between; gap:10px;
    }
    .inv-pipeline-col-hdr .inv-pipeline-count {
      font-variant-numeric:tabular-nums; color:var(--amber-lt);
    }
    .inv-pipeline-col-body {
      flex:1; min-height:200px; max-height:min(52vh, 640px);
      overflow-y:auto; padding:12px 12px 16px;
      display:flex; flex-direction:column; gap:12px;
    }
    .inv-pipeline-card {
      border:1px solid rgba(80,160,145,0.2);
      border-radius:12px;
      padding:14px 14px 12px;
      background:rgba(6,10,20,0.55);
    }
    .inv-pipeline-col-body .inv-pipeline-card:nth-child(even) {
      background:rgba(4,8,18,0.62);
      border-color:rgba(80,160,145,0.24);
    }
    .inv-pipeline-card-title {
      font-family:var(--font-display); font-size:15px; color:#e8dfc8; margin:0 0 4px;
      line-height:1.25; word-break:break-word;
    }
    .inv-pipeline-card-meta {
      font-size:11px; color:var(--text-muted); line-height:1.45; margin-bottom:8px;
      word-break:break-word;
    }
    .inv-pipeline-card-actions {
      display:flex; flex-wrap:wrap; gap:8px; margin-top:6px;
    }
    .inv-pipeline-card-actions button {
      font-size:10px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase;
      min-height:36px; padding:8px 14px; border-radius:9px; cursor:pointer;
      border:1px solid rgba(80,160,145,0.35);
      background:rgba(15,181,160,0.08); color:var(--emerald);
    }
    .inv-pipeline-card-actions button:hover { border-color:rgba(0,234,255,0.45); background:rgba(15,181,160,0.14); }
    .inv-pipeline-card-actions button.inv-pipe-btn-back {
      border-color:rgba(196,162,78,0.25); color:var(--amber-lt); background:rgba(196,162,78,0.06);
    }
    .inv-pipeline-empty { font-size:12px; color:rgba(154,179,176,0.65); padding:12px 6px; text-align:center; }

    /* Orders (procurement) — queue mirror + vendors + pipeline */
    .cc-orders-toolbar { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:16px; }
    .cc-orders-grid-2 {
      display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:22px;
    }
    @media (max-width:900px) { .cc-orders-grid-2 { grid-template-columns:1fr; } }
    .cc-orders-panel {
      border:1px solid rgba(80,160,145,0.22); border-radius:14px;
      background:linear-gradient(165deg, rgba(14,20,36,0.55), rgba(8,12,22,0.72));
      padding:16px 18px 18px;
    }
    .cc-orders-panel-title {
      font-family:var(--font-display); font-size:clamp(17px,2vw,20px); font-weight:400; color:#e8dfc8; margin:0 0 8px; letter-spacing:0.04em;
    }
    .cc-orders-panel-sub { font-size:12px; color:var(--text-muted); line-height:1.55; margin:0 0 12px; }
    .cc-orders-panel-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
    .cc-orders-panel-head .cc-orders-panel-title { margin:0; }
    .cc-orders-vendor-table { width:100%; border-collapse:collapse; font-size:12px; margin-top:8px; }
    .cc-orders-vendor-table th, .cc-orders-vendor-table td {
      padding:8px 10px; text-align:left; border-bottom:1px solid rgba(80,160,145,0.15); color:var(--text-dim);
    }
    .cc-orders-vendor-table th { font-size:9px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(15,181,160,0.75); }
    .cc-orders-pill-warn { font-size:10px; color:rgba(196,162,78,0.9); margin-top:10px; display:block; }
    .cc-orders-pm-lines { margin:12px 0; max-height:200px; overflow-y:auto; border:1px solid rgba(80,160,145,0.18); border-radius:10px; padding:8px; }
    .cc-orders-pm-line { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:6px 4px; border-bottom:1px solid rgba(80,160,145,0.1); font-size:12px; }
    .cc-orders-pm-line:last-child { border-bottom:none; }
    .orders-pm-err { color:var(--coral); font-size:12px; margin-top:8px; display:none; }
    .orders-pm-err.is-visible { display:block; }

    /* Reports (Command Center — migrated from legacy admin_reports) */
    .cc-rpt-toolbar { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:18px; }
    .cc-rpt-cat { margin-bottom:28px; }
    .cc-rpt-cat-title {
      font-size:10px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase;
      color:rgba(15,181,160,0.85); margin:0 0 12px; padding-bottom:8px;
      border-bottom:1px solid rgba(80,160,145,0.22);
    }
    .cc-rpt-grid {
      display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:14px;
    }
    @media (max-width:640px) { .cc-rpt-grid { grid-template-columns:1fr; } }
    .cc-rpt-card {
      border:1px solid rgba(80,160,145,0.22); border-radius:14px;
      background:linear-gradient(165deg, rgba(14,20,36,0.55), rgba(8,12,22,0.78));
      padding:16px 18px; display:flex; flex-direction:column; gap:8px;
      transition:border-color 0.2s, box-shadow 0.2s, transform 0.2s;
    }
    .cc-rpt-card:hover {
      border-color:rgba(196,162,78,0.35);
      box-shadow:0 10px 32px rgba(0,0,0,0.35);
      transform:translateY(-1px);
    }
    .cc-rpt-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
    .cc-rpt-card-icon {
      width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center;
      border:1px solid rgba(80,160,145,0.28); background:rgba(15,181,160,0.08);
      color:var(--amber-lt); flex-shrink:0;
    }
    .cc-rpt-card-icon svg,
    .cc-rpt-card-icon svg * {
      stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
    }
    .cc-rpt-card-icon svg { width:18px; height:18px; flex-shrink:0; }
    .cc-rpt-card-del {
      width:28px; height:28px; border-radius:8px; border:1px solid rgba(199,92,110,0.25);
      background:transparent; color:var(--coral); cursor:pointer; font-size:16px; line-height:1;
      opacity:0; transition:opacity 0.2s, background 0.2s;
    }
    .cc-rpt-card:hover .cc-rpt-card-del { opacity:1; }
    .cc-rpt-card-del:hover { background:rgba(199,92,110,0.12); }
    .cc-rpt-card-name { font-family:var(--font-display); font-size:17px; color:#e8dfc8; margin:0; line-height:1.25; }
    .cc-rpt-card-desc { font-size:12px; color:var(--text-muted); line-height:1.55; flex:1; margin:0; }
    .cc-rpt-card-run {
      margin-top:8px; align-self:flex-start;
      font-size:10px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
      color:rgba(15,181,160,0.85); background:transparent; border:none; cursor:pointer; padding:4px 0;
    }
    .cc-rpt-card-run:hover { color:var(--emerald); }
    .cc-rpt-restore {
      display:none; margin-bottom:18px; padding:12px 16px; border-radius:12px;
      border:1px solid rgba(196,162,78,0.28); background:rgba(196,162,78,0.06);
      align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
    }
    .cc-rpt-restore.show { display:flex; }
    .cc-rpt-restore-txt { font-size:12px; color:var(--text-dim); }
    .cc-rpt-empty { text-align:center; padding:36px 20px; font-size:13px; color:var(--text-muted); }
    .cc-rpt-modal-scroll { max-height:min(70vh, 640px); overflow-y:auto; }
    .cc-rpt-table { width:100%; border-collapse:collapse; margin:16px 0; font-size:13px; }
    .cc-rpt-table th {
      text-align:left; font-size:9px; letter-spacing:0.14em; text-transform:uppercase;
      color:rgba(15,181,160,0.8); padding:10px 12px; border-bottom:1px solid rgba(80,160,145,0.25);
    }
    .cc-rpt-table td { padding:10px 12px; border-bottom:1px solid rgba(80,160,145,0.1); color:var(--text-dim); }
    .cc-rpt-table tr:hover td { background:rgba(15,181,160,0.04); }
    .cc-rpt-stats { display:grid; grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)); gap:12px; margin:16px 0; }
    .cc-rpt-stat {
      border:1px solid rgba(80,160,145,0.2); border-radius:12px; padding:14px 16px;
      background:rgba(8,12,22,0.55);
    }
    .cc-rpt-stat-lbl { font-size:9px; letter-spacing:0.16em; text-transform:uppercase; color:var(--text-muted); margin-bottom:6px; }
    .cc-rpt-stat-val { font-family:var(--font-display); font-size:22px; color:var(--amber-lt); }

    /* ── MESSAGE BOARD: client cards + overlay (full thread) ── */
    .msg-board-page { filter:drop-shadow(0 20px 50px rgba(0,234,255,0.07)); }
    /* Chat board full section: scroll only the thread grid (same idea as price guide editor) */
    main.main[data-cc-section="messages"] .content {
      display:flex;
      flex-direction:column;
      min-height:0;
    }
    main.main[data-cc-section="messages"] #section-messages.page-section.active {
      display:flex;
      flex-direction:column;
      flex:1 1 auto;
      min-height:0;
      overflow:hidden;
    }
    main.main[data-cc-section="messages"] #section-messages .inv-section-head { flex-shrink:0; }
    /* Conversations list: ~two card rows tall, scroll inside for more */
    main.main[data-cc-section="messages"] .thread-list.msg-board-page {
      flex:0 1 auto;
      min-height:0;
      max-height:none;
      display:flex;
      flex-direction:column;
    }
    main.main[data-cc-section="messages"] .thread-list-body {
      flex:0 1 auto !important;
      min-height:0;
    }
    main.main[data-cc-section="messages"] .thread-list-body.msg-thread-card-grid {
      flex:0 1 auto !important;
      max-height:304px;
      overflow-y:auto;
      overflow-x:hidden;
      -webkit-overflow-scrolling:touch;
      align-content:start;
    }
    .msg-thread-card-grid {
      display:grid;
      grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
      gap:16px;
      padding:14px 14px 18px;
      align-content:start;
    }
    .msg-thread-card {
      position:relative;
      border:1px solid rgba(80,160,145,0.18);
      border-radius:16px;
      background:linear-gradient(165deg, rgba(16,22,40,0.8), rgba(9,13,22,0.92));
      transition:border-color 0.2s, box-shadow 0.2s, transform 0.18s;
      box-shadow:0 10px 32px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.035);
      min-height:120px;
    }
    .msg-thread-card:hover {
      border-color:rgba(196,162,78,0.3);
      box-shadow:0 12px 32px rgba(0,0,0,0.22), 0 0 32px rgba(15,181,160,0.05);
      transform:translateY(-1px);
    }
    .msg-thread-card.is-active {
      border-color:rgba(196,162,78,0.5);
      box-shadow:0 0 0 1px rgba(196,162,78,0.18), 0 8px 28px rgba(0,0,0,0.25);
    }
    .msg-thread-card-main {
      display:block;width:100%;box-sizing:border-box;
      margin:0;padding:16px 38px 14px 14px;
      border:none;border-radius:16px;
      background:transparent;
      cursor:pointer;
      font:inherit;text-align:left;
      color:inherit;
      min-height:120px;
    }
    .msg-thread-card-main:focus-visible {
      outline:2px solid rgba(0,234,255,0.5);outline-offset:2px;
    }
    .msg-thread-card-top {
      display:flex;align-items:flex-start;gap:12px;min-width:0;
    }
    .msg-thread-card-thumb-wrap {
      flex-shrink:0;width:48px;height:48px;border-radius:12px;overflow:hidden;
      border:1px solid rgba(0,234,255,0.22);
      background:#0a1018;
      box-shadow:0 0 12px rgba(15,181,160,0.08);
    }
    .msg-thread-card-thumb {
      width:100%;height:100%;object-fit:cover;display:block;
    }
    .msg-thread-card-thumb--ini {
      display:flex;align-items:center;justify-content:center;
      font-size:13px;font-weight:700;
      color:rgba(15,181,160,0.92);
      background:rgba(15,181,160,0.12);
    }
    .msg-thread-card-body { min-width:0;flex:1; }
    .msg-thread-card-name-row {
      display:flex;align-items:center;gap:8px;flex-wrap:wrap;
      font-size:15px;font-weight:600;color:var(--text);line-height:1.25;
    }
    .msg-thread-card-email {
      font-size:11px;color:var(--text-muted);margin-top:2px;word-break:break-all;line-height:1.35;
    }
    .msg-thread-card-badges {
      display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;
    }
    .msg-badge {
      font-size:9px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;
      padding:3px 8px;border-radius:999px;border:1px solid transparent;
    }
    .msg-badge--msg {
      background:rgba(199,92,110,0.15);border-color:rgba(199,92,110,0.4);color:#e8a4ad;
    }
    .msg-badge--refill {
      background:rgba(196,162,78,0.12);border-color:rgba(196,162,78,0.35);color:var(--amber-lt);
    }
    .msg-badge--stack {
      background:rgba(15,181,160,0.1);border-color:rgba(15,181,160,0.32);color:var(--teal-bright);
    }
    .msg-thread-card-del {
      position:absolute;
      top:8px;
      right:8px;
      width:28px;
      height:28px;
      padding:0;
      margin:0;
      border-radius:8px;
      border:1px solid rgba(199,92,110,0.35);
      background:rgba(199,92,110,0.12);
      color:var(--coral);
      font-size:18px;
      line-height:1;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
      z-index:2;
      transition:background 0.15s,border-color 0.15s;
    }
    .msg-thread-card-del:hover { background:rgba(199,92,110,0.24);border-color:rgba(199,92,110,0.55); }
    .msg-thread-card-unread-dot {
      flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--coral);
      box-shadow:0 0 10px rgba(199,92,110,0.5);
    }
    .msg-thread-card-preview {
      margin-top:8px;
      font-size:11px;color:var(--text-muted);
      line-height:1.35;
      display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;
    }
    .thread-list-header--compact { padding:10px 12px;gap:8px; }
    .thread-list-header--compact .msg-board-toolbar-inner { gap:10px 14px; }
    .thread-filter-hint { font-size:10px;color:var(--text-muted);opacity:0.85; }
    .thread-filter-hint strong { color: var(--text-dim); }
    .thread-chat-overlay {
      --cc-overlay-msg-count: 0;
      position:fixed;inset:0;z-index:220;
      display:none;align-items:center;justify-content:center;
      padding:max(16px,3vw);
      box-sizing:border-box;
    }
    .thread-chat-overlay.is-open { display:flex; }
    .thread-chat-overlay-backdrop {
      position:absolute;inset:0;
      background:rgba(2,6,14,0.72);
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
    }
    .thread-chat-overlay-dialog {
      position:relative;
      z-index:1;
      width:100%;
      max-width:min(420px,94vw);
      /* Compact when empty; grows as messages are added */
      max-height:min(calc(268px + var(--cc-overlay-msg-count, 0) * 36px), min(92vh, 720px));
      display:flex;flex-direction:column;
      border-radius:18px;
      overflow:hidden;
      border:1px solid rgba(80,160,145,0.28);
      background:linear-gradient(165deg, rgba(14,20,38,0.97), rgba(6,10,20,0.99));
      box-shadow:0 28px 80px rgba(0,0,0,0.55), 0 0 0 1px rgba(196,162,78,0.1), 0 0 60px rgba(15,181,160,0.1);
    }
    .thread-chat-overlay-top {
      flex-shrink:0;
      display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
      padding:14px 16px;
      border-bottom:1px solid var(--divider);
      background:linear-gradient(90deg, rgba(15,181,160,0.06), transparent);
    }
    .thread-chat-overlay-brand { min-width:0;flex:1; }
    .thread-chat-overlay-label {
      font-size:9px;font-weight:800;letter-spacing:0.22em;text-transform:uppercase;
      color:rgba(0,234,255,0.75);margin-bottom:6px;
    }
    .thread-overlay-name { font-size:16px;font-weight:700;color:var(--text);line-height:1.2; }
    .thread-overlay-email { font-size:11px;color:var(--text-muted);margin-top:4px;word-break:break-all; }
    .thread-chat-overlay-top-actions { display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end; }
    .thread-overlay-btn-close {
      width:40px;height:40px;padding:0;border-radius:10px;
      border:1px solid rgba(196,162,78,0.35);
      background:rgba(196,162,78,0.08);
      color:var(--amber-lt);
      font-size:22px;line-height:1;cursor:pointer;
      display:flex;align-items:center;justify-content:center;
      transition:background 0.2s,border-color 0.2s;
    }
    .thread-overlay-btn-close:hover { background:rgba(196,162,78,0.16);border-color:var(--amber); }
    .thread-chat-overlay .chat-msgs.thread-overlay-msgs {
      flex:0 1 auto;
      min-height:0;
      max-height:min(calc(112px + var(--cc-overlay-msg-count, 0) * 48px), min(50vh, 400px));
      padding:14px 16px;
    }
    .thread-chat-overlay .thread-empty { padding:20px 14px;font-size:12px;line-height:1.45; }
    .thread-chat-overlay .reply-bar { padding:12px 16px; }
    body.thread-overlay-open { overflow:hidden; }

    /* Thread list */
    .thread-list {
      background:linear-gradient(165deg, rgba(16,22,40,0.78), rgba(10,14,26,0.9));
      backdrop-filter:blur(16px) saturate(1.06);
      -webkit-backdrop-filter:blur(16px) saturate(1.06);
      border:1px solid rgba(80, 160, 145, 0.2);
      border-radius:16px;overflow:hidden;display:flex;flex-direction:column;
      box-shadow:0 12px 40px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.035);
    }
    .thread-list-header { padding:12px 14px;border-bottom:1px solid var(--divider);display:flex;flex-direction:column;gap:10px;flex-shrink:0; }
    .thread-list-header-row { display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%; }
    .msg-board-toolbar-inner {
      display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;width:100%;
    }
    .msg-board-toolbar-cluster--start {
      display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:0 0 auto;
    }
    .msg-board-toolbar-cluster--search {
      flex:1 1 280px;min-width:min(100%,200px);max-width:100%;
    }
    .msg-board-toolbar-cluster--search .thread-search { width:100%;box-sizing:border-box; }
    .msg-board-toolbar-cluster--end {
      display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;
      flex:1 1 220px;justify-content:flex-end;
    }
    .thread-search { width:100%;padding:9px 12px;border-radius:10px;border:1px solid rgba(80,160,145,0.2);background:rgba(7,10,20,0.55);color:var(--text);font-family:var(--font-ui);font-size:12px;outline:none;transition:border-color 0.2s, box-shadow 0.2s; }
    .thread-search:focus { border-color:rgba(15,181,160,0.45);box-shadow:0 0 0 3px rgba(15,181,160,0.1); }
    .thread-search::placeholder { color:var(--text-muted); }
    .icon-btn { width:34px;height:34px;border-radius:8px;border:1px solid var(--gold-border);background:rgba(196,162,78,0.06);color:var(--amber);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s; }
    .icon-btn:hover { background:rgba(196,162,78,0.14); }
    .icon-btn svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2; }
    .thread-list-title { font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--amber); }
    .thread-list-body { flex:1;min-height:0;overflow-y:auto; }
    .chat-msgs { flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth; }

    .msg-row { display:flex;align-items:flex-end;gap:8px; }
    .msg-row.admin { flex-direction:row-reverse; }
    .m-av { width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700; }
    .m-av.a { background:rgba(196,162,78,0.15);border:1px solid rgba(196,162,78,0.3);color:var(--amber); }
    .m-av.m { background:rgba(15,181,160,0.15);border:1px solid rgba(15,181,160,0.3);color:var(--teal); }
    .m-body { max-width:70%;display:flex;flex-direction:column; }
    .m-bubble { padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.6;word-break:break-word; }
    .msg-row.member .m-bubble { background:rgba(15,181,160,0.08);border:1px solid rgba(15,181,160,0.16);color:var(--text);border-bottom-left-radius:3px; }
    .msg-row.admin .m-bubble { background:rgba(196,162,78,0.09);border:1px solid rgba(196,162,78,0.2);color:var(--text);border-bottom-right-radius:3px; }
    .m-meta-row { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;max-width:100%; }
    .msg-row.admin .m-meta-row { flex-direction:row-reverse; }
    .m-meta { font-size:10px;color:var(--text-muted);flex:1;min-width:0; }
    .msg-row.admin .m-meta { text-align:right; }
    .thread-empty { text-align:center;padding:50px 20px;color:var(--text-muted);font-size:13px; }

    /* Reply bar */
    .reply-bar { display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--divider);background:rgba(7,8,15,0.6);flex-shrink:0; }
    .reply-input { flex:1;background:rgba(196,162,78,0.04);border:1px solid rgba(196,162,78,0.16);border-radius:10px;padding:10px 14px;font-family:var(--font-ui);font-size:13px;color:var(--text);outline:none;resize:none;min-height:46px;max-height:120px;line-height:1.5;transition:border-color 0.2s; }
    .reply-input:focus { border-color:rgba(196,162,78,0.4); }
    .reply-input::placeholder { color:var(--text-muted); }
    .reply-send { width:42px;height:42px;border-radius:10px;border:1px solid rgba(196,162,78,0.3);background:rgba(196,162,78,0.08);color:var(--amber);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;align-self:flex-end;flex-shrink:0; }
    .reply-send:hover { background:rgba(196,162,78,0.18);border-color:var(--amber); }
    .reply-send svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2; }
    .reply-send:disabled { opacity:0.4;cursor:not-allowed; }
    .reply-error { font-size:11px;color:var(--coral);padding:0 18px 8px;min-height:14px; }

    /* ── REFILLS TABLE ── */
    .overview-recent-table { min-height:220px; }
    .table-wrap {
      background:linear-gradient(165deg, rgba(14,20,36,0.82), rgba(8,12,22,0.92));
      backdrop-filter:blur(12px) saturate(1.05);
      -webkit-backdrop-filter:blur(12px) saturate(1.05);
      border:1px solid rgba(80, 160, 145, 0.18);
      border-radius:16px;overflow:hidden;
      box-shadow:0 10px 36px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.03);
    }
    .table-header {
      display:grid;grid-template-columns:1fr 2fr 1fr 100px;padding:12px 18px;border-bottom:1px solid var(--divider);
      background:linear-gradient(90deg, rgba(196,162,78,0.1), rgba(15,181,160,0.06));
    }
    .th { font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted); }
    .table-row {
      display:grid;grid-template-columns:1fr 2fr 1fr 100px;
      padding:14px 18px;min-height:46px;border-bottom:1px solid var(--divider);
      align-items:center;transition:background 0.15s;
    }
    .table-row:last-child { border-bottom:none; }
    .table-row:hover { background:rgba(196,162,78,0.03); }
    .td { font-size:13px;color:var(--text-dim); }
    .td.name { color:var(--text);font-weight:600; }
    .td.compounds { font-size:12px;color:var(--text-muted); }
    .status-pill { display:inline-block;font-size:10px;font-weight:700;padding:3px 9px;border-radius:100px;letter-spacing:0.06em; }
    .status-pill.pending { background:rgba(199,92,110,0.12);border:1px solid rgba(199,92,110,0.25);color:var(--coral); }
    .status-pill.done { background:rgba(15,181,160,0.10);border:1px solid rgba(15,181,160,0.2);color:var(--teal); }
    .action-btn {
      min-height:34px;padding:8px 14px;border-radius:9px;font-size:10px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;
      cursor:pointer;border:1px solid rgba(15,181,160,0.25);color:var(--teal);background:transparent;font-family:var(--font-ui);transition:all 0.2s;
    }
    .action-btn:hover { background:rgba(15,181,160,0.08);border-color:var(--teal); }
    .action-btn--gold { border-color:rgba(196,162,78,0.35);color:var(--amber); }
    .action-btn--gold:hover { background:rgba(196,162,78,0.1);border-color:var(--amber); }
    .action-btn--coral { border-color:rgba(199,92,110,0.35);color:var(--coral); }
    .action-btn--coral:hover { background:rgba(199,92,110,0.1); }

    /* ── MEMBERS TABLE ── */
    .members-table-header {
      display:grid;grid-template-columns:1.4fr 2fr 1fr 90px 90px;padding:12px 18px;border-bottom:1px solid var(--divider);
      background:linear-gradient(90deg, rgba(196,162,78,0.1), rgba(15,181,160,0.06));
      position:sticky;top:0;z-index:2;
      backdrop-filter:blur(10px) saturate(1.06);
      -webkit-backdrop-filter:blur(10px) saturate(1.06);
    }
    .members-table-row {
      display:grid;grid-template-columns:1.4fr 2fr 1fr 90px 90px;
      padding:14px 18px;min-height:48px;border-bottom:1px solid var(--divider);
      align-items:center;transition:background 0.15s;gap:8px;
    }
    #memberTableBody .members-table-row:nth-child(odd) { background:rgba(10,14,24,0.38); }
    #memberTableBody .members-table-row:nth-child(even) { background:rgba(0,0,0,0.1); }
    #memberTableBody .members-table-row:hover { background:rgba(196,162,78,0.08); }
    .members-table-row:last-child { border-bottom:none; }
    #section-members .table-wrap {
      max-height:min(72vh, 760px);
      overflow-y:auto;
      overflow-x:hidden;
    }

    .inv-toolbar, .refill-toolbar { display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px; }
    .btn-primary { padding:10px 18px;border-radius:100px;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;cursor:pointer;border:1px solid rgba(15,181,160,0.45);color:var(--emerald);background:linear-gradient(165deg, rgba(15,181,160,0.18), rgba(15,181,160,0.08));transition:all 0.25s;box-shadow:0 4px 20px rgba(15,181,160,0.12); }
    .btn-primary:hover { background:linear-gradient(165deg, rgba(15,181,160,0.28), rgba(15,181,160,0.12));box-shadow:0 6px 28px rgba(15,181,160,0.2); }
    .btn-ghost {
      padding:9px 14px;border-radius:9px;font-family:var(--font-ui);font-size:11px;font-weight:600;cursor:pointer;
      border:1px solid rgba(80,160,145,0.35);
      color:rgba(232,240,239,0.9);
      background:linear-gradient(165deg, rgba(16,22,40,0.88), rgba(10,14,26,0.92));
      box-shadow:0 4px 16px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.04);
      transition:color 0.2s, border-color 0.2s, background 0.2s, box-shadow 0.2s;
    }
    .btn-ghost:hover {
      color:var(--text);
      border-color:rgba(196,162,78,0.42);
      background:linear-gradient(165deg, rgba(22,30,52,0.92), rgba(14,18,32,0.96));
      box-shadow:0 6px 20px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.06);
    }
    .inv-order-panel {
      margin-bottom:14px;padding:12px 14px;border-radius:12px;
      border:1px solid rgba(80,160,145,0.22);
      background:linear-gradient(165deg, rgba(14,20,36,0.75), rgba(8,12,22,0.9));
    }
    .inv-order-panel-head { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px; }
    .inv-order-panel-title { font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--amber); }
    .inv-order-list { list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;min-height:8px; }
    .inv-order-chip {
      display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;
      border-radius:100px;border:1px solid rgba(196,162,78,0.35);
      background:rgba(196,162,78,0.08);font-size:12px;color:var(--text);
      max-width:100%;
    }
    .inv-order-chip-text { display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0; }
    .inv-order-chip-main { font-weight:600;line-height:1.2; }
    .inv-order-chip-sub { font-size:11px;color:var(--text-muted);line-height:1.2;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
    .inv-order-chip-remove {
      width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border:none;border-radius:50%;
      background:rgba(199,92,110,0.15);color:var(--coral);cursor:pointer;font-size:15px;line-height:1;
      display:flex;align-items:center;justify-content:center;
    }
    .inv-order-chip-remove:hover { background:rgba(199,92,110,0.28); }
    .inv-order-empty { font-size:12px;color:var(--text-muted); }
    /* Price guide editor (member guide + Supabase overrides) */
    .pge-wrap { border:1px solid rgba(80,160,145,0.22);border-radius:14px;overflow:hidden;background:rgba(7,10,20,0.4); }
    .pge-toolbar { display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(80,160,145,0.15); }
    .pge-search {
      flex:1 1 200px;min-width:160px;max-width:420px;
      padding:8px 12px;border-radius:8px;
      border:1px solid rgba(80,160,145,0.28);background:rgba(7,10,20,0.65);color:var(--text);
      font-family:var(--font-ui);font-size:13px;font-weight:500;
    }
    .pge-search::placeholder { color:rgba(154,179,176,0.45); }
    .pge-search:focus { outline:none;border-color:rgba(15,181,160,0.45);box-shadow:0 0 0 2px rgba(15,181,160,0.08); }
    .pge-muted { font-size:13px;color:var(--text-muted);line-height:1.5;margin:0; }
    .pge-loading { padding:28px;text-align:center;color:var(--text-muted);font-size:13px; }
    .pge-scroll { overflow:auto;min-height:0; }
    main.main[data-cc-section="price-guide"] .pge-scroll {
      max-height:calc(100dvh - 320px);
      max-height:calc(100vh - 320px);
    }
    .pge-head, .pge-row {
      display:grid;
      grid-template-columns:72px minmax(120px,1fr) minmax(180px,2.2fr) 96px 96px 128px;
      gap:10px 14px;align-items:start;padding:12px 16px;border-bottom:1px solid rgba(80,160,145,0.12);
    }
    .pge-head {
      position:sticky;top:0;z-index:2;
      background:linear-gradient(180deg, rgba(12,18,32,0.98), rgba(10,14,26,0.96));
      font-size:9px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted);
      box-shadow:0 1px 0 rgba(80,160,145,0.12);
      backdrop-filter:blur(10px) saturate(1.06);
      -webkit-backdrop-filter:blur(10px) saturate(1.06);
    }
    .pge-scroll > .pge-row:nth-child(even) { background:rgba(0,0,0,0.1); }
    .pge-scroll > .pge-row:nth-child(odd) { background:rgba(10,14,24,0.28); }
    .pge-scroll > .pge-row:hover { background:rgba(196,162,78,0.07); }
    .pge-row:last-child { border-bottom:none; }
    .pge-code { font-size:11px;font-weight:700;color:var(--teal);font-family:ui-monospace,Menlo,monospace; }
    .pge-compound { font-size:12px;color:var(--text);line-height:1.35; }
    .pge-input {
      width:100%;box-sizing:border-box;padding:8px 10px;border-radius:8px;
      border:1px solid rgba(80,160,145,0.28);background:rgba(7,10,20,0.65);color:var(--text);
      font-family:var(--font-ui);font-size:12px;line-height:1.3;
    }
    .pge-input:focus { border-color:rgba(15,181,160,0.45);outline:none; }
    .pge-textarea { min-height:52px;resize:vertical; }
    .pge-actions { display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end; }
    .btn-ghost.pge-btn {
      min-height:36px;padding:8px 16px;font-size:10px;font-weight:800;letter-spacing:0.09em;text-transform:uppercase;
    }
    .pge-head, .pge-row { min-width:min(920px,100%); }
    .inv-price-scroll {
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      overscroll-behavior-x:contain;
    }
    .inv-price-grid-header, .inv-price-grid-row {
      display:grid;
      grid-template-columns:76px minmax(150px,1.4fr) 58px 66px minmax(92px,0.85fr) minmax(92px,0.85fr) minmax(92px,0.85fr) minmax(100px,0.9fr) minmax(76px,0.7fr) 48px;
      gap:0 12px;padding:13px 16px;border-bottom:1px solid var(--divider);align-items:stretch;
      font-size:12px;min-width:min(1320px,100%);
    }
    .inv-price-grid-header {
      background:linear-gradient(90deg, rgba(196,162,78,0.08), rgba(15,181,160,0.04));
      font-size:9px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:var(--text-muted);
      align-items:center;
    }
    .inv-price-grid-row { align-items:center; }
    .inv-price-grid-row:last-child { border-bottom:none; }
    .inv-price-grid-row .td, .inv-price-grid-header .th { min-width:0;display:flex;align-items:center; }
    .inv-price-grid-header .th { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
    .inv-sheet-input {
      width:100%;min-width:0;box-sizing:border-box;
      min-height:36px;padding:8px 10px;border-radius:8px;
      border:1px solid rgba(80,160,145,0.28);background:rgba(7,10,20,0.65);color:var(--text);
      font-family:var(--font-ui);font-size:12px;line-height:1.25;
    }
    .inv-sheet-input::placeholder { color:rgba(154,179,176,0.45); }
    .inv-sheet-input:focus { border-color:rgba(15,181,160,0.5);outline:none;box-shadow:0 0 0 2px rgba(15,181,160,0.08); }
    .inv-sheet-input:disabled { opacity:0.5;cursor:not-allowed; }
    .inv-sheet-input--narrow { max-width:100%; }
    .inv-order-cb {
      width:22px;height:22px;min-width:22px;min-height:22px;
      accent-color:var(--teal);cursor:pointer;flex-shrink:0;margin:0 auto;
    }
    .inv-order-cb:disabled { cursor:not-allowed; }
    .inv-col-divider { border-left:1px solid rgba(196,162,78,0.2);padding-left:10px;margin-left:2px; }
    .inv-low { color:var(--coral);font-weight:700; }
    .inv-price-grid-row--compose {
      background:linear-gradient(90deg, rgba(15,181,160,0.07), rgba(196,162,78,0.04));
      border-bottom:1px dashed rgba(80,160,145,0.35);
    }
    .inv-price-grid-row--compose .td { align-items:stretch; }
    .inv-compose-add {
      width:100%;min-height:36px;padding:8px 10px;border-radius:8px;cursor:pointer;box-sizing:border-box;
      font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;
      border:1px solid rgba(15,181,160,0.45);color:var(--emerald);
      background:linear-gradient(165deg, rgba(15,181,160,0.2), rgba(15,181,160,0.08));
      transition:background 0.2s,border-color 0.2s;
    }
    .inv-compose-add:hover:not(:disabled) {
      background:linear-gradient(165deg, rgba(15,181,160,0.3), rgba(15,181,160,0.12));
      border-color:rgba(15,181,160,0.6);
    }
    .inv-compose-add:disabled { opacity:0.45;cursor:not-allowed; }
    .charts-grid-wrap { max-width:1320px;margin:0 auto;width:100%; }
    .charts-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px; }
    .chart-card {
      background:linear-gradient(165deg, rgba(16,22,40,0.8), rgba(9,13,22,0.92));
      border:1px solid rgba(80, 160, 145, 0.18);
      border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;
      box-shadow:0 10px 32px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.035);
      transition:box-shadow 0.22s ease, border-color 0.22s ease;
    }
    .chart-card:hover { border-color:rgba(196,162,78,0.3);box-shadow:0 12px 32px rgba(0,0,0,0.22), 0 0 32px rgba(15,181,160,0.05); }
    .chart-card-top { display:flex;align-items:flex-start;gap:12px;min-width:0; }
    .chart-card-top > div:last-child { min-width:0;flex:1; }
    .chart-card-thumb {
      width:44px;height:44px;aspect-ratio:1;border-radius:12px;flex-shrink:0;
      object-fit:cover;border:1px solid rgba(0,234,255,0.22);background:#0a1018;
    }
    .chart-card-thumb--peptide {
      display:flex;align-items:center;justify-content:center;
      background:rgba(15,181,160,0.1);color:rgba(15,181,160,0.88);
    }
    .chart-card-thumb--peptide svg { width:26px;height:26px;display:block; }
    .chart-card-h { font-weight:600;font-size:15px;color:var(--text);line-height:1.25; }
    .chart-card-e { font-size:12px;color:var(--text-muted);word-break:break-all; }
    .chart-card-actions { display:flex;flex-wrap:wrap;gap:8px;margin-top:auto; }

    /* Client chart shelf — under uplink chat */
    .chart-shelf {
      display:flex;flex-direction:column;
      background:linear-gradient(165deg, rgba(10,18,32,0.92), rgba(6,10,22,0.96));
      border:1px solid rgba(0, 234, 255, 0.12);
      border-radius:4px 16px 16px 16px;
      clip-path:polygon(0 10px, 10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
      overflow:hidden;
      box-shadow:var(--depth-shadow), 0 0 0 1px rgba(0, 234, 255, 0.08);
    }
    .chart-shelf-head {
      padding:10px 12px;border-bottom:1px solid rgba(15, 181, 160, 0.16);
      background:linear-gradient(90deg, rgba(196,162,78,0.06), transparent);
    }
    .chart-shelf-title { font-size:9px;font-weight:800;letter-spacing:0.22em;text-transform:uppercase;color:rgba(196,162,78,0.9); }
    .chart-shelf-sub { font-size:10px;color:var(--text-muted);margin-top:4px;line-height:1.4;min-height:2.8em; }
    .chart-shelf-scroll { padding:4px 2px 8px;min-height:0; }
    .chart-shelf-tile {
      position:relative;
      flex:0 0 auto;
      width:112px;
      min-height:142px;
      height:142px;
      box-sizing:border-box;
      padding:12px 8px 10px;
      border-radius:14px;
      border:1px solid rgba(80, 160, 145, 0.28);
      background:linear-gradient(165deg, rgba(16,22,40,0.95), rgba(6,10,20,0.98));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 4px 22px rgba(0,0,0,0.35);
      cursor:pointer;text-align:center;font-family:var(--font-ui);
      display:flex;flex-direction:column;align-items:center;
      transition:border-color 0.2s, box-shadow 0.2s, transform 0.2s;
      overflow:hidden;
    }
    .chart-shelf-tile::before {
      content:'';
      position:absolute;top:0;left:10px;right:10px;height:2px;border-radius:0 0 3px 3px;
      background:linear-gradient(90deg, transparent, rgba(196,162,78,0.75), rgba(15,181,160,0.55), transparent);
      opacity:0.9;pointer-events:none;
    }
    .chart-shelf-tile:hover {
      border-color:rgba(196,162,78,0.5);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 0 28px rgba(15,181,160,0.14),
        0 8px 28px rgba(0,0,0,0.4);
    }
    .chart-shelf-av-wrap {
      width:48px;height:48px;flex-shrink:0;margin:0 auto 10px;
      border-radius:12px;overflow:hidden;
      background:rgba(8,12,22,0.9);
      border:1px solid rgba(0,234,255,0.22);
      box-shadow:0 0 16px rgba(15,181,160,0.08);
      display:flex;align-items:center;justify-content:center;
    }
    .chart-shelf-av {
      width:100%;height:100%;
      display:flex;align-items:center;justify-content:center;flex-shrink:0;
      font-size:12px;font-weight:800;color:var(--emerald);
      background:rgba(15,181,160,0.1);
      overflow:hidden;
    }
    .chart-shelf-av--img {
      width:100%;height:100%;object-fit:cover;padding:0;background:#0a1018;display:block;
    }
    .chart-shelf-av--peptide { color:rgba(15,181,160,0.85);background:transparent; }
    .chart-shelf-av--peptide svg { width:26px;height:26px;display:block; }
    .chart-shelf-name {
      flex:1 1 auto;
      min-height:2.5em;
      max-height:2.5em;
      font-size:11px;font-weight:700;color:var(--text);line-height:1.25;
      display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;word-break:break-word;
      width:100%;
    }
    .chart-shelf-email {
      flex-shrink:0;
      min-height:1.2em;
      max-height:1.2em;
      font-size:9px;color:var(--text-muted);margin-top:auto;
      overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
      width:100%;line-height:1.2;
    }
    .chart-shelf-empty { font-size:11px;color:var(--text-muted);padding:8px 4px;text-align:center;line-height:1.45;width:100%; }

    .resource-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px; }
    .resource-card { background:linear-gradient(165deg, rgba(16,22,40,0.82), rgba(8,12,22,0.94));border:1px solid rgba(80, 160, 145, 0.18);border-radius:16px;padding:22px;text-decoration:none;color:inherit;display:block;transition:all 0.28s ease;box-shadow:0 8px 28px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.04); }
    .resource-card:hover { border-color:rgba(196,162,78,0.38);transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,0.28), 0 0 48px rgba(15,181,160,0.07); }
    .resource-card h3 { font-family:var(--font-display);font-size:17px;font-weight:400;margin-bottom:8px;color:var(--amber); }
    .resource-card p { font-size:12px;color:var(--text-muted);line-height:1.5; }

    .form-row { margin-bottom:12px; }
    .form-row label { display:block;font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px; }
    .form-row input, .form-row select, .form-row textarea { width:100%;padding:10px 12px;border-radius:9px;border:1px solid rgba(196,162,78,0.2);background:rgba(7,8,15,0.6);color:var(--text);font-family:var(--font-ui);font-size:13px; }
    .form-row textarea { min-height:72px;resize:vertical; }
    .pill-warn { display:inline-block;font-size:10px;font-weight:700;padding:4px 10px;border-radius:100px;background:rgba(199,92,110,0.12);color:var(--coral);border:1px solid rgba(199,92,110,0.25); }

    /* ── Invoice modal family (#10: shared shell for builder, reports, messages, refills) ── */
    .invoice-modal-overlay { position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;padding:12px 14px; }
    .invoice-modal-overlay.open { display:flex; }
    .invoice-modal-backdrop { position:absolute;inset:0;background:rgba(0,0,0,0.72);backdrop-filter:blur(8px); }
    .invoice-modal-dialog {
      position:relative;z-index:1;width:100%;max-width:min(860px,100%);max-height:min(94vh,900px);
      display:flex;flex-direction:column;background:linear-gradient(165deg, rgba(14,18,34,0.98), rgba(6,8,16,0.99));
      border:1px solid rgba(80,160,145,0.28);border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,0.65), 0 0 0 1px rgba(196,162,78,0.1);
      overflow:hidden;
    }
    .invoice-modal-top { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 22px 12px;border-bottom:1px solid var(--divider);flex-shrink:0; }
    .invoice-modal-kicker { font-size:9px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:rgba(15,181,160,0.75);margin-bottom:4px; }
    .invoice-modal-title { font-family:var(--font-display);font-size:clamp(20px,2.4vw,26px);font-weight:400;color:var(--text); }
    .invoice-modal-x {
      width:40px;height:40px;border-radius:12px;border:1px solid rgba(196,162,78,0.25);background:rgba(196,162,78,0.08);
      color:var(--amber-lt);font-size:22px;line-height:1;cursor:pointer;transition:background .18s,border-color .18s;
    }
    .invoice-modal-x:hover { background:rgba(196,162,78,0.16);border-color:var(--amber); }
    .invoice-modal-scroll { flex:1;overflow-y:auto;padding:16px 22px 22px;-webkit-overflow-scrolling:touch; }
    .inv-m-section { background:linear-gradient(165deg, rgba(16,22,40,0.75), rgba(8,11,22,0.9));border:1px solid rgba(80,160,145,0.16);border-radius:14px;padding:18px 20px;margin-bottom:14px; }
    .inv-m-section-title { font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--amber);margin-bottom:14px; }
    .inv-m-label { display:block;font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px; }
    .inv-m-input, .inv-m-select {
      width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(196,162,78,0.22);
      background:rgba(7,8,15,0.55);color:var(--text);font-family:var(--font-ui);font-size:14px;
    }
    .inv-m-input:focus, .inv-m-select:focus { outline:none;border-color:rgba(15,181,160,0.45); }
    .inv-m-row { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px; }
    .inv-m-row-3 { display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px; }
    .inv-m-row-4 { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px; }
    @media (max-width:720px) {
      .inv-m-row-3, .inv-m-row-4 { grid-template-columns:1fr; }
    }
    .inv-m-client-box { background:rgba(196,162,78,0.06);border:1px solid rgba(196,162,78,0.14);border-radius:12px;padding:14px 16px; }
    .inv-m-search-wrap { position:relative;margin-bottom:12px; }
    .inv-m-comp-results { display:none;position:absolute;top:100%;left:0;right:0;z-index:20;max-height:240px;overflow-y:auto;background:var(--surface-0);border:1px solid rgba(196,162,78,0.25);border-radius:10px;margin-top:4px;box-shadow:0 12px 40px rgba(0,0,0,0.45); }
    .inv-m-comp-results.show { display:block; }
    .inv-m-comp-item { padding:10px 14px;cursor:pointer;border-bottom:1px solid rgba(80,160,145,0.08);display:flex;justify-content:space-between;gap:10px;font-size:14px; }
    .inv-m-comp-item:hover { background:rgba(15,181,160,0.08); }
    .inv-m-comp-price { font-size:10px;color:var(--text-muted); }
    .inv-m-li-head, .inv-m-li-row { display:grid;grid-template-columns:1.5fr 64px 64px 80px 36px;gap:6px;align-items:center;font-size:11px; }
    .inv-m-li-head { padding:8px 10px;background:rgba(15,181,160,0.08);border-radius:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px; }
    .inv-m-li-row { padding:10px 10px;border-top:1px solid rgba(80,160,145,0.1); }
    .inv-m-li-empty { padding:20px;text-align:center;color:var(--text-muted);font-size:13px;font-style:italic; }
    .inv-m-qty { width:100%;text-align:center;padding:6px;border-radius:8px;border:1px solid rgba(196,162,78,0.2);background:rgba(7,8,15,0.6);color:var(--text);font-size:12px; }
    .inv-m-fee { display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(80,160,145,0.08);font-size:14px;color:var(--text-dim); }
    .inv-m-fee input { accent-color:var(--amber);width:16px;height:16px; }
    .inv-m-total-bar { display:flex;justify-content:space-between;align-items:baseline;padding:16px 0 8px;margin-top:8px;border-top:1px solid rgba(196,162,78,0.2); }
    .inv-m-total-bar strong { font-family:var(--font-display);font-size:clamp(22px,3vw,28px);color:var(--amber-lt); }
    .inv-m-actions { display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px; }
    .inv-m-actions.inv-m-actions--modal-footer { justify-content:flex-end;margin-top:18px;padding-top:4px; }
    .inv-m-btn-gold {
      font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;
      padding:11px 22px;border-radius:100px;border:none;cursor:pointer;color:#0a0c12;
      background:linear-gradient(135deg, var(--amber-lt), var(--amber));
      box-shadow:0 6px 20px rgba(196,162,78,0.25);transition:transform .15s, filter .15s;
    }
    .inv-m-btn-gold:hover:not(:disabled) { filter:brightness(1.06);transform:translateY(-1px); }
    .inv-m-btn-gold:disabled { opacity:0.45;cursor:not-allowed; }
    .inv-m-btn-ghost {
      font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:10px 18px;border-radius:100px;
      border:1px solid rgba(80,160,145,0.35);background:rgba(15,181,160,0.08);color:var(--teal);cursor:pointer;
    }
    .inv-m-btn-ghost:hover { border-color:rgba(15,181,160,0.55);background:rgba(15,181,160,0.14); }
    .inv-preview-wrap { background:rgba(8,10,20,0.5);border:1px solid rgba(196,162,78,0.15);border-radius:14px;padding:20px; }
    .inv-preview-header { display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(196,162,78,0.2);margin-bottom:16px;flex-wrap:wrap; }
    .inv-preview-brand { display:flex;align-items:center;gap:12px; }
    .inv-preview-brand img { width:40px;height:40px;opacity:0.85; }
    .inv-preview-brand-text { font-family:var(--font-display);font-size:18px;color:var(--text); }
    .inv-preview-brand-sub { font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:var(--amber);margin-top:2px; }
    .inv-preview-num { text-align:right;font-size:11px;color:var(--text-muted); }
    .inv-preview-num strong { display:block;font-size:15px;color:var(--text);margin:4px 0; }
    .inv-preview-client { background:rgba(196,162,78,0.06);border:1px solid rgba(196,162,78,0.14);border-radius:12px;padding:14px 16px;margin-bottom:16px; }
    .inv-preview-table { width:100%;border-collapse:collapse;font-size:14px;margin-bottom:12px; }
    .inv-preview-table th { text-align:left;font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);padding:8px;border-bottom:1px solid rgba(80,160,145,0.2); }
    .inv-preview-table td { padding:10px 8px;border-bottom:1px solid rgba(80,160,145,0.08); }
    .inv-payment-box { background:rgba(6,8,18,0.65);border:1px solid rgba(196,162,78,0.15);border-radius:12px;padding:18px;margin-top:16px; }
    .inv-payment-title { font-family:var(--font-display);font-size:13px;letter-spacing:0.15em;color:var(--amber);margin-bottom:10px; }
    .inv-qr-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px; }
    @media (max-width:640px) { .inv-qr-grid { grid-template-columns:repeat(2,1fr); } }
    .inv-qr-card { background:var(--surface-1);border:1px solid rgba(80,160,145,0.15);border-radius:10px;padding:12px 8px;text-align:center; }
    .inv-qr-card img { width:100%;max-width:110px;height:auto;display:block;margin:0 auto 8px;background:#fff;padding:4px;border-radius:4px; }
    .inv-qr-label { font-size:9px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--amber-lt); }
    .inv-qr-handle { font-size:10px;color:var(--text-muted);display:block;margin-top:4px; }
    .inv-m-comp-hit {
      display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;
      padding:10px 12px;border:none;border-bottom:1px solid rgba(80,160,145,0.08);background:transparent;
      color:var(--text);cursor:pointer;font-size:14px;font-family:inherit;
    }
    .inv-m-comp-hit:last-child { border-bottom:none; }
    .inv-m-comp-hit:hover { background:rgba(15,181,160,0.06); }
    .inv-m-comp-meta { font-size:10px;color:var(--text-muted);white-space:nowrap; }
    .inv-m-li-remove { background:none;border:none;color:rgba(199,92,110,0.55);cursor:pointer;font-size:18px;line-height:1;padding:2px 6px; }
    .inv-m-li-remove:hover { color:var(--coral); }
    .inv-preview-summary-block { margin-top:8px;padding-top:12px;border-top:1px solid rgba(80,160,145,0.15); }
    .inv-preview-sum-row { display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;font-size:12px;color:var(--text-muted); }
    .inv-preview-sum-row span:last-child { font-variant-numeric:tabular-nums;color:var(--text); }
    .inv-preview-sum-row--disc { font-style:italic;opacity:0.92; }
    .inv-preview-sum-row--disc .inv-preview-disc-amt { color:var(--coral); }
    .inv-preview-sum-total { margin-top:8px;padding-top:12px;border-top:1px solid rgba(196,162,78,0.2);font-size:14px;font-weight:600;color:var(--amber-lt); }
    .inv-preview-sum-total span:last-child { font-family:var(--font-display);font-size:clamp(22px,3vw,28px); }
    .inv-preview-item-dose { font-size:11px;color:var(--text-muted); }
    .inv-preview-td-num { text-align:right;font-variant-numeric:tabular-nums; }
    .inv-preview-invoice-lbl { text-transform:uppercase;letter-spacing:0.12em; }
    .inv-preview-invoice-date { margin-top:6px;color:var(--text-muted);font-size:12px; }
    .inv-preview-bill-lbl { font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--amber);margin-bottom:6px; }
    .inv-preview-client-name { font-size:18px;font-family:var(--font-display);color:var(--text); }
    .inv-preview-client-lines { font-size:12px;color:var(--text-muted);line-height:1.7;margin-top:6px; }
    .inv-preview-th-rt { text-align:right; }
    .inv-preview-disc-admin { opacity:0.6; }
    .inv-preview-disc-amt { color:var(--coral); }
    .inv-payment-steps { font-size:14px;color:var(--text-dim);line-height:1.9; }
    .inv-payment-steps strong { color:var(--text); }
    .inv-m-li-name { font-weight:600;color:var(--text); }
    .inv-m-li-dose { display:block;font-size:10px;color:var(--text-muted); }
    .inv-m-li-amt { font-variant-numeric:tabular-nums;color:var(--text-dim); }
    .cc-rpt-cat-h4 { font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(15,181,160,0.85);margin:18px 0 8px; }
    .cc-empty--p28 { padding:28px; }
    .cc-empty--p40 { padding:40px; }
    .cc-empty--p16 { padding:16px; }
    .cc-empty-hint { font-size:12px;max-width:32rem;display:block;margin-top:10px; }
    .cc-modal-hint-negmt { font-size:12px;color:var(--text-muted);line-height:1.55;margin:-6px 0 14px; }
    .invoice-modal-dialog.invoice-modal-dialog--lg { max-width:920px; }
    #rptDetailDesc { font-size:13px;color:var(--text-muted);line-height:1.5;margin:0 0 12px; }
    .cc-rpt-modal-actions { display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px; }
    .table-row.table-row--recent {
      grid-template-columns:1fr 2fr auto;cursor:pointer;
      min-height:44px;padding:12px 16px;
    }
    .table-row.table-row--refill-log {
      grid-template-columns:110px 1fr 1.4fr 100px 140px;align-items:start;
      min-height:48px;padding:14px 18px;
    }
    .td--meta-sm { font-size:11px;color:var(--text-muted); }
    .td--body-sm { font-size:12px; }
    .td--sub-meta { font-size:11px;color:var(--text-muted);margin-top:4px; }
    .td--stack-actions { display:flex;flex-direction:column;gap:6px; }
    .td--jc-center { justify-content:center; }
    .msg-unread-dot { width:7px;height:7px;border-radius:50%;background:var(--coral);display:inline-block;margin-left:8px;vertical-align:middle; }
    .cc-orders-vendor-empty { padding:14px;color:var(--text-muted);font-size:12px; }
    .refill-empty-hint strong.refill-empty-email { color:var(--amber);font-weight:600; }
    body.invoice-modal-open { overflow:hidden; }

    /* ══ Mobile / narrow viewports (backlog #9: ~1024 / ~768 / ~375) ══ */
    @media (max-width: 1024px) {
      .content {
        padding: 14px 18px 18px;
      }
      .topbar {
        padding: 8px 14px;
        gap: 10px;
      }
      .charts-grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      }
    }

    @media (max-width: 768px) {
      .topbar {
        flex-wrap: wrap;
        align-items: stretch;
      }
      .topbar-left {
        flex: 1 1 100%;
        min-width: 0;
      }
      .topbar-right {
        flex: 1 1 100%;
        margin-left: 0;
        justify-content: flex-end;
        gap: 10px;
      }
      .topbar-stats {
        padding-bottom: 8px;
      }
      .topbar-stat {
        min-width: 100px;
        max-width: 156px;
      }
      .cc-hero-return {
        font-size: 11px;
        padding: 6px 10px;
      }
      .inv-toolbar {
        gap: 8px;
      }
      .inv-preview-actions {
        flex-direction: column;
        align-items: stretch;
      }
      .inv-preview-actions .inv-m-btn-gold,
      .inv-preview-actions .inv-m-btn-ghost {
        width: 100%;
        justify-content: center;
      }
    }

    @media (max-width: 640px) {
      /* Overview: 2-column quick tiles when rail is under hero (was 3-col grid) */
      .admin-overview-triple .overview-side-card--quick .admin-quick-rail--panel {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: auto;
        width: 100%;
        max-width: 100%;
        gap: 10px;
        justify-items: stretch;
      }
      .admin-overview-triple .overview-side-card--quick .admin-quick-rail--panel .admin-quick-btn {
        width: 100%;
        min-width: 0;
        max-width: none;
        height: auto;
        min-height: 80px;
        padding: 10px 8px;
      }
      .admin-overview-triple .overview-side-card--quick .admin-quick-rail--panel .admin-quick-ico {
        width: 40px;
        height: 40px;
      }
      .admin-overview-triple .overview-side-card--quick .admin-quick-rail--panel .admin-quick-ico svg {
        width: 20px;
        height: 20px;
      }
      .content {
        padding: 12px 12px 16px;
      }
      .msg-thread-card-grid {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 12px 12px 16px;
      }
      #section-members .table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
      }
      .members-table-header,
      .members-table-row {
        min-width: 480px;
      }
      #section-refills .refill-table-shell .table-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
      }
      #section-refills .refill-table-shell .refill-table-header,
      #section-refills .refill-table-shell .table-row.table-row--refill-log {
        min-width: 520px;
      }
      #invLineItemsBody {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
      }
      #invBuildView .inv-m-li-head,
      #invBuildView .inv-m-li-row {
        min-width: 300px;
      }
      .inv-m-row {
        grid-template-columns: 1fr;
      }
      .thread-chat-overlay {
        padding: 8px;
      }
      .thread-chat-overlay-dialog {
        max-width: 100%;
        width: 100%;
      }
      .invoice-modal-overlay {
        padding: 8px 10px;
        align-items: flex-end;
      }
      .invoice-modal-dialog {
        max-height: min(88dvh, 900px);
        border-radius: 16px 16px 0 0;
      }
      .invoice-modal-scroll {
        padding: 14px 16px 20px;
      }
      #rptDetailBody {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
      }
      .cc-rpt-modal-scroll table {
        max-width: 100%;
      }
    }

    @media (max-width: 400px) {
      .topbar-stat {
        min-width: 92px;
        max-width: 148px;
        padding: 7px 8px;
        gap: 6px;
      }
      .topbar-stat-num {
        font-size: clamp(15px, 4.2vw, 22px);
      }
      .topbar-stat-ico {
        width: 28px;
        height: 28px;
      }
      .topbar-stat-ico svg {
        width: 14px;
        height: 14px;
      }
    }

    /* ══ Print (#10) — Command Center: modals + active section ══ */
    @media print {
      @page {
        margin: 0.45in;
        size: auto;
      }

      html,
      body {
        background: #fff !important;
        color: #1a1208 !important;
        height: auto !important;
        overflow: visible !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
      }

      body.thread-overlay-open {
        overflow: visible !important;
      }

      body.invoice-modal-open {
        overflow: visible !important;
      }

      /* ── Open modal (invoice preview, report detail, etc.): print dialog only ── */
      body:has(.invoice-modal-overlay.open) #appLayout,
      body:has(.invoice-modal-overlay.open) #threadChatOverlay,
      body:has(.invoice-modal-overlay.open) .cc-atmosphere,
      body:has(.invoice-modal-overlay.open) #ccToastHost,
      body:has(.invoice-modal-overlay.open) .cc-skip-link {
        display: none !important;
      }

      body:has(.invoice-modal-overlay.open) .invoice-modal-overlay:not(.open) {
        display: none !important;
      }

      .invoice-modal-overlay.open {
        position: static !important;
        inset: auto !important;
        display: block !important;
        padding: 0 !important;
        break-inside: avoid;
        page-break-inside: avoid;
      }

      .invoice-modal-overlay.open .invoice-modal-backdrop {
        display: none !important;
      }

      .invoice-modal-overlay.open .invoice-modal-dialog {
        max-width: 100% !important;
        width: 100% !important;
        max-height: none !important;
        min-height: 0 !important;
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;
        overflow: visible !important;
        background: #fff !important;
        color: #1a1208 !important;
      }

      .invoice-modal-overlay.open .invoice-modal-scroll,
      .invoice-modal-overlay.open .cc-rpt-modal-scroll {
        overflow: visible !important;
        max-height: none !important;
        padding: 8px 0 0 !important;
      }

      .invoice-modal-overlay.open .invoice-modal-top {
        border-bottom: 1px solid #c9c2b0 !important;
        padding: 10px 0 12px !important;
      }

      .invoice-modal-overlay.open .invoice-modal-kicker {
        color: #5c6a66 !important;
      }

      .invoice-modal-overlay.open .invoice-modal-title {
        color: #1a1208 !important;
        text-shadow: none !important;
      }

      .invoice-modal-overlay.open .invoice-modal-x,
      .invoice-modal-overlay.open .inv-preview-actions,
      .invoice-modal-overlay.open .cc-rpt-modal-actions,
      .invoice-modal-overlay.open .inv-m-actions--modal-footer,
      .invoice-modal-overlay.open .inv-m-actions--tight-mt,
      .invoice-modal-overlay.open #invBuildView > .inv-m-actions,
      .invoice-modal-overlay.open #rptDetailLoading {
        display: none !important;
      }

      .invoice-modal-overlay.open .inv-preview-wrap,
      .invoice-modal-overlay.open .inv-m-section,
      .invoice-modal-overlay.open .inv-m-client-box {
        background: #faf9f5 !important;
        border-color: #d4cec0 !important;
        box-shadow: none !important;
      }

      .invoice-modal-overlay.open .inv-preview-table,
      .invoice-modal-overlay.open .inv-preview-table th,
      .invoice-modal-overlay.open .inv-preview-table td,
      .invoice-modal-overlay.open #rptDetailBody table,
      .invoice-modal-overlay.open #rptDetailBody th,
      .invoice-modal-overlay.open #rptDetailBody td {
        border-color: #c9c2b0 !important;
        color: #1a1208 !important;
      }

      .invoice-modal-overlay.open #rptDetailDesc,
      .invoice-modal-overlay.open #rptDetailBody,
      .invoice-modal-overlay.open .cc-rpt-empty,
      .invoice-modal-overlay.open .cc-rpt-cat-h4 {
        color: #1a1208 !important;
      }

      /* ── Dashboard (no modal): active section only, no chrome ── */
      body:not(:has(.invoice-modal-overlay.open)) .cc-skip-link,
      body:not(:has(.invoice-modal-overlay.open)) #ccToastHost,
      body:not(:has(.invoice-modal-overlay.open)) .cc-atmosphere,
      body:not(:has(.invoice-modal-overlay.open)) #threadChatOverlay,
      body:not(:has(.invoice-modal-overlay.open)) .invoice-modal-overlay,
      body:not(:has(.invoice-modal-overlay.open)) #navDrawerBackdrop,
      body:not(:has(.invoice-modal-overlay.open)) .sidebar,
      body:not(:has(.invoice-modal-overlay.open)) .topbar,
      body:not(:has(.invoice-modal-overlay.open)) .cc-hero,
      body:not(:has(.invoice-modal-overlay.open)) .cc-realtime-status {
        display: none !important;
      }

      body:not(:has(.invoice-modal-overlay.open)) #appLayout {
        display: block !important;
        position: static !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
      }

      body:not(:has(.invoice-modal-overlay.open)) .layout {
        display: block !important;
        min-height: 0 !important;
      }

      body:not(:has(.invoice-modal-overlay.open)) .main {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
      }

      body:not(:has(.invoice-modal-overlay.open)) .main::before,
      body:not(:has(.invoice-modal-overlay.open)) .main::after {
        display: none !important;
      }

      body:not(:has(.invoice-modal-overlay.open)) .content {
        background: #fff !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        max-width: 100% !important;
      }

      body:not(:has(.invoice-modal-overlay.open)) .page-section:not(.active) {
        display: none !important;
      }

      body:not(:has(.invoice-modal-overlay.open)) .page-section.active {
        display: block !important;
      }

      body:not(:has(.invoice-modal-overlay.open)) .page-section.active .inv-pipeline-wrap,
      body:not(:has(.invoice-modal-overlay.open)) .page-section.active .inv-pipeline-col-body,
      body:not(:has(.invoice-modal-overlay.open)) .page-section.active .table-scroll,
      body:not(:has(.invoice-modal-overlay.open)) .page-section.active .thread-list-body,
      body:not(:has(.invoice-modal-overlay.open)) .page-section.active .inv-price-scroll,
      body:not(:has(.invoice-modal-overlay.open)) .page-section.active .pge-scroll {
        max-height: none !important;
        overflow: visible !important;
      }

      body:not(:has(.invoice-modal-overlay.open)) .inv-pipeline-grid,
      body:not(:has(.invoice-modal-overlay.open)) .inv-pipeline-col {
        break-inside: avoid;
        page-break-inside: avoid;
      }

      body:not(:has(.invoice-modal-overlay.open)) .page-section.active table,
      body:not(:has(.invoice-modal-overlay.open)) .page-section.active .inv-preview-table {
        border-collapse: collapse !important;
      }

      body:not(:has(.invoice-modal-overlay.open)) .page-section.active th,
      body:not(:has(.invoice-modal-overlay.open)) .page-section.active td {
        border: 1px solid #c9c2b0 !important;
      }
    }