    :root {
      --yellow-600: #C87800; --yellow-500: #F5A100; --yellow-200: #FFD980;
      --yellow-100: #FFF3D6; --yellow-50: #FFFAF3;
      --green-700: #10311B; --green-500: #1A5C35; --green-400: #2A7A4B; --green-100: #E4F2EA;
      --blue-700: #102E5B; --blue-500: #2251A3; --blue-100: #E5ECFA;
      --red-500: #C0392B;
      --neutral-900: #12120F; --neutral-700: #3D3D35; --neutral-500: #6B6B60;
      --neutral-400: #8B8B80; --neutral-300: #C4C4BB; --neutral-100: #F0F0EA;
      --neutral-50: #F9F9F6; --white: #FFFFFF;
      --sidebar-w: 262px;
      --sidebar-w-collapsed: 86px;
      --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px;
      --shadow-sm: 0 1px 3px rgba(0,0,0,0.08); --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
    }
    *,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
body { font-family:'Plus Jakarta Sans',system-ui,sans-serif; background:
  radial-gradient(circle at top left, rgba(255,223,154,0.42), transparent 26%),
  radial-gradient(circle at top right, rgba(245,161,0,0.17), transparent 24%),
  radial-gradient(circle at 78% 18%, rgba(42,122,75,0.08), transparent 18%),
  radial-gradient(circle at bottom left, rgba(34,81,163,0.07), transparent 22%),
  linear-gradient(135deg, #fbf4e7 0%, #f5ecdd 34%, #f2e8d5 100%);
  color:var(--neutral-900); min-height:100vh; line-height:1.5; padding-bottom:62px; }

    .floor-news-ticker {
      position:fixed;
      left:calc(var(--sidebar-w) + 14px);
      right:14px;
      bottom:10px;
      z-index:160;
      overflow:hidden;
      border:1px solid rgba(245,161,0,0.2);
      border-radius:16px;
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.14), transparent 30%),
        linear-gradient(180deg, rgba(255,251,242,0.96) 0%, rgba(255,246,224,0.96) 100%);
      box-shadow:0 18px 34px rgba(18,18,15,0.12);
      backdrop-filter:blur(10px);
    }
    .floor-news-ticker-track {
      display:flex;
      align-items:center;
      gap:14px;
      min-width:max-content;
      padding:10px 18px;
      animation:floorTickerScroll 34s linear infinite;
      will-change:transform;
    }
    .floor-news-ticker:hover .floor-news-ticker-track { animation-play-state:paused; }
    .floor-news-ticker-label {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(245,161,0,0.14);
      color:var(--yellow-600);
      font-size:11px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:0.05em;
      white-space:nowrap;
      flex-shrink:0;
    }
    .floor-news-ticker-item {
      font-size:13px;
      font-weight:600;
      color:var(--neutral-800);
      white-space:nowrap;
    }
    .floor-news-ticker-divider {
      color:var(--yellow-600);
      font-weight:800;
      opacity:0.8;
      flex-shrink:0;
    }
    @keyframes floorTickerScroll {
      0% { transform:translateX(0); }
      100% { transform:translateX(-35%); }
    }

    /* ── HEADER ── */
    .header {
      background:
        radial-gradient(circle at top left, rgba(245,161,0,0.14), transparent 34%),
        radial-gradient(circle at bottom right, rgba(255,243,214,0.14), transparent 30%),
        linear-gradient(135deg, #51422a 0%, #463a28 38%, #3b3225 100%);
      width:var(--sidebar-w);
      min-height:100vh;
      padding:22px 18px 26px;
      display:block;
      position:fixed;
      left:0;
      top:0;
      z-index:100;
      bottom:0;
      overflow-y:auto;
      border-right:1px solid rgba(255,241,218,0.14);
      box-shadow:12px 0 34px rgba(44,33,18,0.14);
    }
    .header-main { display:flex; flex-direction:column; gap:18px; }
    .header-stack { display:flex; flex-direction:column; align-items:flex-start; gap:16px; min-width:0; }
    .header-brand { display:flex; align-items:center; gap:12px; min-width:0; }
    .sidebar-section { width:100%; display:flex; flex-direction:column; gap:8px; }
    .sidebar-section-label {
      font-size:10px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:0.5px;
      color:#d8ccb3;
      padding:0 4px;
    }
    .sidebar-toggle {
      width:100%;
      display:flex;
      align-items:center;
      gap:10px;
      border:1px solid rgba(255,241,218,0.12);
      background:rgba(255,248,234,0.08);
      color:#f0e6d3;
      border-radius:12px;
      padding:8px 10px;
      font-size:11px;
      font-weight:700;
      cursor:pointer;
      font-family:inherit;
      transition:all 0.15s;
    }
    .sidebar-toggle:hover { border-color:rgba(255,230,180,0.22); color:#fff6e6; background:rgba(255,240,214,0.1); }
    .sidebar-toggle-icon,
    .sidebar-icon {
      flex-shrink:0;
      width:20px;
      height:20px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      border-radius:999px;
      background:rgba(255,248,234,0.1);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
      font-size:11px;
      line-height:1;
    }
    .header-logo {
      min-width:64px;
      height:64px;
      border-radius:18px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:30px;
      font-weight:800;
      color:var(--yellow-500);
      letter-spacing:-1px;
      text-transform:lowercase;
      background:linear-gradient(135deg, rgba(103,80,39,0.96) 0%, rgba(81,64,33,0.98) 58%, rgba(66,53,31,0.98) 100%);
      border:1px solid rgba(255,229,177,0.18);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 24px rgba(57,41,19,0.14);
      cursor:pointer;
      transition:transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    }
    .header-logo:hover { transform:translateY(-1px) scale(1.02); box-shadow:0 10px 26px rgba(255,221,154,0.14), inset 0 1px 0 rgba(255,255,255,0.1); }
    .header-logo.logo-bop { transform:scale(0.96); }
    .inline-kin-mark {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:2.15em;
      height:1.32em;
      margin:0 0.08em;
      padding:0 0.38em;
      border-radius:0.45em;
      background:linear-gradient(135deg, rgba(79,60,18,0.96) 0%, rgba(58,44,13,0.98) 56%, rgba(45,35,12,0.98) 100%);
      color:#fff5de;
      font-weight:800;
      font-size:0.82em;
      line-height:1;
      letter-spacing:-0.04em;
      text-transform:lowercase;
      vertical-align:0.02em;
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.14), 0 1px 3px rgba(74,48,0,0.12);
    }
    .header-brand-copy { display:flex; flex-direction:column; min-width:0; }
    .header-brand-title { font-family:'Space Grotesk',system-ui,sans-serif; font-size:16px; font-weight:700; color:#fff9ef; line-height:1.05; letter-spacing:-0.4px; }
    .header-brand-sub {
      font-size:11px;
      color:#e0d5bf;
      margin-top:4px;
      line-height:1.2;
      white-space:normal;
      overflow-wrap:anywhere;
      max-width:100%;
    }
    .header-sep  { display:none; }
    .header-title { font-size:13px; font-weight:500; color:#dfd3bb; }
    .header-controls-rail {
      display:flex;
      flex-direction:column;
      gap:8px;
      width:100%;
      max-width:none;
    }
    .sidebar-reporting-rail {
      padding:4px;
      border-radius:999px;
      background:rgba(255,248,234,0.07);
      border:1px solid rgba(255,241,218,0.12);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
    }
    .view-tabs { width:auto; display:inline-flex; max-width:100%; }
    .sidebar-home-nav {
      width:100%;
      display:flex;
      padding:4px;
      border-radius:999px;
      background:rgba(255,248,234,0.07);
      border:1px solid rgba(255,241,218,0.12);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
    }
    .sidebar-home-btn {
      width:100%;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:8px;
      min-height:40px;
    }
    .sidebar-home-btn.active {
      background:linear-gradient(135deg, #f3d9a0 0%, #ecd09a 52%, #e6c98f 100%);
      color:#4b3920;
      box-shadow:0 10px 22px rgba(86,65,28,0.14), inset 0 1px 0 rgba(255,255,255,0.36);
    }
    .header-notif-wrap { position:relative; }
    .hdr-btn {
      display:flex; align-items:center; gap:6px; padding:6px 12px;
      border-radius:999px; border:1px solid rgba(255,241,218,0.12); background:rgba(255,248,234,0.07);
      color:#e4dac7; font-size:12px; font-weight:500; cursor:pointer; font-family:inherit; transition:all 0.15s;
    }
    .hdr-btn-utility { min-height:36px; }
    .hdr-btn-rail { min-height:36px; width:100%; justify-content:flex-start; }
    .hdr-btn:hover { border-color:rgba(255,230,180,0.22); color:#fff7ea; background:rgba(255,240,214,0.1); transform:translateY(-1px); }
    .hdr-btn.plans-btn { position:relative; }
    .plans-count {
      background:linear-gradient(135deg, rgba(79,60,18,0.98) 0%, rgba(58,44,13,0.98) 100%); color:#fff6de; font-size:10px; font-weight:700;
      border-radius:10px; padding:1px 6px; min-width:18px; text-align:center; display:none;
    }
    .plans-count.show { display:inline-block; }
    .sidebar-kbd { font-size:10px; opacity:0.6; margin-left:auto; }
    .key-dot { width:7px; height:7px; border-radius:50%; background:var(--neutral-500); flex-shrink:0; }
    .key-dot.set { background:var(--green-400); }
    body.sidebar-collapsed .header { width:var(--sidebar-w-collapsed); padding:18px 10px 22px; }
    body.sidebar-collapsed #coachingView,
    body.sidebar-collapsed #rosterView,
    body.sidebar-collapsed #reportingView,
    body.sidebar-collapsed #repView,
    body.sidebar-collapsed .progress-bar { margin-left:var(--sidebar-w-collapsed); }
    body.sidebar-collapsed .progress-bar { width:calc(100vw - var(--sidebar-w-collapsed)); }
    body.sidebar-collapsed .main,
    body.sidebar-collapsed .roster-view,
    body.sidebar-collapsed .reporting-view,
    body.sidebar-collapsed .rep-view { width:calc(100vw - var(--sidebar-w-collapsed)); }
    body.sidebar-collapsed .header-brand-copy,
    body.sidebar-collapsed .sidebar-section-label,
    body.sidebar-collapsed .sidebar-label,
    body.sidebar-collapsed .view-tab-label,
    body.sidebar-collapsed .sidebar-kbd,
    body.sidebar-collapsed .plans-count {
      display:none !important;
    }
    body.sidebar-collapsed .header-stack { align-items:center; }
    body.sidebar-collapsed .header-controls-rail,
    body.sidebar-collapsed .view-tabs { align-items:center; }
    body.sidebar-collapsed .sidebar-home-nav {
      width:48px;
      min-width:48px;
      padding:0;
      background:transparent;
      border:none;
      box-shadow:none;
    }
    body.sidebar-collapsed .hdr-btn-rail,
    body.sidebar-collapsed .dark-toggle-rail,
    body.sidebar-collapsed .sidebar-toggle,
    body.sidebar-collapsed .view-tab {
      width:48px;
      min-width:48px;
      justify-content:center;
      padding-left:0;
      padding-right:0;
    }
    body.sidebar-collapsed .view-tab {
      overflow:hidden;
      white-space:nowrap;
      text-indent:0;
    }
    body.sidebar-collapsed .header-notif-wrap { width:48px; }
    body.sidebar-collapsed .header-logo { min-width:52px; height:52px; font-size:25px; border-radius:14px; }
    body.sidebar-collapsed .header .inline-kin-mark { display:none; }

    /* ── PROGRESS ── */
    .progress-bar { background:var(--white); border-bottom:1px solid var(--neutral-100); padding:16px 28px; margin-left:var(--sidebar-w); width:calc(100vw - var(--sidebar-w)); }
    .progress-steps { display:flex; align-items:center; max-width:660px; margin:0 auto; }
    .step-item { display:flex; align-items:center; gap:8px; }
    .step-num { width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; flex-shrink:0; transition:all 0.2s; }
    .step-num.pending { background:var(--neutral-100); color:var(--neutral-500); }
    .step-num.active  { background:linear-gradient(135deg, rgba(79,60,18,0.98) 0%, rgba(58,44,13,0.98) 100%); color:#fff6de; box-shadow:0 8px 18px rgba(245,161,0,0.16); }
    .step-num.done    { background:var(--green-400); color:var(--white); }
    .step-lbl { font-size:12px; font-weight:500; white-space:nowrap; }
    .step-lbl.pending { color:var(--neutral-500); } .step-lbl.active { color:var(--neutral-900); } .step-lbl.done { color:var(--green-400); }
    .step-line { flex:1; height:2px; background:var(--neutral-100); margin:0 10px; min-width:16px; transition:background 0.2s; }
    .step-line.done { background:var(--green-400); }

    /* ── LAYOUT ── */
    .main { max-width:none; margin:36px 0 60px; padding:0 24px; width:calc(100vw - var(--sidebar-w)); }
    #coachingView .main { margin-top:18px; }
    #coachingView.coaching-output-mode .main { margin-top:18px; }
    .roster-top-shell {
      position:static;
      padding-top:0;
      margin:0 0 18px;
      padding-left:0;
      padding-right:0;
      background:none;
      backdrop-filter:none;
    }
    .roster-filter-bar {
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      margin-bottom:16px;
      padding:10px 14px 12px;
      background:rgba(255,255,255,0.92);
      border:1.5px solid var(--neutral-100);
      border-radius:var(--radius-md);
      box-shadow:var(--shadow-sm);
      position:sticky;
      top:14px;
      z-index:68;
      backdrop-filter:blur(10px);
    }
    .home-summary-strip,
    .prototype-note-strip { display:grid; gap:10px; margin:12px 0; }
    .home-stage {
      margin:0 0 18px;
    }
    .home-stage-head {
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:16px;
      flex-wrap:wrap;
      margin:0 0 12px;
      padding:0 2px;
    }
    .home-stage-eyebrow {
      font-size:10px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:0.48px;
      color:var(--yellow-600);
      margin-bottom:4px;
    }
    .home-stage-title {
      font-family:'Space Grotesk',system-ui,sans-serif;
      font-size:24px;
      line-height:1.02;
      letter-spacing:-0.04em;
    }
    .home-stage-copy {
      max-width:520px;
      font-size:12px;
      color:var(--neutral-500);
      line-height:1.55;
    }
    .home-stage-head-side {
      display:flex;
      align-items:flex-end;
      justify-content:flex-end;
      gap:12px;
      flex-wrap:wrap;
      margin-left:auto;
    }
    .home-stage-head-compact {
      align-items:flex-start;
      gap:12px;
      margin-bottom:8px;
    }
    .home-stage-copy-block {
      display:grid;
      gap:4px;
      min-width:0;
      flex:1 1 320px;
    }
    .home-stage-head-side-compact {
      align-items:flex-start;
      gap:8px;
      margin-left:0;
      flex:0 0 auto;
    }
    .home-stage-copy-compact {
      max-width:640px;
      font-size:11px;
      line-height:1.45;
    }
    .home-stage-analysis {
      padding:18px;
      border-radius:20px;
      border:1px solid rgba(196,196,187,0.55);
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(249,249,246,0.94) 100%);
      box-shadow:0 16px 40px rgba(18,18,15,0.05);
    }
    .daily-briefing {
      display:grid;
      grid-template-columns:1fr;
      gap:8px;
      margin:8px 0 12px;
      animation:surfaceEnter 380ms ease;
    }
    .briefing-card,
    .briefing-aside {
      border-radius:18px;
      border:1px solid rgba(196,196,187,0.55);
      box-shadow:0 12px 34px rgba(18,18,15,0.07);
      overflow:hidden;
    }
    .briefing-card {
      background:
        radial-gradient(circle at top right, rgba(255,214,122,0.22), transparent 34%),
        linear-gradient(135deg, #fffdfa 0%, #fff6e8 42%, #f8ead1 100%);
      color:var(--neutral-900);
      padding:12px 14px;
    }
    .briefing-eyebrow { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.48px; color:var(--yellow-700); margin-bottom:6px; }
    .briefing-title { font-family:'Space Grotesk',system-ui,sans-serif; font-size:20px; line-height:1.02; letter-spacing:-0.04em; margin-bottom:4px; }
    .briefing-copy { font-size:12px; color:var(--neutral-700); max-width:720px; line-height:1.5; }
    .briefing-kicker {
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:center;
      margin-top:8px;
      padding-top:8px;
      border-top:1px solid rgba(196,196,187,0.42);
      font-size:11px;
      line-height:1.5;
      color:var(--neutral-700);
    }
    .briefing-kicker strong {
      font-size:11px;
      color:var(--neutral-900);
      font-weight:800;
    }
    .briefing-kicker span { color:var(--neutral-700); }
    .briefing-list { display:flex; flex-direction:column; gap:8px; }
    .briefing-list-item {
      display:flex;
      align-items:flex-start;
      gap:10px;
      padding:10px 12px;
      border-radius:12px;
      background:rgba(255,255,255,0.76);
      border:1px solid rgba(196,196,187,0.5);
      font-size:12px;
      line-height:1.45;
    }
    .briefing-list-item strong { display:block; font-size:12px; margin-bottom:2px; }
    .briefing-ops-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:8px; margin:8px 0 0; }
    .briefing-op-card {
      padding:9px 11px;
      border-radius:14px;
      border:1px solid rgba(196,196,187,0.55);
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(249,249,246,0.94) 100%);
      box-shadow:0 12px 30px rgba(18,18,15,0.05);
      min-height:98px;
      display:flex;
      flex-direction:column;
    }
    .briefing-op-eyebrow { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.45px; color:var(--yellow-600); margin-bottom:6px; }
    .briefing-op-title { font-size:14px; font-family:'Space Grotesk',system-ui,sans-serif; font-weight:700; line-height:1.15; margin-bottom:4px; }
    .briefing-op-copy { font-size:11px; color:var(--neutral-500); line-height:1.45; min-height:32px; }
    .briefing-op-actions { margin-top:auto; padding-top:8px; display:flex; gap:6px; flex-wrap:wrap; }
    .briefing-op-card-livebind {
      background:
        radial-gradient(circle at top right, rgba(255,214,122,0.18), transparent 36%),
        linear-gradient(180deg, rgba(255,251,242,0.98) 0%, rgba(248,240,224,0.96) 100%);
    }
    .briefing-live-bind-feed {
      display:flex;
      flex-direction:column;
      gap:7px;
      margin-top:4px;
    }
    .briefing-live-bind-item {
      display:flex;
      align-items:flex-start;
      gap:10px;
      width:100%;
      text-align:left;
      padding:8px 10px;
      border-radius:12px;
      border:1px solid rgba(196,196,187,0.5);
      background:rgba(255,255,255,0.72);
      color:inherit;
      cursor:pointer;
      transition:transform 160ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
    }
    .briefing-live-bind-item:hover {
      transform:translateY(-1px);
      border-color:rgba(173,128,46,0.34);
      box-shadow:0 12px 22px rgba(18,18,15,0.08);
      background:rgba(255,255,255,0.9);
    }
    .briefing-live-bind-pulse {
      width:8px;
      height:8px;
      border-radius:50%;
      margin-top:5px;
      background:#2f855a;
      box-shadow:0 0 0 6px rgba(47,133,90,0.12);
      flex:0 0 auto;
    }
    .briefing-live-bind-copy {
      display:flex;
      flex-direction:column;
      gap:2px;
      min-width:0;
    }
    .briefing-live-bind-copy strong {
      font-size:12px;
      color:var(--neutral-900);
    }
    .briefing-live-bind-copy span {
      font-size:11px;
      line-height:1.45;
      color:var(--neutral-600);
    }
    .home-summary-strip { grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); }
    .home-summary-card {
      padding:14px 15px;
      border-radius:20px;
      border:1.5px solid rgba(214,191,142,0.22);
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.1), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(255,249,239,0.96) 100%);
      box-shadow:0 18px 34px rgba(18,18,15,0.07);
      animation:surfaceEnter 420ms ease;
    }
    .home-summary-card-button {
      width:100%;
      text-align:left;
      font:inherit;
      color:inherit;
      cursor:pointer;
      transition:transform 160ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
    }
    .home-summary-card-button:hover {
      transform:translateY(-1px);
      border-color:var(--yellow-300);
      box-shadow:0 16px 30px rgba(18,18,15,0.1);
    }
    .home-summary-card-button:focus-visible {
      outline:none;
      border-color:var(--yellow-500);
      box-shadow:0 0 0 3px rgba(245,161,0,0.16), 0 10px 24px rgba(18,18,15,0.08);
    }
    .home-summary-card-button:active {
      transform:translateY(0);
      box-shadow:var(--shadow-sm);
    }
    .home-summary-card-button.is-active {
      border-color:rgba(245,161,0,0.34);
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.12), transparent 34%),
        linear-gradient(180deg, #fffefb 0%, #fff8ea 100%);
      box-shadow:0 0 0 2px rgba(245,161,0,0.08), var(--shadow-md);
    }
    .team-reporting-filter-strip {
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
      justify-content:flex-end;
      margin:0;
      padding:0;
      border:none;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    .team-reporting-filter-range {
      display:flex;
      align-items:center;
      justify-content:flex-end;
      flex:0 0 auto;
      min-width:0;
      margin-left:0;
    }
    .team-reporting-filter-cohort {
      display:flex;
      align-items:center;
      flex:0 0 auto;
    }
    /* ── Cohort mode toggle ── */
    .cohort-mode-toggle {
      display:flex;
      align-items:center;
      gap:0;
      border:1px solid var(--neutral-200);
      border-radius:999px;
      overflow:hidden;
      background:var(--neutral-50);
      flex-shrink:0;
    }
    .cohort-mode-btn {
      padding:5px 13px;
      font-size:12px;
      font-weight:600;
      line-height:1.4;
      color:var(--neutral-500);
      background:transparent;
      border:none;
      cursor:pointer;
      transition:background 0.15s, color 0.15s;
      white-space:nowrap;
      letter-spacing:0.01em;
    }
    .cohort-mode-btn:hover {
      background:var(--neutral-100);
      color:var(--neutral-700);
    }
    .cohort-mode-btn.active {
      background:var(--yellow-500);
      color:var(--neutral-900);
    }
    .team-reporting-filter-range .weekly-results-inline-controls {
      width:auto;
      justify-items:end;
      min-width:0;
    }
    .home-summary-label {
      font-size:10px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:0.45px;
      color:var(--neutral-400);
      margin-bottom:4px;
    }
    .home-summary-value { font-size:26px; font-weight:800; line-height:1; margin-bottom:4px; }
    .home-summary-sub { font-size:11px; color:var(--neutral-500); line-height:1.4; }
    .prototype-note-card {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
      padding:11px 14px;
      border-radius:var(--radius-md);
      background:var(--blue-100);
      border:1.5px solid #cddaf8;
      color:var(--blue-700);
      box-shadow:var(--shadow-sm);
    }
    .prototype-note-title { font-size:12px; font-weight:700; margin-bottom:2px; }
    .prototype-note-copy { font-size:11px; line-height:1.45; }
    .prototype-pill-row { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
    .prototype-pill {
      display:inline-flex;
      align-items:center;
      padding:4px 8px;
      border-radius:999px;
      background:rgba(255,255,255,0.74);
      border:1px solid rgba(16,46,91,0.12);
      font-size:10px;
      font-weight:700;
      letter-spacing:0.04em;
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.45), 0 10px 18px rgba(16,46,91,0.06);
    }
    .workspace-trust-strip {
      display:grid;
      gap:10px;
      margin:12px 0 0;
    }
    .workspace-trust-card,
    .rep-trust-inner {
      padding:11px 14px;
      border-radius:var(--radius-md);
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(252,249,242,0.94) 100%);
      border:1.5px solid rgba(23,23,19,0.08);
      box-shadow:var(--shadow-sm);
    }
    .workspace-trust-copy {
      margin-top:6px;
      font-size:11px;
      line-height:1.45;
      color:var(--neutral-500);
    }
    .workspace-trust-pills,
    .rep-trust-pills {
      display:flex;
      gap:6px;
      flex-wrap:wrap;
      margin-top:10px;
    }
    .data-freshness-banner {
      display:grid;
      gap:8px;
      padding:16px 18px;
      margin-bottom:14px;
      border-radius:18px;
      border:1.5px solid rgba(245,161,0,0.24);
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.18), transparent 34%),
        linear-gradient(135deg, rgba(255,252,245,0.98) 0%, rgba(255,243,214,0.96) 100%);
      box-shadow:0 16px 30px rgba(77,56,21,0.08);
    }
    .data-freshness-banner-rep { margin-bottom:0; }
    .data-freshness-kicker {
      display:inline-flex;
      align-items:center;
      gap:8px;
      font-size:11px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:0.08em;
      color:var(--yellow-600);
    }
    .data-freshness-pulse {
      width:10px;
      height:10px;
      border-radius:999px;
      background:var(--green-400);
      box-shadow:0 0 0 5px rgba(42,122,75,0.12);
      flex-shrink:0;
    }
    .data-freshness-title {
      font-family:'Space Grotesk',system-ui,sans-serif;
      font-size:22px;
      font-weight:700;
      line-height:1.08;
      letter-spacing:-0.03em;
      color:var(--neutral-900);
    }
    .data-freshness-sub {
      font-size:13px;
      line-height:1.45;
      color:var(--neutral-700);
    }
    .data-freshness-pills {
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      margin-top:2px;
    }
    .data-freshness-pill {
      display:inline-flex;
      align-items:center;
      min-height:30px;
      padding:6px 12px;
      border-radius:999px;
      background:rgba(255,255,255,0.86);
      border:1px solid rgba(200,120,0,0.16);
      font-size:12px;
      font-weight:700;
      color:var(--neutral-700);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.36);
    }
    .rep-trust-strip {
      position:sticky;
      top:113px;
      z-index:2;
      display:grid;
      gap:10px;
      padding:8px 12px 0;
      background:linear-gradient(180deg, rgba(247,245,239,0.95) 0%, rgba(243,239,231,0.92) 100%);
      backdrop-filter:blur(14px);
    }
    .card { background:var(--white); border-radius:var(--radius-lg); border:1px solid var(--neutral-100); padding:36px; box-shadow:var(--shadow-sm); }
    .card-title    { font-size:18px; font-weight:700; margin-bottom:4px; }
    .card-subtitle { font-size:14px; color:var(--neutral-500); margin-bottom:28px; line-height:1.55; }

    /* ── EDIT BANNER ── */
    .edit-banner {
      display:none; align-items:center; justify-content:space-between;
      background:var(--blue-100); border:1.5px solid var(--blue-500);
      border-radius:var(--radius-md); padding:10px 16px; margin-bottom:20px;
    }
    .edit-banner.show { display:flex; }
    .edit-banner-text { font-size:13px; color:var(--blue-700); font-weight:500; }
    .edit-banner-text strong { font-weight:700; }

    /* ── UPDATE BANNER ── */
    .update-banner {
      display:none; flex-direction:column; gap:6px;
      background:var(--green-100); border:1.5px solid var(--green-400);
      border-radius:var(--radius-md); padding:12px 16px; margin-bottom:20px;
    }
    .update-banner.show { display:flex; }
    .update-banner-row { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
    .update-banner-text { font-size:13px; color:var(--green-700); font-weight:500; }
    .update-banner-text strong { font-weight:700; }
    .update-banner-note { font-size:12px; color:var(--green-500); line-height:1.45; }

    /* ── FORMS ── */
    .grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
    .grid.one { grid-template-columns:1fr; }
    .col2 { grid-column:span 2; }
    .field { display:flex; flex-direction:column; gap:5px; }
    label.lbl { font-size:12px; font-weight:600; color:var(--neutral-700); letter-spacing:0.2px; }
    .req { color:var(--red-500); margin-left:2px; }
    .opt { font-weight:400; color:var(--neutral-500); font-size:11px; margin-left:4px; }
    input[type="text"],input[type="password"],input[type="date"],select,textarea {
      border:1.5px solid var(--neutral-300); border-radius:var(--radius-sm); padding:9px 12px;
      font-size:14px; font-family:inherit; color:var(--neutral-900); background:var(--white);
      transition:border-color 0.15s,box-shadow 0.15s; outline:none; width:100%;
    }
    input:focus,select:focus,textarea:focus { border-color:var(--yellow-500); box-shadow:0 0 0 3px rgba(245,161,0,0.14); }
    input[type="date"] { line-height:1.2; font-variant-numeric:tabular-nums; }
    textarea { resize:vertical; min-height:90px; line-height:1.55; }

    .radio-row { display:flex; gap:8px; flex-wrap:wrap; }
    .radio-btn { position:relative; }
    .radio-btn input { position:absolute; opacity:0; width:0; height:0; }
    .radio-btn label { display:flex; align-items:center; justify-content:center; padding:9px 18px; border:1.5px solid var(--neutral-300); border-radius:var(--radius-sm); cursor:pointer; font-size:13px; font-weight:500; color:var(--neutral-700); transition:all 0.15s; white-space:nowrap; }
    .radio-btn input:checked + label { border-color:var(--yellow-500); background:var(--yellow-50); color:var(--yellow-600); font-weight:600; }
    .radio-btn label:hover { border-color:var(--yellow-200); background:var(--yellow-50); }

    .skill-info { border:1.5px solid var(--neutral-100); border-radius:var(--radius-md); padding:14px 16px; background:var(--neutral-50); margin-top:10px; display:none; }
    .skill-info.show { display:block; }
    .skill-info-name { font-size:14px; font-weight:700; margin-bottom:6px; }
    .skill-info-desc { font-size:13px; color:var(--neutral-700); line-height:1.55; margin-bottom:10px; }
    .tag { font-size:11px; font-weight:600; padding:3px 9px; border-radius:20px; }
    .tag-kpi { background:var(--yellow-100); color:var(--yellow-600); }
    .tag-quality { background:var(--blue-100); color:var(--blue-700); }
    .tag-compliance { background:#fde8e8; color:var(--red-500); }

    .collapse { border:1.5px solid var(--neutral-100); border-radius:var(--radius-md); overflow:hidden; }
    .collapse + .collapse { margin-top:12px; }
    .collapse-head { display:flex; align-items:center; justify-content:space-between; padding:13px 16px; cursor:pointer; background:var(--neutral-50); transition:background 0.1s; user-select:none; }
    .collapse-head:hover { background:var(--neutral-100); }
    .collapse-title { font-size:14px; font-weight:600; }
    .collapse-badge { font-size:11px; font-weight:600; padding:2px 9px; border-radius:20px; background:var(--neutral-100); color:var(--neutral-500); transition:all 0.15s; }
    .collapse-badge.filled { background:var(--green-100); color:var(--green-500); }
    .collapse-body { padding:16px; border-top:1px solid var(--neutral-100); display:none; }
    .collapse-body.open { display:block; }
    .collapse-arrow { font-size:11px; color:var(--neutral-500); margin-left:8px; transition:transform 0.2s; }
    .collapse-head.open .collapse-arrow { transform:rotate(180deg); }

    /* drop zone */
    .drop-zone { border:2px dashed var(--neutral-300); border-radius:var(--radius-md); padding:28px 20px; text-align:center; cursor:pointer; transition:all 0.18s; background:var(--neutral-50); position:relative; }
    .drop-zone:hover,.drop-zone.drag-over { border-color:var(--yellow-500); background:var(--yellow-50); }
    .drop-zone input[type="file"] { position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; height:100%; }
    .drop-icon { font-size:26px; margin-bottom:6px; display:block; }
    .drop-label { font-size:14px; font-weight:600; color:var(--neutral-700); margin-bottom:3px; }
    .drop-hint { font-size:12px; color:var(--neutral-500); }
    .drop-hint strong { color:var(--yellow-600); }
    .file-list { display:flex; flex-direction:column; gap:7px; margin-top:10px; }
    .file-item { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 12px; background:var(--white); border:1.5px solid var(--neutral-100); border-radius:var(--radius-sm); }
    .file-item-info { display:flex; align-items:center; gap:8px; min-width:0; }
    .file-icon { font-size:15px; flex-shrink:0; }
    .file-name { font-size:13px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .file-size { font-size:11px; color:var(--neutral-500); flex-shrink:0; }
    .file-status { font-size:11px; font-weight:600; padding:2px 8px; border-radius:20px; flex-shrink:0; }
    .file-status.loading { background:var(--yellow-100); color:var(--yellow-600); }
    .file-status.done    { background:var(--green-100); color:var(--green-500); }
    .file-status.error   { background:#fde8e8; color:var(--red-500); }
    .file-remove { background:none; border:none; cursor:pointer; color:var(--neutral-400); font-size:16px; line-height:1; padding:0 2px; flex-shrink:0; transition:color 0.1s; }
    .file-remove:hover { color:var(--red-500); }
    .transc-divider { display:flex; align-items:center; gap:10px; margin:14px 0 10px; color:var(--neutral-400); font-size:12px; font-weight:500; }
    .transc-divider::before,.transc-divider::after { content:''; flex:1; height:1px; background:var(--neutral-100); }

    /* ── IMAGE / FILE ATTACHMENTS ── */
    .attach-zone {
      border:2px dashed var(--neutral-300); border-radius:var(--radius-md); padding:18px 16px;
      text-align:center; cursor:pointer; transition:all 0.18s; background:var(--neutral-50);
      position:relative; margin-top:12px;
    }
    .attach-zone:hover,.attach-zone.drag-over { border-color:var(--yellow-500); background:var(--yellow-50); }
    .attach-zone input[type="file"] { position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; height:100%; }
    .attach-zone-icon { font-size:22px; margin-bottom:4px; display:block; }
    .attach-zone-label { font-size:13px; font-weight:600; color:var(--neutral-700); margin-bottom:2px; }
    .attach-zone-hint  { font-size:11px; color:var(--neutral-500); }
    .attach-zone-hint strong { color:var(--yellow-600); }
    .attach-section-label {
      font-size:12px; font-weight:600; color:var(--neutral-500); letter-spacing:0.3px;
      text-transform:uppercase; margin-top:14px; margin-bottom:6px;
    }
    .img-preview-grid { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
    .img-preview-item {
      position:relative; border:1.5px solid var(--neutral-100); border-radius:var(--radius-sm);
      overflow:hidden; background:var(--neutral-50); flex-shrink:0;
    }
    .img-preview-item img { display:block; width:80px; height:64px; object-fit:cover; }
    .img-preview-name {
      font-size:10px; color:var(--neutral-500); padding:3px 6px;
      white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:80px;
    }
    .img-preview-remove {
      position:absolute; top:3px; right:3px; background:rgba(18,18,15,0.7); color:#fff;
      border:none; border-radius:50%; width:18px; height:18px; font-size:11px;
      cursor:pointer; display:flex; align-items:center; justify-content:center; line-height:1;
      transition:background 0.1s;
    }
    .img-preview-remove:hover { background:var(--red-500); }
    .sheet-file-list { display:flex; flex-direction:column; gap:6px; margin-top:8px; }

    /* ── BUTTONS ── */
    .btn { display:inline-flex; align-items:center; gap:7px; padding:10px 20px; border-radius:14px; font-size:14px; font-weight:700; font-family:inherit; cursor:pointer; border:none; transition:all 0.15s; box-shadow:0 12px 22px rgba(18,18,15,0.08); }
    .btn:disabled { opacity:0.5; cursor:not-allowed; }
    .btn.is-loading { opacity:0.78; cursor:progress; transform:none; }
    .btn-yellow {
      background:linear-gradient(135deg, rgba(79,60,18,0.96) 0%, rgba(58,44,13,0.98) 52%, rgba(45,35,12,0.98) 100%);
      color:#fff6de;
      border:1px solid rgba(245,161,0,0.22);
      box-shadow:0 16px 30px rgba(43,31,10,0.18), inset 0 1px 0 rgba(255,255,255,0.06);
    }
    .btn-yellow:hover:not(:disabled) {
      background:linear-gradient(135deg, rgba(97,73,23,0.98) 0%, rgba(67,50,15,1) 52%, rgba(50,39,13,1) 100%);
      color:#fff9eb;
      transform:translateY(-1px);
      box-shadow:0 22px 34px rgba(43,31,10,0.22), inset 0 1px 0 rgba(255,255,255,0.08);
    }
    .btn-green  { background:var(--green-400); color:var(--white); }
    .btn-green:hover:not(:disabled) { background:var(--green-700); }
    .btn-ghost  { background:rgba(255,251,241,0.78); color:var(--neutral-700); border:1.5px solid rgba(196,196,187,0.72); box-shadow:inset 0 1px 0 rgba(255,255,255,0.72); }
    .btn-ghost:hover:not(:disabled) { border-color:rgba(245,161,0,0.3); background:rgba(255,246,225,0.86); }
    .btn-muted  { background:var(--neutral-100); color:var(--neutral-700); border:none; }
    .btn-muted:hover:not(:disabled) { background:var(--neutral-300); }
    .btn-dark { background:rgba(255,255,255,0.15); color:var(--white); border:none; }
    .btn-dark:hover { background:rgba(255,255,255,0.25); }
    .btn-sm { padding:7px 14px; font-size:12px; }
    .btn-xs { padding:5px 10px; font-size:11px; border-radius:8px; line-height:1.2; white-space:nowrap; }
    .row-actions { display:flex; justify-content:space-between; align-items:center; margin-top:28px; padding-top:22px; border-top:1px solid var(--neutral-100); }
    .copy-ok { font-size:12px; font-weight:600; color:var(--green-400); display:none; }
    .copy-ok.show { display:inline; }

    /* ── MODALS ── */
    .modal-overlay {
      position:fixed;
      inset:0;
      background:rgba(0,0,0,0.55);
      display:flex;
      align-items:center;
      justify-content:center;
      z-index:999;
      padding:20px;
      overflow-y:auto;
      overscroll-behavior:contain;
    }
    .modal-overlay.hide { display:none; }
    .modal {
      background:var(--white);
      border-radius:var(--radius-lg);
      padding:32px;
      max-width:480px;
      width:100%;
      max-height:min(calc(100vh - 40px), 920px);
      overflow-y:auto;
      box-shadow:var(--shadow-md);
      margin:auto;
    }
    .modal-title { font-size:17px; font-weight:700; margin-bottom:6px; }
    .modal-sub   { font-size:13px; color:var(--neutral-500); margin-bottom:20px; line-height:1.5; }
    .modal-actions { display:flex; gap:10px; margin-top:20px; justify-content:flex-end; }
    .app-dialog-modal { max-width:460px; }
    .app-dialog-kicker {
      font-size:11px;
      font-weight:800;
      letter-spacing:0.55px;
      text-transform:uppercase;
      color:var(--yellow-600);
      margin-bottom:10px;
    }
    #appDialogInput {
      width:100%;
      border:1px solid rgba(23,23,19,0.14);
      border-radius:14px;
      padding:12px 14px;
      font:inherit;
      color:var(--neutral-900);
      background:linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(255,251,243,0.96) 100%);
    }
    #appDialogInput:focus {
      outline:none;
      border-color:var(--yellow-500);
      box-shadow:0 0 0 3px rgba(245,161,0,0.12);
    }
    .app-toast-stack {
      position:fixed;
      top:20px;
      right:20px;
      z-index:1400;
      display:flex;
      flex-direction:column;
      gap:10px;
      width:min(360px, calc(100vw - 24px));
      pointer-events:none;
    }
    .app-toast {
      pointer-events:auto;
      position:relative;
      overflow:hidden;
      border-radius:18px;
      border:1px solid rgba(23,23,19,0.08);
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(251,248,241,0.95) 100%);
      box-shadow:0 18px 36px rgba(18,18,15,0.14);
      padding:13px 44px 13px 14px;
      display:grid;
      gap:4px;
      animation:toastSlideIn 240ms cubic-bezier(.2,.75,.2,1);
    }
    .app-toast::before {
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:4px;
      background:rgba(245,161,0,0.92);
    }
    .app-toast.is-success::before { background:rgba(42,122,75,0.92); }
    .app-toast.is-error::before { background:rgba(192,57,43,0.92); }
    .app-toast.is-info::before { background:rgba(34,81,163,0.92); }
    .app-toast-kicker {
      font-size:10px;
      font-weight:800;
      letter-spacing:0.5px;
      text-transform:uppercase;
      color:var(--yellow-600);
    }
    .app-toast.is-success .app-toast-kicker { color:var(--green-500); }
    .app-toast.is-error .app-toast-kicker { color:var(--red-500); }
    .app-toast.is-info .app-toast-kicker { color:var(--blue-700); }
    .app-toast-title {
      font-size:14px;
      font-weight:800;
      line-height:1.25;
      color:var(--neutral-900);
    }
    .app-toast-copy {
      font-size:12.5px;
      line-height:1.5;
      color:var(--neutral-600);
    }
    .app-toast-close {
      position:absolute;
      top:10px;
      right:10px;
      width:26px;
      height:26px;
      border-radius:999px;
      border:1px solid rgba(23,23,19,0.08);
      background:rgba(255,255,255,0.86);
      color:var(--neutral-500);
      font:inherit;
      font-size:14px;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 8px 18px rgba(18,18,15,0.06);
      transition:all 0.16s ease;
    }
    .app-toast-close:hover {
      border-color:rgba(245,161,0,0.28);
      color:var(--neutral-900);
      background:rgba(255,249,237,0.96);
    }
    .app-toast-progress {
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      height:3px;
      background:rgba(17,24,39,0.06);
      overflow:hidden;
    }
    .app-toast-progress-bar {
      height:100%;
      width:100%;
      transform-origin:left center;
      animation:toastProgress linear forwards;
      background:rgba(245,161,0,0.9);
    }
    .app-toast.is-success .app-toast-progress-bar { background:rgba(42,122,75,0.9); }
    .app-toast.is-error .app-toast-progress-bar { background:rgba(192,57,43,0.9); }
    .app-toast.is-info .app-toast-progress-bar { background:rgba(34,81,163,0.9); }
    .app-toast.is-leaving {
      animation:toastSlideOut 180ms ease forwards;
    }
    @keyframes toastSlideIn {
      from { opacity:0; transform:translateY(-8px) translateX(14px); }
      to { opacity:1; transform:translateY(0) translateX(0); }
    }
    @keyframes toastSlideOut {
      from { opacity:1; transform:translateY(0) translateX(0); }
      to { opacity:0; transform:translateY(-4px) translateX(18px); }
    }
    @keyframes toastProgress {
      from { transform:scaleX(1); }
      to { transform:scaleX(0); }
    }
    @media (max-width: 720px) {
      .app-toast-stack {
        top:auto;
        right:12px;
        left:12px;
        bottom:12px;
        width:auto;
      }
      .app-toast {
        padding-right:42px;
      }
    }
    .ai-draft-modal { max-width:820px; width:100%; }
    .ai-draft-topline { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:14px; }
    .ai-draft-eyebrow {
      font-size:11px;
      font-weight:800;
      letter-spacing:0.5px;
      text-transform:uppercase;
      color:var(--yellow-600);
      margin-bottom:6px;
    }
    .ai-draft-title { margin-bottom:4px; }
    .ai-draft-sub { margin-bottom:0; max-width:520px; }
    .ai-draft-note {
      display:inline-flex;
      align-items:center;
      padding:7px 12px;
      border-radius:999px;
      background:var(--yellow-50);
      border:1px solid var(--yellow-200);
      color:var(--yellow-600);
      font-size:11px;
      font-weight:700;
      margin-bottom:16px;
    }
    .ai-draft-body {
      border:1px solid var(--neutral-100);
      border-radius:18px;
      background:linear-gradient(180deg, #fffefb 0%, #fffaf0 100%);
      padding:18px 20px;
      font-size:14px;
      line-height:1.7;
      color:var(--neutral-900);
      box-shadow:var(--shadow-sm);
      max-height:56vh;
      overflow:auto;
    }
    .pdf-export-stage {
      position:fixed;
      left:-20000px;
      top:0;
      width:960px;
      padding:24px;
      background:#f7f4ed;
      z-index:-1;
    }
    .pdf-export-shell {
      width:912px;
      color:var(--neutral-900);
      font-family:'Plus Jakarta Sans',system-ui,sans-serif;
    }
    .pdf-export-shell .gen-card,
    .pdf-export-shell .snap-card,
    .pdf-export-shell .ai-draft-body {
      box-shadow:0 18px 40px rgba(18,18,15,0.08);
    }
    .pdf-export-card + .pdf-export-card { margin-top:18px; }
    .pdf-export-kicker {
      font-size:11px;
      font-weight:800;
      letter-spacing:0.6px;
      text-transform:uppercase;
      color:var(--yellow-600);
      margin-bottom:8px;
    }
    .pdf-export-title {
      font-family:'Space Grotesk',system-ui,sans-serif;
      font-size:34px;
      line-height:1.02;
      letter-spacing:-0.04em;
      font-weight:700;
      color:var(--neutral-900);
      margin-bottom:8px;
    }
    .pdf-export-sub {
      font-size:15px;
      line-height:1.65;
      color:var(--neutral-700);
      margin-bottom:14px;
      max-width:62ch;
    }
    .pdf-export-note { margin-bottom:18px; }
    .pdf-export-ai .ai-draft-body {
      max-height:none;
      overflow:visible;
      padding:22px 24px;
    }
    .pdf-export-plan .gen-body { padding:26px 28px; }
    .ai-draft-actions { align-items:center; }
    .ai-brief { display:flex; flex-direction:column; gap:14px; }
    .ai-brief-hero {
      padding:16px 18px;
      border-radius:16px;
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.12), transparent 42%),
        linear-gradient(180deg, rgba(255,250,240,0.98) 0%, rgba(255,247,231,0.98) 100%);
      border:1px solid rgba(245,161,0,0.18);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.7);
    }
    .ai-brief-kicker {
      font-family:'Space Grotesk',system-ui,sans-serif;
      font-size:28px;
      line-height:1.05;
      letter-spacing:-0.04em;
      font-weight:700;
      color:var(--neutral-900);
      margin-bottom:8px;
    }
    .ai-brief-lead {
      font-size:15px;
      color:var(--neutral-700);
      max-width:62ch;
    }
    .ai-brief-section {
      padding:16px 18px;
      border-radius:16px;
      border:1px solid rgba(18,18,15,0.08);
      background:rgba(255,255,255,0.78);
      box-shadow:0 8px 22px rgba(18,18,15,0.05);
    }
    .ai-brief-section-plain { background:rgba(255,255,255,0.68); }
    .ai-brief-section-title {
      font-size:11px;
      font-weight:800;
      letter-spacing:0.08em;
      text-transform:uppercase;
      color:var(--yellow-600);
      margin-bottom:10px;
    }
    .ai-brief-copy p {
      margin:0 0 10px;
      color:var(--neutral-800);
    }
    .ai-brief-copy p:last-child { margin-bottom:0; }
    .ai-brief-list {
      list-style:none;
      display:grid;
      gap:10px;
      margin:10px 0 0;
      padding:0;
    }
    .ai-brief-list li {
      position:relative;
      padding:10px 12px 10px 34px;
      border-radius:14px;
      background:var(--neutral-50);
      border:1px solid rgba(18,18,15,0.06);
      color:var(--neutral-800);
    }
    .ai-brief-list li::before {
      content:'';
      position:absolute;
      left:13px;
      top:15px;
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--yellow-500);
      box-shadow:0 0 0 4px rgba(245,161,0,0.14);
    }
    .ai-brief-stats {
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
      gap:10px;
      margin-bottom:10px;
    }
    .ai-brief-stat {
      padding:12px 14px;
      border-radius:14px;
      background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(249,249,246,0.98) 100%);
      border:1px solid rgba(18,18,15,0.08);
    }
    .ai-brief-stat-label {
      font-size:10px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:0.08em;
      color:var(--neutral-500);
      margin-bottom:4px;
    }
    .ai-brief-stat-value {
      font-size:15px;
      font-weight:700;
      color:var(--neutral-900);
      line-height:1.35;
    }
    .briefing-headline-row {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
      margin-bottom:6px;
      flex-wrap:wrap;
    }
    .briefing-action-row {
      display:flex;
      align-items:center;
      gap:6px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }
    .briefing-action-chip {
      display:inline-flex;
      align-items:center;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(255,255,255,0.78);
      border:1px solid rgba(196,196,187,0.45);
      font-size:9px;
      font-weight:700;
      letter-spacing:0.3px;
      text-transform:uppercase;
      color:var(--neutral-700);
    }
    .briefing-action-btn {
      min-height:32px;
      border-color:rgba(196,196,187,0.55);
      background:rgba(255,255,255,0.88);
      color:var(--neutral-800);
      box-shadow:0 8px 18px rgba(18,18,15,0.05);
    }
    .briefing-action-btn:hover:not(:disabled) {
      background:#fffdf8;
      border-color:var(--yellow-400);
      color:var(--neutral-900);
    }
    .home-customize-modal { max-width:760px; width:min(760px, 92vw); }
    .home-customize-body { display:grid; gap:12px; margin-top:14px; }
    .home-customize-item {
      display:grid;
      grid-template-columns:minmax(0, 1fr) auto;
      gap:14px;
      align-items:center;
      padding:14px 16px;
      border:1px solid var(--neutral-100);
      border-radius:18px;
      background:linear-gradient(180deg, #fffefb 0%, #fffaf1 100%);
    }
    .home-customize-item.is-hidden { opacity:0.72; }
    .home-customize-title-row {
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      margin-bottom:4px;
    }
    .home-customize-title-row strong { font-size:14px; }
    .home-customize-sub { font-size:12px; line-height:1.5; color:var(--neutral-500); }
    .home-customize-actions { display:flex; gap:8px; flex-wrap:wrap; }
    .team-layout-item { align-items:flex-start; }
    .team-layout-size-row { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
    .team-layout-size-row .btn.is-active {
      background:var(--yellow-50);
      border-color:var(--yellow-500);
      color:var(--yellow-700);
      box-shadow:0 0 0 1px rgba(245,161,0,0.08);
    }
    .rep-ai-actions {
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      margin-top:18px;
    }
    .rep-ai-actions .btn { min-height:34px; }
    .rdv-plan-actions {
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      margin-top:12px;
    }

    /* ── PLANS PANEL ── */
    .plans-panel {
      position:fixed; top:0; right:0; width:380px; height:100vh;
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(250,247,240,0.98) 100%); box-shadow:-8px 0 34px rgba(0,0,0,0.14);
      z-index:200; display:flex; flex-direction:column;
      transform:translateX(100%); transition:transform 0.25s ease;
      border-left:1px solid rgba(23,23,19,0.08);
      overflow:hidden;
    }
    .plans-panel.open { transform:translateX(0); }
    .plans-panel-backdrop { position:fixed; inset:0; background:rgba(0,0,0,0.3); z-index:199; display:none; }
    .plans-panel-backdrop.show { display:block; }
    .plans-panel-head {
      padding:20px 22px; border-bottom:1px solid var(--neutral-100);
      display:flex; align-items:center; justify-content:space-between; flex-shrink:0;
      background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(255,248,232,0.9) 100%);
      backdrop-filter:blur(12px);
      box-shadow:0 10px 24px rgba(18,18,15,0.04);
    }
    .plans-panel-title { font-size:16px; font-weight:700; }
    .plans-panel-close { background:rgba(255,255,255,0.72); border:1px solid rgba(23,23,19,0.08); cursor:pointer; font-size:20px; color:var(--neutral-400); line-height:1; padding:2px; width:32px; height:32px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 10px 20px rgba(18,18,15,0.06); }
    .plans-panel-close:hover { color:var(--neutral-900); border-color:rgba(245,161,0,0.28); background:rgba(255,249,237,0.96); }
    .plans-panel-note { padding:13px 22px; background:linear-gradient(180deg, #fff8ea 0%, #fff4de 100%); border-bottom:1px solid var(--yellow-100); font-size:12px; color:var(--yellow-600); line-height:1.45; flex-shrink:0; }
    .plans-panel-body { flex:1; overflow-y:auto; padding:18px; }
    .plans-section { margin-bottom:18px; }
    .plans-section-title { font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--neutral-500); margin-bottom:12px; display:flex; align-items:center; justify-content:space-between; gap:8px; }
    .plans-section-title span {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:22px;
      height:22px;
      padding:0 8px;
      border-radius:999px;
      background:rgba(245,161,0,0.12);
      color:var(--yellow-700);
      font-size:10px;
      font-weight:800;
      letter-spacing:0;
      text-transform:none;
    }
    .assistant-dock {
      position:fixed;
      left:calc(100vw - 190px);
      top:calc(100vh - 86px);
      z-index:950;
      display:flex;
      flex-direction:column;
      align-items:flex-end;
      width:max-content;
      gap:12px;
      touch-action:none;
      user-select:none;
    }
    .assistant-dock.dragging {
      transition:none;
    }
    .assistant-fab {
      position:relative;
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:12px 16px;
      border:none;
      border-radius:999px;
      background:linear-gradient(135deg, var(--yellow-500) 0%, var(--yellow-600) 100%);
      color:var(--neutral-900);
      font-family:inherit;
      font-size:13px;
      font-weight:800;
      box-shadow:0 16px 34px rgba(31,20,0,0.22);
      cursor:pointer;
      transition:transform 0.18s ease, box-shadow 0.18s ease;
    }
    .assistant-fab:hover { transform:translateY(-2px); box-shadow:0 18px 38px rgba(31,20,0,0.28); }
    .assistant-fab-icon {
      width:22px;
      height:22px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      background:rgba(17,17,14,0.12);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.18);
      font-size:13px;
      font-weight:800;
      line-height:1;
    }
    .assistant-panel {
      position:relative;
      width:min(420px, calc(100vw - 36px));
      height:min(74vh, 700px);
      max-height:calc(100vh - 110px);
      display:none;
      flex-direction:column;
      background:rgba(255,255,255,0.98);
      border:1px solid rgba(245,161,0,0.2);
      border-radius:24px;
      box-shadow:0 24px 60px rgba(18,18,15,0.22);
      z-index:951;
      overflow:hidden;
      backdrop-filter:blur(18px);
    }
    .assistant-panel.open { display:flex; }
    .assistant-head {
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:10px;
      padding:12px 14px 10px;
      border-bottom:1px solid var(--neutral-100);
      background:linear-gradient(180deg, rgba(255,248,230,0.95) 0%, rgba(255,255,255,0.95) 100%);
      cursor:grab;
    }
    .assistant-head:active { cursor:grabbing; }
    .assistant-head-actions { display:flex; align-items:center; gap:8px; }
    .assistant-connection-pill {
      display:inline-flex;
      align-items:center;
      gap:8px;
      border:1px solid var(--neutral-300);
      background:rgba(255,255,255,0.92);
      color:var(--neutral-700);
      border-radius:999px;
      padding:7px 11px;
      font-size:11px;
      font-weight:800;
      font-family:inherit;
      white-space:nowrap;
      transition:all 0.15s ease;
    }
    .assistant-connection-dot {
      width:8px;
      height:8px;
      border-radius:50%;
      flex-shrink:0;
      background:currentColor;
      box-shadow:0 0 0 3px rgba(0,0,0,0.05);
    }
    .assistant-connection-connected {
      border-color:rgba(42,122,75,0.26);
      background:rgba(228,242,234,0.92);
      color:var(--green-500);
    }
    .assistant-connection-disconnected {
      border-color:rgba(192,57,43,0.22);
      background:rgba(255,244,242,0.96);
      color:var(--red-500);
    }
    .assistant-title {
      display:flex;
      align-items:center;
      gap:8px;
      font-size:16px;
      font-weight:800;
      letter-spacing:-0.02em;
      margin-bottom:2px;
      line-height:1.1;
    }
    .assistant-sub { font-size:11px; color:var(--neutral-500); line-height:1.35; }
    .assistant-starters {
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      align-content:flex-start;
    }
    .assistant-starter-chip {
      border:1px solid var(--yellow-200);
      background:var(--white);
      color:var(--neutral-700);
      border-radius:999px;
      padding:8px 11px;
      font-size:11px;
      font-weight:700;
      font-family:inherit;
      cursor:pointer;
      transition:all 0.15s ease;
    }
    .assistant-starter-chip:hover { border-color:var(--yellow-500); background:var(--yellow-50); color:var(--neutral-900); }
    .assistant-starters-inline {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:12px;
    }
    .assistant-thread {
      flex:1;
      min-height:0;
      overflow:auto;
      padding:12px 14px;
      display:flex;
      flex-direction:column;
      gap:10px;
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.06), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,251,243,0.98) 100%);
    }
    .assistant-empty {
      font-size:13px;
      color:var(--neutral-500);
      line-height:1.6;
      padding:12px 2px;
    }
    .assistant-guidance {
      display:grid;
      gap:14px;
    }
    .assistant-guidance-hero {
      padding:14px 16px;
      border-radius:18px;
      border:1px solid rgba(245,161,0,0.16);
      background:linear-gradient(180deg, rgba(255,249,235,0.96) 0%, rgba(255,255,255,0.98) 100%);
      box-shadow:0 12px 24px rgba(18,18,15,0.05);
    }
    .assistant-guidance-kicker {
      font-size:10px;
      font-weight:800;
      letter-spacing:0.1em;
      text-transform:uppercase;
      color:var(--yellow-700);
      margin-bottom:6px;
    }
    .assistant-guidance-title {
      font-family:'Space Grotesk',system-ui,sans-serif;
      font-size:18px;
      font-weight:700;
      line-height:1.08;
      color:var(--neutral-900);
      margin-bottom:6px;
    }
    .assistant-guidance-copy {
      font-size:12px;
      line-height:1.6;
      color:var(--neutral-500);
    }
    .assistant-guidance-grid {
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
    }
    .assistant-guidance-card {
      text-align:left;
      border:1px solid rgba(23,23,19,0.08);
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(251,248,241,0.94) 100%);
      border-radius:16px;
      padding:12px 13px;
      cursor:pointer;
      transition:transform 160ms ease, box-shadow 180ms ease, border-color 180ms ease;
      box-shadow:0 10px 20px rgba(18,18,15,0.05);
    }
    .assistant-guidance-card:hover {
      transform:translateY(-1px);
      border-color:rgba(245,161,0,0.24);
      box-shadow:0 14px 24px rgba(18,18,15,0.08);
    }
    .assistant-guidance-card strong {
      display:block;
      font-size:13px;
      line-height:1.4;
      color:var(--neutral-900);
    }
    .assistant-guidance-meta {
      display:block;
      margin-bottom:6px;
      font-size:10px;
      font-weight:800;
      letter-spacing:0.08em;
      text-transform:uppercase;
      color:var(--blue-600);
    }
    .assistant-guidance-starters {
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }
    .assistant-msg {
      max-width:88%;
      border-radius:18px;
      padding:13px 15px;
      font-size:13px;
      line-height:1.65;
      box-shadow:var(--shadow-sm);
    }
    .assistant-msg-user {
      align-self:flex-end;
      background:linear-gradient(135deg, #fff3d6 0%, #ffe7ac 100%);
      border:1px solid rgba(245,161,0,0.22);
      color:var(--neutral-900);
      border-bottom-right-radius:8px;
      padding:10px 13px;
      font-size:12.5px;
      line-height:1.5;
    }
    .assistant-msg-bot {
      align-self:flex-start;
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,251,243,0.98) 100%);
      border:1px solid rgba(23,23,19,0.08);
      color:var(--neutral-800);
      border-bottom-left-radius:8px;
      max-width:92%;
    }
    .assistant-msg-meta {
      display:block;
      font-size:10px;
      font-weight:800;
      letter-spacing:0.4px;
      text-transform:uppercase;
      color:var(--neutral-400);
      margin-bottom:6px;
    }
    .assistant-msg-pending {
      opacity:0.7;
      font-style:italic;
    }
    .assistant-fetch {
      display:flex;
      align-items:center;
      gap:10px;
      font-weight:700;
      color:var(--neutral-700);
    }
    .assistant-fetch-emoji {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:30px;
      height:30px;
      border-radius:999px;
      background:rgba(245,161,0,0.12);
      animation:assistantFetchBounce 0.95s ease-in-out infinite;
      box-shadow:0 8px 18px rgba(245,161,0,0.12);
      font-size:16px;
      line-height:1;
    }
    @keyframes assistantFetchBounce {
      0%, 100% { transform:translateX(0) rotate(0deg); }
      25% { transform:translateX(4px) rotate(5deg); }
      50% { transform:translateX(-2px) translateY(-2px) rotate(-4deg); }
      75% { transform:translateX(5px) rotate(6deg); }
    }
    .assistant-user-copy {
      white-space:pre-wrap;
      font-size:12.5px;
      line-height:1.5;
      font-weight:500;
    }
    .assistant-msg-actions {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:12px;
    }
    .assistant-rich {
      display:flex;
      flex-direction:column;
      gap:10px;
      color:inherit;
    }
    .assistant-rich-brief {
      gap:14px;
    }
    .assistant-brief-intro {
      padding:0 2px 2px;
    }
    .assistant-brief-grid {
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
      gap:12px;
    }
    .assistant-brief-card {
      position:relative;
      display:flex;
      flex-direction:column;
      gap:10px;
      padding:14px 14px 13px;
      border-radius:16px;
      border:1px solid rgba(23,23,19,0.08);
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,250,242,0.94) 100%);
      box-shadow:0 12px 28px rgba(23,23,19,0.08);
      overflow:hidden;
    }
    .assistant-brief-card::before {
      content:'';
      position:absolute;
      inset:0 auto 0 0;
      width:4px;
      background:linear-gradient(180deg, rgba(245,161,0,0.95) 0%, rgba(255,196,64,0.68) 100%);
    }
    .assistant-brief-card-title {
      padding-left:4px;
      font-size:11px;
      font-weight:800;
      letter-spacing:0.08em;
      text-transform:uppercase;
      color:var(--neutral-500);
    }
    .assistant-brief-card-body {
      display:flex;
      flex-direction:column;
      gap:10px;
    }
    .assistant-brief-card-risk::before { background:linear-gradient(180deg, rgba(224,86,74,0.98) 0%, rgba(244,127,110,0.76) 100%); }
    .assistant-brief-card-action::before { background:linear-gradient(180deg, rgba(47,134,100,0.96) 0%, rgba(104,193,154,0.72) 100%); }
    .assistant-brief-card-rank::before { background:linear-gradient(180deg, rgba(245,161,0,0.98) 0%, rgba(255,204,92,0.74) 100%); }
    .assistant-brief-card-insight::before { background:linear-gradient(180deg, rgba(60,112,226,0.96) 0%, rgba(124,165,255,0.74) 100%); }
    .assistant-brief-card-summary::before { background:linear-gradient(180deg, rgba(113,93,208,0.94) 0%, rgba(168,150,255,0.7) 100%); }
    .assistant-rich h2,
    .assistant-rich h3,
    .assistant-rich h4 {
      margin:0;
      color:var(--neutral-900);
      letter-spacing:-0.03em;
      line-height:1.15;
    }
    .assistant-rich h2 { font-size:20px; font-weight:800; }
    .assistant-rich h3 { font-size:17px; font-weight:800; }
    .assistant-rich h4 {
      font-size:14px;
      font-weight:800;
      text-transform:none;
    }
    .assistant-rich p {
      margin:0;
      color:var(--neutral-700);
      line-height:1.7;
    }
    .assistant-rich ul {
      margin:0;
      padding:0;
      list-style:none;
      display:flex;
      flex-direction:column;
      gap:8px;
    }
    .assistant-rich li {
      position:relative;
      padding-left:16px;
      color:var(--neutral-700);
      line-height:1.65;
    }
    .assistant-rich li::before {
      content:'';
      position:absolute;
      left:0;
      top:0.72em;
      width:6px;
      height:6px;
      border-radius:999px;
      background:var(--yellow-500);
      box-shadow:0 0 0 4px rgba(245,161,0,0.12);
    }
    .assistant-rich blockquote {
      margin:0;
      padding:12px 14px;
      border-left:3px solid rgba(245,161,0,0.48);
      border-radius:14px;
      background:linear-gradient(180deg, rgba(245,161,0,0.08) 0%, rgba(245,161,0,0.03) 100%);
    }
    .assistant-rich blockquote p { color:var(--neutral-900); }
    .assistant-rich hr {
      border:none;
      height:1px;
      margin:2px 0;
      background:linear-gradient(90deg, rgba(23,23,19,0.08) 0%, rgba(245,161,0,0.28) 50%, rgba(23,23,19,0.08) 100%);
    }
    .assistant-rich strong {
      font-weight:800;
      color:var(--neutral-900);
    }
    .assistant-rich em { font-style:italic; }
    .assistant-rich code {
      font-family:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
      font-size:0.92em;
      padding:2px 6px;
      border-radius:8px;
      background:rgba(23,23,19,0.06);
      color:var(--neutral-900);
    }
    .assistant-table-wrap {
      overflow:auto;
      margin:2px 0;
      border:1px solid rgba(23,23,19,0.08);
      border-radius:16px;
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,250,241,0.98) 100%);
    }
    .assistant-table {
      width:100%;
      border-collapse:separate;
      border-spacing:0;
      min-width:420px;
      font-size:12px;
    }
    .assistant-table thead th {
      padding:11px 12px;
      text-align:left;
      font-size:11px;
      font-weight:800;
      letter-spacing:0.04em;
      text-transform:uppercase;
      color:var(--neutral-500);
      background:rgba(23,23,19,0.03);
      border-bottom:1px solid rgba(23,23,19,0.08);
      white-space:nowrap;
    }
    .assistant-table tbody td {
      padding:12px;
      color:var(--neutral-800);
      border-bottom:1px solid rgba(23,23,19,0.06);
      vertical-align:top;
      line-height:1.5;
    }
    .assistant-table tbody tr:last-child td { border-bottom:none; }
    .assistant-table tbody tr:nth-child(even) td {
      background:rgba(245,161,0,0.03);
    }
    .assistant-status-pill {
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:4px 9px;
      border-radius:999px;
      font-size:11px;
      font-weight:800;
      line-height:1;
      white-space:nowrap;
      border:1px solid transparent;
    }
    .assistant-status-pill::before {
      content:'';
      width:7px;
      height:7px;
      border-radius:999px;
      background:currentColor;
      opacity:0.9;
    }
    .assistant-status-on-track {
      color:var(--green-700);
      background:rgba(42,142,87,0.1);
      border-color:rgba(42,142,87,0.16);
    }
    .assistant-status-warn {
      color:#b96d00;
      background:rgba(245,161,0,0.12);
      border-color:rgba(245,161,0,0.2);
    }
    .assistant-status-bad {
      color:#c84332;
      background:rgba(222,88,70,0.1);
      border-color:rgba(222,88,70,0.18);
    }
    .assistant-input-wrap {
      border-top:1px solid var(--neutral-100);
      padding:10px 14px 14px;
      background:rgba(255,255,255,0.98);
      flex:0 0 auto;
    }
    .assistant-attachments {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-bottom:10px;
    }
    .assistant-attachment-chip {
      display:inline-flex;
      align-items:center;
      gap:8px;
      max-width:100%;
      padding:7px 10px;
      border-radius:999px;
      border:1px solid rgba(23,23,19,0.08);
      background:rgba(245,161,0,0.06);
      color:var(--neutral-700);
      font-size:11px;
      font-weight:700;
    }
    .assistant-attachment-chip button {
      border:none;
      background:none;
      color:inherit;
      cursor:pointer;
      font:inherit;
      line-height:1;
      padding:0;
      opacity:0.72;
    }
    .assistant-attachment-chip button:hover { opacity:1; }
    .assistant-input {
      width:100%;
      border:1.5px solid var(--neutral-300);
      border-radius:18px;
      padding:10px 12px;
      resize:none;
      font-size:13px;
      line-height:1.45;
      font-family:inherit;
      color:var(--neutral-900);
      background:var(--white);
      outline:none;
    }
    .assistant-input:focus { border-color:var(--yellow-500); box-shadow:0 0 0 3px rgba(245,161,0,0.12); }
    .assistant-actions {
      display:flex;
      justify-content:flex-end;
      gap:8px;
      margin-top:8px;
    }
    .workspace-sync-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; }
    .workspace-sync-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
    .workspace-sync-list { display:flex; flex-direction:column; gap:8px; margin-top:12px; }
    .workspace-sync-list-item {
      border:1px solid var(--neutral-100);
      background:var(--white);
      border-radius:12px;
      padding:10px 12px;
      text-align:left;
      font:inherit;
      font-size:12px;
      font-weight:600;
      color:var(--neutral-700);
      cursor:pointer;
    }
    .workspace-sync-list-item-static {
      cursor:default;
      pointer-events:none;
      background:var(--neutral-50);
    }
    .workspace-sync-list-item:hover { border-color:var(--yellow-500); background:var(--yellow-50); }
    .help-panel { width:min(980px, 92vw); }
    .help-panel-sub { font-size:12px; color:var(--neutral-500); margin-top:4px; line-height:1.45; }
    .help-panel-toolbar { padding:14px 18px; border-bottom:1px solid var(--neutral-100); display:flex; flex-direction:column; gap:10px; }
    .help-search-input {
      width:100%;
      border:1.5px solid var(--neutral-300);
      border-radius:999px;
      padding:10px 14px;
      font-size:13px;
      font-family:inherit;
      background:var(--white);
      color:var(--neutral-900);
      outline:none;
    }
    .help-search-input:focus { border-color:var(--yellow-500); box-shadow:0 0 0 3px rgba(245,161,0,0.12); }
    .help-role-chips { display:flex; gap:8px; flex-wrap:wrap; }
    .help-role-chip {
      border:1.5px solid var(--neutral-200);
      background:var(--white);
      border-radius:999px;
      padding:6px 11px;
      font-size:11px;
      font-weight:700;
      color:var(--neutral-700);
      cursor:pointer;
      font-family:inherit;
      transition:all 0.15s;
    }
    .help-role-chip.active { border-color:var(--yellow-500); background:var(--yellow-50); color:var(--yellow-600); }
    .help-panel-body { flex:1; min-height:0; display:grid; grid-template-columns:300px 1fr; }
    .help-topic-list { border-right:1px solid var(--neutral-100); overflow-y:auto; padding:10px; }
    .help-article-wrap { overflow-y:auto; padding:20px 22px 28px; }
    .help-topic-card {
      width:100%;
      text-align:left;
      border:1.5px solid transparent;
      background:transparent;
      border-radius:var(--radius-md);
      padding:12px 13px;
      cursor:pointer;
      font-family:inherit;
      transition:all 0.15s;
      margin-bottom:8px;
    }
    .help-topic-card:hover { border-color:var(--yellow-200); background:var(--yellow-50); }
    .help-topic-card.active { border-color:var(--yellow-500); background:#fff8ea; box-shadow:var(--shadow-sm); }
    .help-topic-eyebrow { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.35px; color:var(--neutral-400); margin-bottom:4px; }
    .help-topic-title { font-size:13px; font-weight:700; color:var(--neutral-900); margin-bottom:4px; }
    .help-topic-summary { font-size:11px; color:var(--neutral-500); line-height:1.45; margin-bottom:8px; }
    .help-topic-meta { display:flex; gap:6px; flex-wrap:wrap; }
    .help-tag {
      display:inline-flex;
      align-items:center;
      padding:4px 8px;
      border-radius:999px;
      background:var(--neutral-50);
      border:1px solid var(--neutral-100);
      font-size:10px;
      font-weight:700;
      color:var(--neutral-500);
    }
    .help-empty {
      padding:18px 10px;
      font-size:12px;
      color:var(--neutral-500);
      line-height:1.5;
    }
    .premium-empty-state {
      display:grid;
      gap:8px;
      padding:16px 18px;
      border:1.5px dashed rgba(23,23,19,0.12);
      border-radius:18px;
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,249,240,0.96) 100%);
      box-shadow:0 8px 20px rgba(18,18,15,0.04);
    }
    .premium-empty-kicker {
      font-size:10px;
      font-weight:800;
      letter-spacing:0.08em;
      text-transform:uppercase;
      color:var(--yellow-600);
    }
    .premium-empty-title {
      font-size:14px;
      font-weight:800;
      color:var(--neutral-900);
    }
    .premium-empty-copy {
      font-size:12px;
      line-height:1.55;
      color:var(--neutral-500);
    }
    .premium-loading-card {
      display:grid;
      gap:10px;
      padding:14px 16px;
      border-radius:18px;
      border:1px solid rgba(23,23,19,0.08);
      background:linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(255,251,243,0.96) 100%);
      box-shadow:0 10px 24px rgba(18,18,15,0.04);
    }
    .premium-loading-line {
      position:relative;
      overflow:hidden;
      height:11px;
      border-radius:999px;
      background:rgba(23,23,19,0.08);
    }
    .premium-loading-line::after {
      content:"";
      position:absolute;
      inset:0;
      transform:translateX(-100%);
      background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
      animation:premiumSkeletonSweep 1.35s ease-in-out infinite;
    }
    .premium-loading-line.w-40 { width:40%; }
    .premium-loading-line.w-55 { width:55%; }
    .premium-loading-line.w-72 { width:72%; }
    .premium-loading-line.w-88 { width:88%; }
    .premium-loading-line.w-100 { width:100%; }
    @keyframes premiumSkeletonSweep {
      100% { transform:translateX(100%); }
    }
    .help-article-kicker { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.45px; color:var(--yellow-600); margin-bottom:8px; }
    .help-article-title { font-size:24px; font-weight:800; line-height:1.1; margin-bottom:8px; }
    .help-article-lead { font-size:14px; color:var(--neutral-700); line-height:1.6; margin-bottom:14px; max-width:720px; }
    .help-article-meta { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
    .help-callout {
      background:var(--blue-100);
      border:1px solid #cddaf8;
      color:var(--blue-700);
      border-radius:var(--radius-md);
      padding:12px 14px;
      font-size:12px;
      line-height:1.55;
      margin-bottom:18px;
    }
    .help-article-section + .help-article-section { margin-top:18px; }
    .help-article-section h4 {
      font-size:14px;
      font-weight:800;
      margin-bottom:8px;
      color:var(--neutral-900);
    }
    .help-article-section p {
      font-size:13px;
      line-height:1.65;
      color:var(--neutral-700);
      margin-bottom:8px;
    }
    .help-article-list { display:flex; flex-direction:column; gap:7px; margin-top:8px; }
    .help-article-list li {
      margin-left:18px;
      font-size:13px;
      line-height:1.6;
      color:var(--neutral-700);
    }
    .help-inline-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; margin-top:12px; }
    .help-mini-card {
      border:1px solid var(--neutral-100);
      background:var(--neutral-50);
      border-radius:var(--radius-md);
      padding:12px 13px;
    }
    .help-mini-card strong { display:block; font-size:12px; margin-bottom:4px; }
    .help-mini-card span { font-size:12px; color:var(--neutral-500); line-height:1.45; }
    .plans-empty { text-align:center; padding:40px 20px; color:var(--neutral-400); border:1px dashed rgba(23,23,19,0.12); border-radius:20px; background:linear-gradient(180deg, rgba(255,255,255,0.72) 0%, rgba(250,247,240,0.78) 100%); }
    .plans-empty-icon { font-size:36px; margin-bottom:12px; display:block; opacity:0.7; }
    .plans-empty-text { font-size:14px; }
    .plan-card {
      border:1.5px solid var(--neutral-100); border-radius:var(--radius-md);
      padding:15px 16px; margin-bottom:12px; cursor:pointer; transition:all 0.15s;
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(251,248,241,0.94) 100%);
      box-shadow:0 12px 24px rgba(18,18,15,0.05);
    }
    .plan-card:hover { border-color:var(--yellow-500); background:linear-gradient(180deg, #fffdf7 0%, #fff2d9 100%); transform:translateY(-1px); box-shadow:0 18px 30px rgba(245,161,0,0.1); }
    .plan-card.active { border-color:var(--yellow-500); background:linear-gradient(180deg, #fffdf7 0%, #fff2d9 100%); box-shadow:0 18px 30px rgba(245,161,0,0.12); }
    .plan-card-rep  { font-size:14px; font-weight:700; margin-bottom:2px; }
    .plan-card-skill { font-size:12px; color:var(--neutral-500); margin-bottom:8px; }
    .plan-card-meta  { display:flex; align-items:center; justify-content:space-between; }
    .plan-card-date  { font-size:11px; color:var(--neutral-400); }
    .plan-card-delete { background:none; border:none; cursor:pointer; font-size:12px; color:var(--neutral-400); padding:0; font-family:inherit; transition:color 0.1s; }
    .plan-card-delete:hover { color:var(--red-500); }
    .reply-card-list { display:flex; flex-direction:column; gap:12px; }
    .reply-card {
      border:1.5px solid rgba(56,119,255,0.16);
      border-radius:18px;
      background:linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%);
      padding:14px 15px;
      cursor:pointer;
      transition:all .18s ease;
      box-shadow:0 10px 24px rgba(56,119,255,0.08);
      position:relative;
      overflow:hidden;
    }
    .reply-card::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg, rgba(255,255,255,0.2) 0%, transparent 22%); }
    .reply-card:hover {
      border-color:var(--blue-500);
      transform:translateY(-1px);
      box-shadow:0 16px 30px rgba(56,119,255,0.12);
    }
    .reply-card-head { display:flex; justify-content:space-between; gap:10px; align-items:flex-start; margin-bottom:4px; }
    .reply-card-head strong { font-size:13px; }
    .reply-card-head span { font-size:11px; color:var(--neutral-400); font-weight:700; }
    .reply-card-sub { font-size:11px; color:var(--blue-600); margin-bottom:7px; text-transform:uppercase; letter-spacing:0.06em; font-weight:800; }
    .reply-card-body { font-size:13px; color:var(--neutral-700); line-height:1.6; }

    /* ── OUTPUT ── */
    .output-section { display:none; }
    .output-section.show { display:block; }
    body.app-booting #coachingView,
    body.app-booting #rosterView,
    body.app-booting #reportingView,
    body.app-booting #repView {
      visibility:hidden;
    }
    .login-view {
      display:none;
      position:fixed;
      inset:0;
      z-index:5000;
      align-items:center;
      justify-content:center;
      padding:32px;
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.2), transparent 24%),
        radial-gradient(circle at bottom left, rgba(25,87,63,0.14), transparent 30%),
        linear-gradient(135deg, #f7efdf 0%, #f1e7d2 34%, #efe3cb 100%);
      overflow:hidden;
    }
    .login-view-atmosphere {
      position:absolute;
      inset:0;
      pointer-events:none;
      overflow:hidden;
    }
    .login-view-glow {
      position:absolute;
      border-radius:999px;
      filter:blur(6px);
      opacity:0.9;
    }
    .login-view-glow-left {
      width:560px;
      height:560px;
      left:-180px;
      top:-140px;
      background:radial-gradient(circle, rgba(245,161,0,0.18) 0%, rgba(245,161,0,0.08) 38%, transparent 72%);
    }
    .login-view-glow-right {
      width:620px;
      height:620px;
      right:-220px;
      bottom:-180px;
      background:radial-gradient(circle, rgba(35,117,86,0.18) 0%, rgba(35,117,86,0.08) 40%, transparent 74%);
    }
    .login-view-grid {
      position:absolute;
      inset:0;
      background-image:
        linear-gradient(rgba(20,16,8,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(20,16,8,0.05) 1px, transparent 1px);
      background-size:40px 40px;
      mask-image:linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.32) 18%, rgba(0,0,0,0.2) 75%, transparent 100%);
      opacity:0.24;
    }
    .login-view-orbit {
      position:absolute;
      border-radius:999px;
      border:1px solid rgba(91,68,20,0.08);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18);
      opacity:0.65;
    }
    .login-view-orbit-one {
      width:420px;
      height:420px;
      right:8%;
      top:12%;
      background:radial-gradient(circle at center, rgba(255,255,255,0.12), transparent 62%);
    }
    .login-view-orbit-two {
      width:240px;
      height:240px;
      left:12%;
      bottom:10%;
      background:radial-gradient(circle at center, rgba(245,161,0,0.08), transparent 62%);
    }
    .login-view-shell {
      position:relative;
      width:min(1180px, 100%);
      display:grid;
      grid-template-columns:minmax(0, 1.18fr) minmax(380px, 470px);
      gap:28px;
      align-items:stretch;
    }
    .login-view-hero {
      position:relative;
      min-height:100%;
    }
    .login-view-hero-card {
      height:100%;
      border-radius:34px;
      padding:34px 34px 28px;
      background:
        linear-gradient(135deg, rgba(59,45,16,0.96) 0%, rgba(36,29,16,0.95) 52%, rgba(23,22,18,0.94) 100%);
      border:1px solid rgba(245,161,0,0.18);
      box-shadow:
        0 30px 70px rgba(17,13,8,0.24),
        inset 0 1px 0 rgba(255,255,255,0.06);
      color:var(--white);
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      overflow:hidden;
    }
    .login-view-hero-card::before {
      content:"";
      position:absolute;
      inset:auto -12% -24% auto;
      width:340px;
      height:340px;
      border-radius:999px;
      background:radial-gradient(circle, rgba(245,161,0,0.18) 0%, rgba(245,161,0,0.06) 40%, transparent 72%);
      filter:blur(8px);
      pointer-events:none;
    }
    .login-view-hero-kicker {
      position:relative;
      font-size:12px;
      font-weight:800;
      letter-spacing:0.16em;
      text-transform:uppercase;
      color:rgba(255,214,132,0.88);
      margin-bottom:18px;
    }
    .login-view-hero-title {
      position:relative;
      margin:0 0 16px;
      max-width:720px;
      font-size:clamp(40px, 4.8vw, 64px);
      line-height:0.94;
      letter-spacing:-0.06em;
      color:#fff8eb;
    }
    .login-view-hero-copy {
      position:relative;
      margin:0;
      max-width:640px;
      font-size:18px;
      line-height:1.72;
      color:rgba(255,247,231,0.76);
    }
    .login-view-proof-grid {
      position:relative;
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:14px;
      margin-top:28px;
    }
    .login-view-proof-card {
      padding:16px 16px 18px;
      border-radius:22px;
      background:linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.03) 100%);
      border:1px solid rgba(255,255,255,0.08);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
      min-height:148px;
    }
    .login-view-proof-value {
      font-size:16px;
      font-weight:800;
      letter-spacing:-0.03em;
      color:#fff6de;
      margin-bottom:10px;
    }
    .login-view-proof-copy {
      font-size:14px;
      line-height:1.65;
      color:rgba(255,244,222,0.7);
    }
    .login-view-trust-row {
      position:relative;
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:22px;
    }
    .login-view-trust-pill {
      display:inline-flex;
      align-items:center;
      min-height:34px;
      padding:0 14px;
      border-radius:999px;
      background:rgba(255,255,255,0.08);
      border:1px solid rgba(255,255,255,0.08);
      color:rgba(255,247,232,0.86);
      font-size:12px;
      font-weight:700;
      letter-spacing:0.02em;
    }
    .login-view-card {
      position:relative;
      width:100%;
      padding:34px 34px 30px;
      border-radius:34px;
      border:1px solid rgba(245,161,0,0.18);
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.16), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.985) 0%, rgba(255,250,239,0.985) 100%);
      box-shadow:0 32px 70px rgba(18,18,15,0.14);
      backdrop-filter:blur(16px);
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }
    .login-view-brand {
      display:flex;
      align-items:flex-start;
      gap:18px;
      margin-bottom:24px;
    }
    .login-view-logo-wrap {
      position:relative;
      flex-shrink:0;
    }
    .login-view-logo {
      width:78px;
      height:78px;
      border-radius:24px;
      display:grid;
      place-items:center;
      font-size:28px;
      font-weight:800;
      letter-spacing:-0.04em;
      color:var(--yellow-500);
      background:linear-gradient(180deg, rgba(91,68,20,0.95) 0%, rgba(58,44,13,0.98) 100%);
      border:1px solid rgba(245,161,0,0.24);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04);
    }
    .login-view-logo-ping {
      position:absolute;
      width:18px;
      height:18px;
      border-radius:999px;
      right:-3px;
      top:-3px;
      background:radial-gradient(circle, #ffe6a6 0%, var(--yellow-500) 46%, rgba(245,161,0,0.26) 100%);
      box-shadow:0 0 0 6px rgba(245,161,0,0.12);
    }
    .login-view-kicker {
      font-size:12px;
      font-weight:700;
      letter-spacing:0.12em;
      text-transform:uppercase;
      color:var(--yellow-600);
      margin-bottom:10px;
    }
    .login-view-title {
      margin:0 0 10px;
      font-size:44px;
      line-height:0.98;
      letter-spacing:-0.05em;
    }
    .login-view-state-row {
      display:flex;
      align-items:center;
      gap:8px;
      margin:0 0 12px;
    }
    .login-view-state-pill {
      display:inline-flex;
      align-items:center;
      min-height:30px;
      padding:0 12px;
      border-radius:999px;
      background:rgba(18,18,15,0.06);
      border:1px solid rgba(18,18,15,0.08);
      color:var(--neutral-700);
      font-size:12px;
      font-weight:700;
      letter-spacing:0.03em;
    }
    .login-view.is-denied .login-view-state-pill {
      background:rgba(226, 81, 81, 0.1);
      border-color:rgba(226, 81, 81, 0.16);
      color:#b33c3c;
    }
    .login-view.is-logged-out .login-view-state-pill {
      background:rgba(245,161,0,0.12);
      border-color:rgba(245,161,0,0.2);
      color:var(--yellow-700);
    }
    .login-view.is-redirecting .login-view-state-pill {
      background:rgba(25,87,63,0.1);
      border-color:rgba(25,87,63,0.18);
      color:#1e6f52;
    }
    .login-view-sub {
      margin:0;
      max-width:520px;
      font-size:16px;
      line-height:1.7;
      color:var(--neutral-600);
    }
    .login-view-actions {
      display:flex;
      flex-direction:column;
      gap:14px;
      margin-top:8px;
    }
    .login-view-action-group {
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:14px;
    }
    .login-view-footnote {
      font-size:13px;
      color:var(--neutral-500);
      text-align:center;
      line-height:1.65;
    }
    .login-password-group {
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:10px;
      width:min(360px, 100%);
    }
    .login-password-input {
      width:100%;
      box-sizing:border-box;
      min-height:52px;
      padding:0 16px;
      border-radius:12px;
      border:1.5px solid rgba(15,23,42,0.14);
      background:#fff;
      font-family:inherit;
      font-size:15px;
      font-weight:500;
      color:var(--neutral-900);
      outline:none;
      transition:border-color 0.12s ease, box-shadow 0.12s ease;
      box-shadow:0 1px 3px rgba(20,16,8,0.06);
    }
    .login-password-input::placeholder { color:var(--neutral-400); font-weight:400; }
    .login-password-input:focus {
      border-color:rgba(15,23,42,0.32);
      box-shadow:0 0 0 3px rgba(15,23,42,0.07);
    }
    .login-password-error {
      font-size:13px;
      font-weight:500;
      color:#dc2626;
      padding:0 2px;
    }
    .login-google-btn {
      width:min(360px, 100%);
      min-height:58px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:14px;
      border-radius:18px;
      border:1px solid rgba(15,23,42,0.12);
      background:#fff;
      color:#1f1f1f;
      font-size:17px;
      font-weight:700;
      box-shadow:0 16px 30px rgba(20,16,8,0.1);
      transition:transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease, background 0.12s ease;
    }
    .login-google-btn:hover {
      transform:translateY(-1px);
      box-shadow:0 22px 34px rgba(20,16,8,0.14);
      border-color:rgba(15,23,42,0.18);
    }
    .login-google-btn.is-loading,
    .login-guest-btn.is-loading {
      opacity:0.82;
      cursor:progress;
      transform:none;
      pointer-events:none;
    }
    .login-google-btn:active {
      transform:translateY(1px) scale(0.992);
      box-shadow:0 8px 16px rgba(20,16,8,0.12);
      background:#f6f6f6;
      border-color:rgba(15,23,42,0.22);
    }
    .login-google-btn:focus-visible {
      outline:3px solid rgba(66,133,244,0.24);
      outline-offset:2px;
    }
    .login-google-btn-icon {
      width:24px;
      height:24px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex-shrink:0;
    }
    .login-google-btn-icon svg {
      width:100%;
      height:100%;
      display:block;
    }
    .login-google-btn-copy {
      display:inline-flex;
      align-items:center;
      justify-content:center;
    }
    .login-guest-btn {
      width:min(360px, 100%);
      min-height:54px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      border-radius:16px;
      border:1px solid rgba(18,18,15,0.12);
      background:rgba(18,18,15,0.03);
      color:var(--neutral-700);
      font-size:15px;
      font-weight:700;
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
      transition:transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease, background 0.12s ease;
    }
    .login-guest-btn:hover {
      transform:translateY(-1px);
      box-shadow:0 14px 24px rgba(18,18,15,0.08);
      border-color:rgba(245,161,0,0.24);
      background:rgba(245,161,0,0.06);
    }
    .login-guest-btn:active {
      transform:translateY(1px) scale(0.992);
      box-shadow:0 6px 14px rgba(18,18,15,0.08);
      background:rgba(245,161,0,0.1);
    }
    .login-guest-btn-icon {
      width:22px;
      height:22px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      background:rgba(245,161,0,0.12);
      color:var(--yellow-600);
      font-size:14px;
      font-weight:800;
      flex-shrink:0;
    }
    .login-guest-btn-copy {
      display:inline-flex;
      align-items:center;
      justify-content:center;
    }
    .login-view-assist {
      margin-top:20px;
      padding:18px 20px;
      border-radius:22px;
      border:1px solid rgba(245,161,0,0.18);
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.12), transparent 52%),
        linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(255,247,229,0.95) 100%);
      box-shadow:0 18px 34px rgba(20,16,8,0.08);
    }
    .login-view-access-grid {
      display:grid;
      grid-template-columns:1fr;
      gap:10px;
      margin-top:18px;
    }
    .login-view-access-item {
      padding:14px 16px;
      border-radius:20px;
      background:rgba(18,18,15,0.03);
      border:1px solid rgba(18,18,15,0.08);
    }
    .login-view-access-label {
      font-size:12px;
      font-weight:800;
      letter-spacing:0.12em;
      text-transform:uppercase;
      color:var(--yellow-600);
      margin-bottom:6px;
    }
    .login-view-access-copy {
      font-size:13px;
      line-height:1.65;
      color:var(--neutral-600);
    }
    .login-view-assist-kicker {
      font-size:11px;
      font-weight:800;
      letter-spacing:0.12em;
      text-transform:uppercase;
      color:var(--yellow-600);
      margin-bottom:8px;
    }
    .login-view-assist-title {
      font-size:22px;
      font-weight:800;
      letter-spacing:-0.03em;
      margin-bottom:6px;
      color:var(--neutral-900);
    }
    .login-view-assist-copy {
      font-size:14px;
      line-height:1.65;
      color:var(--neutral-600);
    }
    body.auth-login-visible .login-view {
      display:flex;
    }
    body.auth-login-visible .header,
    body.auth-login-visible #coachingView,
    body.auth-login-visible #rosterView,
    body.auth-login-visible #reportingView,
    body.auth-login-visible #repView {
      visibility:hidden;
      pointer-events:none;
    }
    #coachingView,
    #rosterView,
    #reportingView,
    #repView {
      margin-left:var(--sidebar-w);
      position:relative;
      min-height:100vh;
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.08), transparent 22%),
        radial-gradient(circle at left 14%, rgba(255,255,255,0.45), transparent 32%);
    }
    #coachingView::before,
    #rosterView::before,
    #reportingView::before,
    #repView::before {
      content:"";
      position:fixed;
      inset:0 0 0 var(--sidebar-w);
      pointer-events:none;
      background-image:
        linear-gradient(rgba(91,68,20,0.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(91,68,20,0.028) 1px, transparent 1px);
      background-size:42px 42px;
      mask-image:linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.2) 16%, rgba(0,0,0,0.12) 72%, transparent 100%);
      opacity:0.3;
      z-index:0;
    }
    @media (max-width: 1100px) {
      .login-view-shell {
        grid-template-columns:1fr;
        max-width:760px;
      }
      .login-view-hero-card {
        min-height:auto;
      }
      .login-view-proof-grid {
        grid-template-columns:1fr;
      }
    }
    @media (max-width: 720px) {
      .login-view {
        padding:18px;
        align-items:stretch;
        overflow:auto;
      }
      .login-view-shell {
        gap:18px;
      }
      .login-view-hero {
        display:none;
      }
      .login-view-card {
        padding:24px 20px 22px;
        border-radius:28px;
        min-height:calc(100vh - 36px);
      }
      .login-view-title {
        font-size:36px;
      }
      .login-view-state-row {
        margin-bottom:10px;
      }
      .login-view-brand {
        gap:14px;
        margin-bottom:18px;
      }
      .login-view-logo {
        width:64px;
        height:64px;
        border-radius:20px;
        font-size:24px;
      }
      .login-view-access-grid {
        margin-top:16px;
      }
    }
    .gen-card { background:var(--white); border-radius:var(--radius-lg); border:1px solid var(--neutral-100); overflow:hidden; box-shadow:var(--shadow-sm); margin-bottom:20px; }
    .gen-header { background:var(--neutral-900); padding:14px 22px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }
    .gen-title-wrap { display:flex; align-items:center; gap:10px; flex-wrap:wrap; min-width:0; }
    .gen-title { font-size:14px; font-weight:600; color:var(--white); }
    .gen-actions { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
    .gen-body {
      padding:28px 30px;
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.08), transparent 34%),
        linear-gradient(180deg, #fffdf8 0%, #fff7eb 100%);
    }
    .spinner-wrap { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
    .spinner-wrap.hide { display:none; }
    .spinner { width:18px; height:18px; border-radius:50%; border:2px solid var(--neutral-100); border-top-color:var(--yellow-500); animation:spin 0.7s linear infinite; flex-shrink:0; }
    @keyframes spin { to { transform:rotate(360deg); } }
    .spinner-label { font-size:13px; font-weight:500; color:var(--neutral-500); }

    .plan-output { font-size:14px; line-height:1.75; color:var(--neutral-900); min-height:40px; }
    .plan-output strong { font-weight:700; }
    .plan-output em { font-style:italic; }
    .coach-plan-doc { display:flex; flex-direction:column; gap:18px; }
    .coach-plan-hero {
      position:relative;
      overflow:hidden;
      padding:24px 24px 22px;
      border-radius:28px;
      border:1px solid rgba(245,161,0,0.18);
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.18), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,249,235,0.98) 100%);
      box-shadow:0 24px 48px rgba(18,18,15,0.08);
    }
    .coach-plan-kicker {
      display:inline-flex;
      align-items:center;
      padding:7px 12px;
      border-radius:999px;
      background:var(--yellow-50);
      border:1px solid rgba(245,161,0,0.18);
      color:var(--yellow-600);
      font-size:11px;
      font-weight:800;
      letter-spacing:0.55px;
      text-transform:uppercase;
      margin-bottom:16px;
    }
    .coach-plan-hero-head {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:18px;
      margin-bottom:18px;
    }
    .coach-plan-title {
      margin:0 0 10px;
      font-family:'Space Grotesk',system-ui,sans-serif;
      font-size:38px;
      line-height:0.98;
      letter-spacing:-0.05em;
      color:var(--neutral-900);
    }
    .coach-plan-sub {
      margin:0;
      max-width:62ch;
      color:var(--neutral-700);
      font-size:15px;
      line-height:1.72;
    }
    .coach-plan-chip-stack {
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      gap:8px;
      min-width:220px;
    }
    .coach-plan-chip {
      display:inline-flex;
      align-items:center;
      padding:8px 12px;
      border-radius:999px;
      border:1px solid var(--neutral-100);
      background:rgba(255,255,255,0.88);
      color:var(--neutral-700);
      font-size:12px;
      font-weight:700;
    }
    .coach-plan-meta-grid,
    .snap-meta-grid {
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
    }
    .coach-plan-meta-card,
    .snap-row {
      padding:14px 15px;
      border-radius:18px;
      background:rgba(255,255,255,0.9);
      border:1px solid var(--neutral-100);
      box-shadow:0 10px 24px rgba(18,18,15,0.05);
    }
    .coach-plan-meta-label,
    .snap-lbl {
      display:block;
      margin-bottom:6px;
      font-size:10px;
      font-weight:800;
      letter-spacing:0.55px;
      text-transform:uppercase;
      color:var(--neutral-500);
    }
    .coach-plan-meta-value,
    .snap-val {
      display:block;
      font-size:14px;
      line-height:1.5;
      color:var(--neutral-900);
    }
    .coach-plan-sections { display:grid; gap:16px; }
    .coach-plan-section {
      background:var(--white);
      border:1px solid var(--neutral-100);
      border-radius:24px;
      padding:20px 22px;
      box-shadow:0 16px 34px rgba(18,18,15,0.06);
    }
    .coach-plan-section--goal {
      background:linear-gradient(180deg, rgba(255,252,244,0.98) 0%, rgba(255,255,255,0.98) 100%);
      border-color:rgba(245,161,0,0.18);
    }
    .coach-plan-section--message {
      background:linear-gradient(180deg, rgba(248,253,249,0.98) 0%, rgba(255,255,255,0.98) 100%);
      border-color:rgba(47,143,87,0.16);
    }
    .coach-plan-section-top { margin-bottom:16px; }
    .coach-plan-section-kicker {
      font-size:10px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:0.55px;
      color:var(--yellow-600);
      margin-bottom:6px;
    }
    .coach-plan-section-title {
      margin:0;
      font-family:'Space Grotesk',system-ui,sans-serif;
      font-size:25px;
      line-height:1.05;
      letter-spacing:-0.04em;
      color:var(--neutral-900);
    }
    .coach-plan-section-body p {
      margin:0 0 10px;
      font-size:14px;
      line-height:1.75;
      color:var(--neutral-700);
    }
    .coach-plan-divider {
      height:1px;
      margin:14px 0;
      background:linear-gradient(90deg, rgba(245,161,0,0.22), rgba(24,24,15,0.05));
    }
    .coach-plan-list {
      list-style:none;
      padding:0;
      margin:0;
      display:grid;
      gap:10px;
    }
    .coach-plan-list li {
      position:relative;
      padding-left:18px;
      font-size:14px;
      line-height:1.7;
      color:var(--neutral-700);
    }
    .coach-plan-list li::before {
      content:'';
      position:absolute;
      left:0;
      top:9px;
      width:8px;
      height:8px;
      border-radius:999px;
      background:linear-gradient(135deg, var(--yellow-500) 0%, #ffbc3f 100%);
      box-shadow:0 0 0 4px rgba(245,161,0,0.12);
    }
    .coach-plan-quote {
      margin:0;
      padding:16px 18px;
      border-radius:18px;
      background:rgba(255,249,235,0.92);
      border:1px solid rgba(245,161,0,0.2);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.68);
    }
    .coach-plan-quote p { margin:0 0 8px; font-style:italic; }
    .coach-plan-quote p:last-child { margin-bottom:0; }
    .coach-plan-quote--message {
      background:linear-gradient(180deg, rgba(235,248,239,0.96) 0%, rgba(246,252,247,0.96) 100%);
      border-color:rgba(47,143,87,0.18);
    }
    .coach-plan-goal,
    .coach-plan-callout {
      padding:18px;
      border-radius:20px;
      background:linear-gradient(180deg, rgba(255,250,240,0.96) 0%, rgba(255,255,255,0.98) 100%);
      border:1px solid rgba(245,161,0,0.16);
    }
    .coach-plan-section-intro { margin-bottom:12px; }
    .coach-plan-action-grid,
    .coach-plan-success-grid,
    .snap-feature-grid {
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:12px;
    }
    .coach-plan-action-card,
    .coach-plan-success-card,
    .snap-highlight,
    .snap-msg {
      padding:16px 17px;
      border-radius:20px;
      border:1px solid var(--neutral-100);
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,251,242,0.98) 100%);
      box-shadow:0 12px 24px rgba(18,18,15,0.05);
    }
    .coach-plan-action-kicker,
    .coach-plan-success-title,
    .snap-feature-kicker {
      display:block;
      margin-bottom:10px;
      font-size:11px;
      font-weight:800;
      letter-spacing:0.55px;
      text-transform:uppercase;
      color:var(--neutral-500);
    }
    .coach-plan-success-list { display:grid; gap:10px; }
    .coach-plan-success-row {
      display:flex;
      justify-content:space-between;
      gap:10px;
      padding:10px 12px;
      border-radius:14px;
      background:rgba(247,244,237,0.9);
    }
    .coach-plan-success-key { color:var(--neutral-700); font-weight:700; }
    .coach-plan-success-value { color:var(--neutral-900); font-weight:800; text-align:right; }
    .coach-plan-success-note p:last-child,
    .coach-plan-action-copy p:last-child,
    .snap-highlight p:last-child,
    .snap-msg p:last-child { margin-bottom:0; }
    .callout-err { border-left:3px solid var(--red-500); background:#fde8e8; padding:12px 14px; border-radius:0 var(--radius-sm) var(--radius-sm) 0; font-size:13px; color:var(--red-500); line-height:1.5; margin-bottom:12px; }
    .log-delivery-options { display:flex; gap:14px; flex-wrap:wrap; margin:2px 0 8px; }
    .log-check-row {
      display:inline-flex; align-items:center; gap:8px;
      font-size:12px; font-weight:600; color:var(--neutral-500);
      padding:8px 10px; border:1px solid var(--neutral-100); border-radius:12px;
      background:var(--neutral-50);
    }
    .log-check-row input { margin:0; accent-color:var(--yellow-500); }
    .rep-ack-textarea {
      width:100%;
      margin:12px 0;
      min-height:84px;
      resize:vertical;
      font:inherit;
      line-height:1.5;
    }
    .coaching-replies { display:flex; flex-direction:column; gap:10px; margin-top:12px; }
    .coaching-reply { position:relative; border:1px solid var(--neutral-200); background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(247,250,255,0.94) 100%); border-radius:18px; padding:13px 14px; box-shadow:0 12px 24px rgba(18,18,15,0.04); }
    .coaching-reply::before { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:linear-gradient(180deg, rgba(255,255,255,0.2) 0%, transparent 24%); }
    .coaching-reply-head { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:11px; color:var(--neutral-500); margin-bottom:6px; }
    .coaching-reply-head strong { font-size:12px; color:var(--neutral-900); }
    .coaching-reply-body { font-size:12px; color:var(--neutral-700); line-height:1.55; }
    .coaching-reply-composer {
      margin-top:12px;
      display:flex;
      flex-direction:column;
      gap:10px;
      padding:15px;
      border:1.5px solid rgba(245, 161, 0, 0.22);
      border-radius:18px;
      background:linear-gradient(180deg, rgba(255,249,238,0.99) 0%, rgba(255,255,255,0.99) 100%);
      box-shadow:0 16px 30px rgba(18,18,15,0.06);
    }
    .coaching-reply-kicker {
      font-size:10px;
      font-weight:800;
      letter-spacing:0.38px;
      text-transform:uppercase;
      color:var(--yellow-700);
    }
    .coaching-reply-sub {
      font-size:12px;
      color:var(--neutral-500);
      line-height:1.5;
    }
    .coaching-reply-textarea { min-height:72px; }
    .coaching-reply-textarea.rep-ack-textarea {
      background:rgba(255,255,255,0.96);
      border-color:rgba(245, 161, 0, 0.25);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.85);
      border-radius:14px;
      padding:14px 16px;
      font-size:14px;
      line-height:1.55;
    }
    .coaching-reply-textarea.rep-ack-textarea:focus {
      border-color:var(--yellow-500);
      box-shadow:0 0 0 4px rgba(245,161,0,0.12);
    }
    .coaching-reply-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .coaching-reply-send {
      min-width:120px;
      justify-content:center;
      box-shadow:0 8px 18px rgba(245,161,0,0.22);
    }
    .coaching-reply-send.is-loading {
      opacity:0.75;
      cursor:progress;
      transform:none;
    }

    .snap-card { background:var(--white); border-radius:var(--radius-lg); border:1px solid var(--neutral-100); overflow:hidden; box-shadow:var(--shadow-sm); margin-bottom:20px; }
    .snap-head {
      background:
        radial-gradient(circle at top right, rgba(255,255,255,0.18), transparent 34%),
        linear-gradient(135deg, var(--green-500) 0%, #39784a 100%);
      padding:14px 22px; display:flex; align-items:center; justify-content:space-between;
    }
    .snap-head-title { font-size:14px; font-weight:600; color:var(--white); }
    .snap-body {
      padding:22px;
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.08), transparent 28%),
        linear-gradient(180deg, #fffefb 0%, #fffaf0 100%);
    }
    .snap-grid,
    .snap-shell { display:flex; flex-direction:column; gap:16px; }
    .snap-intro-kicker {
      display:inline-flex;
      padding:7px 12px;
      border-radius:999px;
      background:var(--green-100);
      color:var(--green-500);
      font-size:11px;
      font-weight:800;
      letter-spacing:0.55px;
      text-transform:uppercase;
      margin-bottom:8px;
    }
    .snap-intro-copy {
      margin:0;
      color:var(--neutral-700);
      font-size:14px;
      line-height:1.65;
      max-width:60ch;
    }
    .snap-highlight {
      background:linear-gradient(180deg, rgba(255,247,230,0.98) 0%, rgba(255,255,255,0.98) 100%);
      border-color:rgba(245,161,0,0.18);
    }
    .snap-msg {
      background:linear-gradient(180deg, rgba(235,248,239,0.98) 0%, rgba(255,255,255,0.98) 100%);
      border-color:rgba(47,143,87,0.18);
    }

    /* ── VIEW SWITCHER TABS ── */
    .view-tabs {
      display:flex;
      gap:4px;
      background:rgba(255,255,255,0.06);
      border:1px solid rgba(255,255,255,0.06);
      border-radius:999px;
      padding:4px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
      min-width:0;
    }
    .view-tab  {
      padding:8px 18px;
      border-radius:999px;
      font-size:12px;
      font-weight:700;
      cursor:pointer;
      border:none;
      background:transparent;
      color:#b7b7ac;
      font-family:inherit;
      transition:all 0.15s;
      white-space:nowrap;
      max-width:100%;
    }
    .view-tab.active {
      background:linear-gradient(135deg, var(--yellow-500) 0%, #ffb72c 100%);
      color:var(--neutral-900);
      box-shadow:0 6px 16px rgba(245,161,0,0.24);
    }
    .view-tab:hover:not(.active) { color:var(--white); background:rgba(255,255,255,0.04); }

    /* ── ROSTER VIEW ── */
    .roster-view { display:none; max-width:none; margin:36px 0 60px; padding:0 24px; width:calc(100vw - var(--sidebar-w)); }
    .roster-view.show { display:block; }
    .reporting-view { display:none; max-width:none; margin:36px 0 60px; padding:0 24px; width:calc(100vw - var(--sidebar-w)); }
    .reporting-view.show { display:block; }
    .surface-card {
      background:var(--white);
      border:1.5px solid var(--neutral-100);
      border-radius:var(--radius-md);
      box-shadow:var(--shadow-sm);
    }
    .surface-card-quiet {
      background:var(--neutral-50);
      border:1px solid var(--neutral-100);
      border-radius:var(--radius-sm);
      box-shadow:0 8px 20px rgba(18,18,15,0.04);
    }
    .surface-eyebrow {
      font-size:10px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:0.35px;
      color:var(--neutral-400);
      margin-bottom:4px;
    }
    .surface-title-sm {
      font-size:12px;
      font-weight:700;
      color:var(--neutral-900);
      margin-bottom:3px;
    }
    .surface-copy {
      font-size:11px;
      color:var(--neutral-500);
      line-height:1.45;
    }
    .roster-header { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
    .roster-heading { font-family:'Space Grotesk',system-ui,sans-serif; font-size:23px; font-weight:700; letter-spacing:-0.03em; margin-bottom:3px; }
    .roster-sub { font-size:14px; color:var(--neutral-500); }
    .dept-filter { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:20px; }
    .dept-tab { padding:6px 14px; border-radius:20px; border:1.5px solid var(--neutral-300); background:var(--white); font-size:12px; font-weight:600; color:var(--neutral-500); cursor:pointer; transition:all 0.15s; font-family:inherit; }
    .dept-tab.active { border-color:var(--yellow-500); background:var(--yellow-50); color:var(--yellow-600); }
    .rep-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(285px, 1fr)); gap:14px; }
    .rep-grid .rep-card { animation:surfaceEnter 420ms ease both; }
    .rep-grid .rep-card:nth-child(1) { animation-delay:40ms; }
    .rep-grid .rep-card:nth-child(2) { animation-delay:70ms; }
    .rep-grid .rep-card:nth-child(3) { animation-delay:100ms; }
    .rep-grid .rep-card:nth-child(4) { animation-delay:130ms; }
    .rep-grid .rep-card:nth-child(5) { animation-delay:160ms; }
    .rep-grid .rep-card:nth-child(6) { animation-delay:190ms; }
    .rep-card { padding:18px 20px; cursor:pointer; transition:all 0.18s; }
    .rep-card:hover { border-color:var(--yellow-500); box-shadow:0 16px 28px rgba(18,18,15,0.08); transform:translateY(-2px); }
    .rep-card-highlighted { border-color:var(--yellow-500); box-shadow:0 0 0 1px rgba(245,161,0,0.16), var(--shadow-md); }
    .spotlight-wrap { margin:0 0 16px; animation:surfaceEnter 420ms ease; }
    .spotlight-card {
      display:grid;
      grid-template-columns:minmax(0, 1.25fr) minmax(280px, 0.95fr);
      gap:14px;
      padding:16px;
      border-radius:18px;
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.12), transparent 28%),
        linear-gradient(180deg, #fffefb 0%, #fff9ef 100%);
      border:1.5px solid #ffd37a;
      box-shadow:0 16px 38px rgba(74,48,0,0.08);
    }
    .spotlight-card.dept-theme-sales {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.14), transparent 28%),
        linear-gradient(180deg, #fffefb 0%, #fff9ef 100%);
    }
    .spotlight-card.dept-theme-support {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.08), transparent 24%),
        linear-gradient(180deg, #fffefc 0%, #f8f4ec 100%);
      border-color:#d9c29a;
      box-shadow:0 16px 38px rgba(35,28,17,0.08);
    }
    .spotlight-main,
    .spotlight-side { min-width:0; }
    .spotlight-eyebrow { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.5px; color:var(--yellow-600); margin-bottom:8px; }
    .spotlight-head { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; margin-bottom:10px; }
    .spotlight-title { font-family:'Space Grotesk',system-ui,sans-serif; font-size:26px; line-height:1.02; letter-spacing:-0.04em; margin-bottom:4px; }
    .spotlight-copy { font-size:13px; color:var(--neutral-700); line-height:1.55; max-width:720px; }
    .spotlight-metric-strip { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; margin:12px 0 6px; }
    .spotlight-metric-chip {
      padding:10px 12px;
      border-radius:14px;
      border:1px solid rgba(196,196,187,0.55);
      background:rgba(255,255,255,0.76);
      display:flex;
      flex-direction:column;
      gap:4px;
    }
    .spotlight-metric-label {
      font-size:10px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:0.35px;
      color:var(--neutral-500);
    }
    .spotlight-metric-chip strong {
      font-size:18px;
      line-height:1;
      font-family:'Space Grotesk',system-ui,sans-serif;
    }
    .spotlight-metric-good strong { color:var(--green-400); }
    .spotlight-metric-warn strong { color:var(--yellow-600); }
    .spotlight-metric-bad strong { color:var(--red-500); }
    .spotlight-signal-stack { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
    .signal-chip { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border-radius:999px; font-size:11px; font-weight:800; border:1px solid transparent; box-shadow:0 10px 22px rgba(18,18,15,0.05); }
    .signal-chip-risk { background:#fff1db; color:var(--yellow-600); border-color:#ffd37a; }
    .signal-chip-bad { background:#fde8e8; color:var(--red-500); border-color:#f4b7af; }
    .signal-chip-good { background:var(--green-100); color:var(--green-500); border-color:#bfe0cb; }
    .signal-chip-info { background:var(--blue-100); color:var(--blue-700); border-color:#c5d8f8; }
    .spotlight-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
    .spotlight-side { border-radius:16px; background:rgba(255,255,255,0.8); border:1px solid rgba(196,196,187,0.6); padding:14px 15px; }
    .spotlight-side-title { font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:0.45px; color:var(--neutral-500); margin-bottom:10px; }
    .spotlight-side-list { display:flex; flex-direction:column; gap:8px; }
    .spotlight-side-item { padding:9px 10px; border-radius:12px; background:rgba(255,249,238,0.88); border:1px solid rgba(255,211,122,0.6); }
    .spotlight-side-item strong { display:block; font-size:12px; margin-bottom:2px; }
    .spotlight-side-item span { font-size:11px; color:var(--neutral-600); line-height:1.45; }
    .rep-card-header { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:12px; }
    .rep-avatar { width:40px; height:40px; border-radius:50%; background:var(--yellow-100); color:var(--yellow-600); font-weight:700; font-size:15px; display:flex; align-items:center; justify-content:center; flex-shrink:0; letter-spacing:-0.5px; }
    .rep-name { font-size:15px; font-weight:700; margin-bottom:3px; }
    .rep-dept-tag { font-size:10px; font-weight:700; padding:2px 8px; border-radius:20px; letter-spacing:0.2px; text-transform:uppercase; }
    .rep-dept-sales { background:var(--yellow-100); color:var(--yellow-600); }
    .rep-dept-cs { background:var(--blue-100); color:var(--blue-700); }
    .rep-mgr { font-size:12px; color:var(--neutral-500); margin-bottom:12px; }
    .rep-last-touch { font-size:11px; font-weight:600; color:var(--neutral-500); margin-bottom:8px; }
    .rep-trend-chips { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px; }
    .rep-trend-chip { font-size:10px; font-weight:700; padding:4px 8px; border-radius:999px; }
    .rep-trend-good { background:var(--green-100); color:var(--green-500); }
    .rep-trend-warn { background:var(--yellow-100); color:var(--yellow-600); }
    .rep-trend-bad { background:#fde8e8; color:var(--red-500); }
    .rep-kpi-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px 10px; margin-bottom:10px; }
    .rep-kpi-item { margin-bottom:0; }
    .rep-kpi-row { display:flex; justify-content:space-between; align-items:center; margin-bottom:3px; }
    .rep-kpi-label { font-size:10px; font-weight:700; color:var(--neutral-500); text-transform:uppercase; letter-spacing:0.3px; }
    .rep-kpi-value { font-size:12px; font-weight:700; }
    .kpi-bar-wrap { background:var(--neutral-100); border-radius:4px; height:4px; overflow:hidden; }
    .kpi-bar { height:100%; border-radius:4px; transition:width 0.4s ease; }
    .rep-scorecard-compact { display:grid; gap:8px; margin:10px 0 0; }
    .rep-scorecard-compact-section { border:1px solid rgba(23,23,19,0.08); border-radius:12px; overflow:hidden; background:rgba(255,255,255,0.8); }
    .rep-scorecard-compact-title { padding:7px 10px; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.08em; color:var(--white); }
    .rep-scorecard-compact-section.rep-scorecard-section-goal .rep-scorecard-compact-title { background:linear-gradient(90deg, #22543d 0%, #2f855a 100%); }
    .rep-scorecard-compact-section.rep-scorecard-section-conversion .rep-scorecard-compact-title { background:linear-gradient(90deg, #d69e2e 0%, #f6ad55 100%); }
    .rep-scorecard-compact-section.rep-scorecard-section-utilization .rep-scorecard-compact-title { background:linear-gradient(90deg, #5f5f63 0%, #7b7b82 100%); }
    .rep-scorecard-compact-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); }
    .rep-scorecard-compact-item { padding:9px 8px; border-right:1px solid rgba(23,23,19,0.08); border-top:1px solid rgba(23,23,19,0.06); }
    .rep-scorecard-compact-item:last-child { border-right:none; }
    .rep-scorecard-compact-label { display:block; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; color:var(--neutral-500); margin-bottom:5px; }
    .rep-scorecard-compact-value { display:block; font-size:15px; font-weight:800; color:var(--neutral-900); line-height:1.05; }
    .kpi-good { color:var(--green-400); } .kpi-warn { color:var(--yellow-600); } .kpi-bad { color:var(--red-500); }
    .kpi-bar-good { background:var(--green-400); } .kpi-bar-warn { background:var(--yellow-500); } .kpi-bar-bad { background:var(--red-500); }
    .rep-next-action { margin-top:10px; padding:10px 12px; }
    .rep-next-action-label { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.35px; color:var(--neutral-400); margin-bottom:4px; }
    .rep-next-action-title { font-size:12px; font-weight:700; margin-bottom:3px; }
    .rep-next-action-sub { font-size:11px; color:var(--neutral-500); line-height:1.45; }
    .rep-next-action-btn { margin-top:10px; }
    .rep-why-card { margin-top:10px; padding:10px 12px; background:#fff9ee; border-color:var(--yellow-200); }
    .rep-why-label { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.35px; color:var(--yellow-600); margin-bottom:6px; }
    .rep-why-list { display:flex; flex-direction:column; gap:5px; }
    .rep-why-item { font-size:11px; color:var(--neutral-600); line-height:1.45; }
    .rep-quick-actions { margin-top:10px; display:flex; gap:8px; flex-wrap:wrap; }
    .rep-insight-stack { display:grid; gap:10px; margin-top:10px; }
    .rep-card-footer { margin-top:12px; padding-top:12px; border-top:1px solid var(--neutral-100); display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; }
    .rep-plans-badge { font-size:11px; color:var(--neutral-400); }
    .rep-status-dot { width:9px; height:9px; border-radius:50%; flex-shrink:0; }
    .rep-status-good { background:var(--green-400); } .rep-status-warn { background:var(--yellow-500); } .rep-status-bad { background:var(--red-500); }
    .rep-compare-selected { border-color:var(--green-400) !important; color:var(--green-500) !important; background:var(--green-100) !important; }

    /* ── TEAM DASHBOARD ── */
    .team-dash { border-radius:var(--radius-lg); margin-bottom:20px; overflow:hidden; }
    .team-dash-head { background:var(--neutral-900); padding:18px 22px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
    .team-dash.dept-theme-sales .team-dash-head {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.2), transparent 28%),
        linear-gradient(135deg, #11110f 0%, #1c1913 42%, #332300 100%);
    }
    .team-dash.dept-theme-support .team-dash-head {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.12), transparent 24%),
        linear-gradient(135deg, #12110f 0%, #191713 42%, #272117 100%);
    }
    .team-dash.dept-theme-mixed .team-dash-head {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.14), transparent 26%),
        linear-gradient(135deg, #11110f 0%, #181612 42%, #221c12 100%);
    }
    .team-dash-title { font-size:14px; font-weight:700; color:var(--white); margin-bottom:1px; }
    .team-dash-sub { font-size:11px; color:#9a9a8e; }
    .team-dash-cleanup-btn {
      border-color:rgba(255,255,255,0.12);
      color:var(--white);
      background:rgba(255,255,255,0.05);
    }
    .team-dash-cleanup-btn:hover {
      border-color:var(--yellow-500);
      background:rgba(245,161,0,0.12);
      color:var(--white);
    }
    .team-dash-body { padding:18px; background:linear-gradient(180deg, rgba(249,249,246,0.95) 0%, rgba(255,255,255,1) 28%); }
    .manager-command-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:14px; }
    .manager-command-card { padding:14px 16px; text-align:left; font-family:inherit; cursor:pointer; transition:all 0.16s; }
    .manager-command-card {
      border-radius:18px;
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(251,248,241,0.94) 100%);
      box-shadow:0 14px 28px rgba(18,18,15,0.05);
    }
    .manager-command-card:hover { border-color:var(--yellow-500); transform:translateY(-2px); box-shadow:0 18px 30px rgba(18,18,15,0.08); }
    .manager-command-card.active { border-color:var(--yellow-500); background:linear-gradient(180deg, #fffefb 0%, #fff4dc 100%); box-shadow:0 0 0 1px rgba(245,161,0,0.12), 0 18px 30px rgba(245,161,0,0.12); }
    .manager-command-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
    .manager-command-icon { font-size:18px; }
    .manager-command-count { font-size:20px; font-weight:700; }
    .manager-command-title { font-size:14px; font-weight:700; margin-bottom:4px; }
    .manager-command-sub { font-size:12px; color:var(--neutral-700); margin-bottom:4px; }
    .manager-command-detail { font-size:11px; color:var(--neutral-500); line-height:1.45; }
    .time-mode-strip { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
    .team-dashboard-controls-row,
    .rep-kpi-controls-row { display:flex; gap:12px; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-bottom:12px; }
    .rep-kpi-controls-row {
      justify-content:flex-start;
      margin-bottom:10px;
    }
    .rep-results-range-shell {
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
      margin-left:4px;
    }
    .rep-results-range-shell .weekly-results-inline-controls-compact {
      justify-content:flex-start;
      justify-items:start;
      gap:4px;
    }
    .rep-results-range-shell .weekly-results-select-field-compact {
      min-width:172px;
    }
    .rep-results-range-shell .weekly-results-select-field-compact span {
      font-size:11px;
      margin-bottom:2px;
    }
    .rep-results-range-shell .weekly-results-select-field-compact select {
      width:172px;
      min-height:40px;
      padding:7px 34px 7px 11px;
      font-size:13px;
      border-radius:12px;
    }
    .rep-results-range-shell .weekly-results-custom-shell {
      width:min(440px, calc(100vw - 56px));
    }
    .time-mode-btn { display:flex; flex-direction:column; gap:2px; border:1.5px solid var(--neutral-200); background:var(--white); border-radius:999px; padding:8px 12px; font-family:inherit; cursor:pointer; transition:all 0.15s; }
    .time-mode-btn span { font-size:12px; font-weight:700; color:var(--neutral-700); }
    .time-mode-btn small { font-size:10px; color:var(--neutral-400); }
    .time-mode-btn.active { border-color:var(--yellow-500); background:var(--yellow-50); }
    .weekly-results-inline-controls { display:grid; gap:10px; justify-items:end; min-width:min(100%, 420px); }
    .weekly-results-select-field { min-width:220px; max-width:300px; width:100%; }
    .weekly-results-helper {
      width:100%;
      padding:10px 12px;
      border-radius:14px;
      background:rgba(245,161,0,0.08);
      border:1px solid rgba(245,161,0,0.16);
      font-size:11px;
      font-weight:600;
      color:#8a5a00;
      line-height:1.5;
      justify-self:stretch;
    }
    .weekly-results-inline-controls-compact {
      display:flex;
      align-items:flex-end;
      gap:6px;
      min-width:0;
    }
    .weekly-results-select-field-compact {
      min-width:188px;
      max-width:none;
      width:auto;
      margin:0;
    }
    .weekly-results-select-field-compact span {
      font-size:10px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:0.42px;
      color:var(--neutral-400);
      margin-bottom:3px;
    }
    .weekly-results-select-field-compact select {
      min-height:42px;
      padding:8px 40px 8px 12px;
      font-size:14px;
      border-radius:14px;
      box-shadow:var(--shadow-sm);
      width:188px;
    }
    .team-reporting-filter-range .weekly-results-inline-controls-compact .weekly-results-custom-shell {
      position:absolute;
      top:calc(100% + 8px);
      right:0;
      width:min(480px, calc(100vw - 56px));
      z-index:8;
    }
    .team-reporting-filter-range { position:relative; }
    .weekly-results-custom-shell { display:grid; gap:10px; width:100%; padding:12px 14px; border:1px solid var(--neutral-200); border-radius:18px; background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(247,245,240,0.96) 100%); box-shadow:0 10px 22px rgba(18,18,15,0.05); }
    .weekly-results-custom-shell.is-hidden { display:none; }
    .weekly-results-custom-summary { font-size:12px; color:var(--neutral-500); line-height:1.5; }
    .weekly-results-custom-row { display:flex; gap:10px; flex-wrap:wrap; align-items:flex-end; }
    .weekly-results-date-field { min-width:148px; }
    .weekly-results-custom-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:flex-end; }
    .weekly-results-custom-row.is-hidden { display:none; }
    .weekly-results-summary-row { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
    .weekly-results-list { display:grid; gap:10px; }
    .weekly-results-row { display:grid; grid-template-columns:minmax(150px, 0.9fr) minmax(190px, 1fr) minmax(180px, 1fr); gap:12px; align-items:center; padding:12px 14px; border-radius:16px; }
    .weekly-results-week { display:grid; gap:4px; }
    .weekly-results-week strong { font-size:13px; }
    .weekly-results-week span { font-size:11px; color:var(--neutral-500); }
    .weekly-results-primary { display:grid; gap:3px; }
    .weekly-results-metric-label { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.4px; color:var(--neutral-500); }
    .weekly-results-primary strong { font-size:19px; line-height:1; font-family:'Space Grotesk',system-ui,sans-serif; }
    .weekly-results-primary span:last-child { font-size:11px; color:var(--neutral-500); }
    .weekly-results-meta { display:grid; gap:6px; justify-items:start; }
    .weekly-results-chip-row { display:flex; gap:6px; flex-wrap:wrap; }
    .weekly-results-split { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
    .weekly-results-pane { display:grid; gap:10px; min-width:0; }
    .weekly-results-pane-head { display:flex; justify-content:space-between; align-items:baseline; gap:8px; }
    .weekly-results-pane-head strong { font-size:14px; }
    .weekly-results-pane-head span { font-size:11px; color:var(--neutral-500); }
    .rep-weekly-results-list .weekly-results-row { grid-template-columns:minmax(140px, 0.9fr) minmax(0, 1.1fr); }
    .team-kpi-strip { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-bottom:16px; }
    .team-kpi-card { padding:14px 16px; font-family:inherit; cursor:pointer; text-align:left; transition:all 0.16s; border-radius:18px; background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(251,248,241,0.94) 100%); box-shadow:0 14px 28px rgba(18,18,15,0.05); }
    .team-kpi-card:hover { border-color:var(--yellow-500); transform:translateY(-2px); box-shadow:0 18px 30px rgba(18,18,15,0.08); }
    .team-kpi-card.active { border-color:var(--yellow-500); background:linear-gradient(180deg, #fffefb 0%, #fff3da 100%); box-shadow:0 0 0 1px rgba(245,161,0,0.14), 0 18px 30px rgba(245,161,0,0.12); }
    .team-kpi-label { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.4px; color:var(--neutral-400); margin-bottom:4px; }
    .team-kpi-value { font-size:28px; font-weight:700; line-height:1; margin-bottom:3px; }
    .team-kpi-sub   { font-size:11px; color:var(--neutral-400); }
    .team-kpi-bar   { margin-top:7px; background:var(--neutral-100); border-radius:4px; height:4px; overflow:hidden; }
    .team-kpi-bar-fill { height:100%; border-radius:4px; transition:width 0.5s ease; }
    .team-kpi-driver { margin-top:12px; padding-top:12px; border-top:1px solid var(--neutral-100); }
    .team-kpi-driver-label { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.35px; color:var(--neutral-400); margin-bottom:6px; }
    .team-kpi-driver-card { width:100%; display:flex; justify-content:space-between; align-items:center; gap:8px; border:1.5px solid var(--yellow-200); background:var(--yellow-50); border-radius:var(--radius-sm); padding:9px 10px; cursor:pointer; font-family:inherit; }
    .team-kpi-driver-name { font-size:12px; font-weight:700; color:var(--neutral-900); text-align:left; }
    .team-kpi-driver-gap { font-size:11px; color:var(--yellow-600); font-weight:700; text-align:right; }
    .team-dashboard-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; align-items:start; }
.team-dashboard-section {
  margin-top:14px;
  padding:14px 16px;
  border-radius:22px;
  border:1px solid rgba(214,191,142,0.34);
  background:
    radial-gradient(circle at top right, rgba(245,161,0,0.14), transparent 30%),
    radial-gradient(circle at top left, rgba(255,255,255,0.66), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(252,248,239,0.97) 100%);
  box-shadow:0 28px 46px rgba(18,18,15,0.08);
  backdrop-filter:blur(10px);
}
    .team-dashboard-section-toggle {
      width:100%;
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:12px;
      padding:0;
      border:none;
      background:transparent;
      cursor:pointer;
      text-align:left;
      font:inherit;
      color:inherit;
    }
    .team-dashboard-section-copy {
      flex:1;
      min-width:0;
    }
    .team-dashboard-section-title {
      font-size:18px;
      font-weight:800;
      color:var(--neutral-900);
    }
    .team-dashboard-section-sub {
      margin-top:4px;
      font-size:13px;
      color:var(--neutral-500);
      line-height:1.45;
    }
    .team-dashboard-section-meta {
      display:flex;
      align-items:center;
      gap:10px;
      flex-shrink:0;
    }
    .team-dashboard-section-chevron {
      width:34px;
      height:34px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      border:1px solid var(--neutral-200);
      background:var(--white);
      color:var(--neutral-700);
      font-size:18px;
      font-weight:700;
      box-shadow:0 10px 20px rgba(18,18,15,0.08);
    }
    .team-dashboard-section-body {
      margin-top:14px;
      max-height:2600px;
      opacity:1;
      overflow:hidden;
      transition:max-height 0.32s ease, opacity 0.18s ease, margin-top 0.18s ease;
    }
    .team-dashboard-section.is-collapsed .team-dashboard-section-body {
      max-height:0;
      opacity:0;
      margin-top:0;
      pointer-events:none;
    }
    .team-dashboard-column { display:flex; flex-direction:column; gap:14px; min-width:0; }
    .team-dashboard-grid .rdv-card { align-self:start; height:auto; margin:0; }
    .team-dashboard-grid-customizable {
      grid-template-columns:repeat(12, minmax(0, 1fr));
      grid-auto-rows:8px;
      grid-auto-flow:dense;
      gap:14px;
      align-items:start;
    }
    .team-dashboard-grid-customizable.team-dashboard-grid-freeform {
      display:grid;
      position:static;
      min-height:0;
    }
    body.team-dashboard-dragging {
      user-select:none;
      cursor:grabbing;
    }
    .team-dashboard-grid-customizable.is-sorting { cursor:grabbing; }
    .team-dashboard-grid-customizable .team-dashboard-tile { min-width:0; }
    .team-dashboard-grid-customizable.team-dashboard-grid-freeform .team-dashboard-tile {
      position:relative;
      margin:0;
    }
    .team-dashboard-grid-customizable .team-dashboard-tile.is-dragging {
      z-index:8;
      box-shadow:0 24px 42px rgba(18,18,15,0.18);
      transition:none;
    }
    .team-dashboard-grid-customizable .team-dashboard-tile.is-drag-placeholder {
      opacity:0.26;
      box-shadow:none;
      filter:saturate(0.88);
    }
    .team-dashboard-grid-customizable .team-dashboard-tile.drop-target {
      border-color:var(--yellow-500);
      box-shadow:0 0 0 2px rgba(245,161,0,0.12), var(--shadow-md);
      background:linear-gradient(180deg, #fffefb 0%, #fff8ea 100%);
    }
    .team-dashboard-drag-preview {
      position:fixed;
      z-index:40;
      pointer-events:none;
      margin:0;
      transform:rotate(-1deg);
      box-shadow:0 28px 46px rgba(18,18,15,0.22);
    }
    .team-dashboard-grid-customizable .team-dashboard-tile-compact { grid-column:span 4; }
    .team-dashboard-grid-customizable .team-dashboard-tile-medium { grid-column:span 6; }
    .team-dashboard-grid-customizable .team-dashboard-tile-large { grid-column:span 8; }
    .team-dashboard-grid-customizable .team-dashboard-tile-wide { grid-column:1 / -1; }
    .reporting-stage { margin-bottom:18px; }
.reporting-workspace-bar {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  flex-wrap:wrap;
  padding:14px 16px;
  margin-bottom:14px;
  border-radius:18px;
  border:1px solid rgba(214,191,142,0.32);
  background:
    radial-gradient(circle at top right, rgba(245,161,0,0.13), transparent 34%),
    radial-gradient(circle at top left, rgba(255,255,255,0.64), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(252,249,242,0.96) 100%);
  box-shadow:0 22px 38px rgba(18,18,15,0.07);
}
    .reporting-workspace-title {
      font-family:'Space Grotesk',system-ui,sans-serif;
      font-size:20px;
      font-weight:700;
      line-height:1.08;
      color:var(--neutral-900);
      margin-top:2px;
    }
    .reporting-workspace-copy {
      margin-top:6px;
      font-size:12px;
      line-height:1.6;
      color:var(--neutral-500);
    }
    .reporting-workspace-pills {
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }
    .reporting-meta-row {
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin:16px 0 18px;
    }
    .reporting-filter-bar {
      margin-bottom:16px;
    }
    .reporting-dept-filter {
      margin-bottom:0;
    }
    .reporting-owner-head {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
      margin:0 0 10px;
    }
    .reporting-owner-strip {
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin:0 0 18px;
    }
    .reporting-owner-chip {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:9px 14px;
      border-radius:999px;
      border:1px solid var(--neutral-100);
      background:var(--white);
      font-size:13px;
      font-weight:600;
      color:var(--neutral-700);
      box-shadow:var(--shadow-xs);
      cursor:pointer;
      transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, color .16s ease;
    }
    .reporting-owner-chip:hover { transform:translateY(-1px); box-shadow:var(--shadow-sm); border-color:rgba(245,161,0,0.28); }
    .reporting-owner-chip.active { color:var(--yellow-700); border-color:rgba(245,161,0,0.34); background:var(--yellow-50); }
    .reporting-summary-grid {
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:14px;
    }
    .reporting-summary-card {
      padding:16px 18px;
      min-height:148px;
      cursor:pointer;
      transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
    }
    .reporting-summary-card:hover { transform:translateY(-2px); box-shadow:var(--shadow-md); }
    .reporting-summary-card.active { border-color:rgba(245,161,0,0.32); box-shadow:0 0 0 1px rgba(245,161,0,0.12), var(--shadow-md); }
    .reporting-summary-value {
      font-family:'Space Grotesk',system-ui,sans-serif;
      font-size:36px;
      font-weight:700;
      line-height:1;
      letter-spacing:-1px;
      margin:10px 0;
      color:var(--neutral-900);
    }
    .reporting-summary-value.hubspot-likely { color:var(--green-400); }
    .reporting-summary-value.hubspot-uncertain { color:var(--yellow-500); }
    .reporting-summary-value.hubspot-unlikely { color:var(--red-500); }
    .hubspot-likely-text { color:var(--green-400); }
    .reporting-dashboard-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
    .reporting-list { display:grid; gap:12px; }
    .reporting-list-row,
    .reporting-risk-row {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
      padding:12px 0;
      border-bottom:1px solid var(--neutral-100);
    }
    .reporting-list-row:last-child,
    .reporting-risk-row:last-child { border-bottom:none; padding-bottom:0; }
    .reporting-list-rank {
      font-size:15px;
      font-weight:700;
      line-height:1.25;
      color:var(--neutral-900);
    }
    .reporting-list-copy {
      margin-top:4px;
      font-size:12px;
      color:var(--neutral-500);
    }
    .reporting-chip-group {
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      gap:8px;
      align-items:center;
    }
    .reporting-chip {
      display:inline-flex;
      align-items:center;
      padding:6px 10px;
      border-radius:999px;
      background:var(--neutral-50);
      border:1px solid var(--neutral-100);
      font-size:12px;
      font-weight:700;
      color:var(--neutral-700);
      white-space:nowrap;
    }
    .reporting-chip-positive {
      background:var(--green-100);
      color:var(--green-500);
      border-color:rgba(42,122,75,0.18);
    }
    .reporting-chip-neutral {
      background:var(--yellow-50);
      color:var(--yellow-600);
      border-color:rgba(245,161,0,0.22);
    }
    .reporting-risk-value {
      min-width:104px;
      text-align:right;
      font-size:13px;
      font-weight:700;
      color:var(--neutral-700);
    }
    .reporting-risk-value.is-hot { color:var(--red-500); }
    .reporting-manager-metric {
      min-width:96px;
      text-align:right;
      font-size:12px;
      font-weight:700;
      color:var(--neutral-700);
      display:grid;
      gap:6px;
    }
    .reporting-stage-aging {
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:12px;
    }
    .reporting-stage-chip { padding:14px 16px; }
    .reporting-stage-age {
      font-family:'Space Grotesk',system-ui,sans-serif;
      font-size:28px;
      font-weight:700;
      letter-spacing:-0.8px;
      margin:8px 0 4px;
      color:var(--neutral-900);
    }
    .reporting-owner-focus-card { display:grid; gap:14px; }
    .reporting-owner-focus-kpis {
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:12px;
    }
    .reporting-owner-focus-stat { padding:14px 16px; }
    .integration-vendor-btn-hubspot {
      background:rgba(255,255,255,0.92);
      border-color:rgba(200,120,0,0.14);
    }
    .sidebar-icon-hubspot {
      display:inline-flex;
      align-items:center;
      justify-content:center;
    }
    .hubspot-brand-lockup {
      display:inline-flex;
      align-items:center;
      gap:8px;
    }
    .hubspot-mark {
      position:relative;
      display:inline-block;
      width:16px;
      height:16px;
      color:#ff7a59;
      flex:0 0 auto;
    }
    .hubspot-mark-compact {
      width:14px;
      height:14px;
    }
    .hubspot-core,
    .hubspot-node {
      position:absolute;
      display:block;
      border-radius:999px;
      background:currentColor;
    }
    .hubspot-core {
      width:7px;
      height:7px;
      left:3px;
      top:4px;
    }
    .hubspot-node {
      width:4px;
      height:4px;
    }
    .hubspot-node-top {
      top:0;
      left:6px;
    }
    .hubspot-node-right {
      right:0;
      top:5px;
    }
    .hubspot-node-bottom {
      left:1px;
      bottom:0;
    }
    .hubspot-arm {
      position:absolute;
      display:block;
      background:currentColor;
      transform-origin:center;
      border-radius:999px;
    }
    .hubspot-arm-top {
      width:2px;
      height:6px;
      left:7px;
      top:1px;
    }
    .hubspot-arm-right {
      width:6px;
      height:2px;
      right:2px;
      top:6px;
    }
    .hubspot-arm-bottom {
      width:2px;
      height:6px;
      left:4px;
      bottom:1px;
      transform:rotate(45deg);
    }
    .team-dashboard-tile-head { align-items:flex-start; }
    .team-dashboard-tile-head-draggable { cursor:grab; }
    .team-dashboard-tile-head-draggable:active { cursor:grabbing; }
    .team-dashboard-tile-title-wrap { flex:1; min-width:0; }
    .team-dashboard-tile-tools {
      display:flex;
      align-items:center;
      gap:10px;
      margin-left:auto;
      flex-shrink:0;
      opacity:1;
    }
    .team-dashboard-size-picker {
      position:relative;
      display:flex;
      align-items:center;
      gap:4px;
    }
    .team-dashboard-size-trigger {
      min-width:30px;
      height:28px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      border:1px solid var(--neutral-200);
      background:var(--white);
      color:var(--neutral-600);
      font-size:11px;
      font-weight:800;
      font-family:inherit;
      cursor:pointer;
      transition:all 0.14s;
      padding:0 9px;
      box-shadow:0 6px 14px rgba(18,18,15,0.06);
    }
    .team-dashboard-size-trigger:hover {
      border-color:var(--yellow-500);
      background:var(--yellow-50);
      color:var(--yellow-700);
    }
    .team-dashboard-size-menu {
      position:absolute;
      top:calc(100% + 8px);
      right:0;
      display:flex;
      align-items:center;
      gap:4px;
      padding:6px;
      border-radius:14px;
      border:1px solid rgba(18,18,15,0.08);
      background:rgba(255,255,255,0.96);
      box-shadow:0 18px 32px rgba(18,18,15,0.12);
      z-index:12;
    }
    .team-dashboard-size-btn {
      width:24px;
      height:24px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      border:1px solid var(--neutral-200);
      background:var(--white);
      color:var(--neutral-500);
      font-size:10px;
      font-weight:800;
      font-family:inherit;
      cursor:pointer;
      transition:all 0.14s;
      padding:0;
    }
    .team-dashboard-size-btn:hover {
      border-color:var(--yellow-500);
      background:var(--yellow-50);
      color:var(--yellow-700);
    }
    .team-dashboard-size-btn.is-active {
      border-color:var(--yellow-500);
      background:linear-gradient(135deg, rgba(245,161,0,0.14) 0%, rgba(255,183,44,0.2) 100%);
      color:var(--yellow-700);
      box-shadow:0 0 0 1px rgba(245,161,0,0.08);
    }
    .team-dashboard-hide-btn {
      width:28px;
      height:28px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      border:1px solid var(--neutral-200);
      background:var(--white);
      color:var(--neutral-400);
      font-size:16px;
      font-weight:700;
      font-family:inherit;
      cursor:pointer;
      transition:all 0.14s;
      padding:0;
      line-height:1;
    }
    .team-dashboard-hide-btn:hover {
      border-color:var(--red-500);
      background:#fff3f2;
      color:var(--red-500);
    }
    .team-dashboard-drag-handle {
      width:28px;
      height:28px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:10px;
      border:1px dashed var(--neutral-200);
      background:var(--neutral-50);
      color:var(--neutral-400);
      font-size:14px;
      font-weight:700;
      letter-spacing:0;
      cursor:grab;
      user-select:none;
      transition:all 0.14s;
    }
    .team-dashboard-drag-handle:hover {
      border-color:var(--yellow-500);
      background:var(--yellow-50);
      color:var(--yellow-700);
    }
    .team-dashboard-drag-handle:active { cursor:grabbing; }
    .team-dashboard-hidden-strip {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      padding:12px 14px;
      border:1px dashed rgba(18,18,15,0.12);
      border-radius:18px;
      background:linear-gradient(180deg, rgba(255,252,245,0.96) 0%, rgba(255,248,234,0.92) 100%);
      margin-bottom:14px;
    }
    .team-dashboard-hidden-copy {
      display:flex;
      flex-direction:column;
      gap:3px;
      min-width:0;
    }
    .team-dashboard-hidden-title {
      font-size:13px;
      font-weight:800;
      color:var(--neutral-900);
    }
    .team-dashboard-hidden-sub {
      font-size:12px;
      color:var(--neutral-500);
    }
    .team-dashboard-hidden-actions {
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }
    .team-dashboard-restore-chip {
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:7px 12px;
      border-radius:999px;
      border:1px solid rgba(245,161,0,0.3);
      background:rgba(255,255,255,0.9);
      color:var(--yellow-700);
      font-size:12px;
      font-weight:700;
      font-family:inherit;
      cursor:pointer;
      transition:all 0.14s;
    }
    .team-dashboard-restore-chip:hover {
      border-color:var(--yellow-500);
      background:var(--yellow-50);
      color:var(--neutral-900);
    }
    .team-dashboard-empty-state {
      padding:18px;
      margin-bottom:14px;
    }
    .team-dashboard-empty-title {
      font-size:15px;
      font-weight:800;
      color:var(--neutral-900);
      margin-bottom:4px;
    }
    .team-dashboard-empty-sub {
      font-size:13px;
      color:var(--neutral-500);
      line-height:1.5;
    }
    .team-layout-hidden-panel {
      margin-top:10px;
      padding-top:12px;
      border-top:1px solid var(--neutral-200);
    }
    .team-layout-hidden-title {
      font-size:12px;
      font-weight:800;
      color:var(--neutral-700);
      margin-bottom:8px;
      text-transform:uppercase;
      letter-spacing:0.08em;
    }
    .team-layout-hidden-row {
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }
    .rep-workspace-canvas {
      display:grid;
      grid-template-columns:repeat(12, minmax(0, 1fr));
      grid-auto-rows:8px;
      grid-auto-flow:dense;
      gap:14px;
      align-items:start;
      min-height:0;
      margin-bottom:12px;
    }
    .rep-workspace-toolbar {
      display:flex;
      justify-content:flex-end;
      margin:0 0 10px;
    }
    .rep-workspace-canvas.rep-workspace-canvas-freeform .rep-workspace-tile {
      position:relative;
      margin:0;
    }
    body.rep-workspace-dragging {
      user-select:none;
      cursor:grabbing;
    }
    .rep-workspace-tile {
      min-width:0;
      position:relative;
    }
    .rep-workspace-canvas .rep-workspace-tile-compact { grid-column:span 4; }
    .rep-workspace-canvas .rep-workspace-tile-medium { grid-column:span 6; }
    .rep-workspace-canvas .rep-workspace-tile-large { grid-column:span 8; }
    .rep-workspace-canvas .rep-workspace-tile-wide { grid-column:1 / -1; }
    .rep-workspace-tile-card {
      position:relative;
      z-index:1;
    }
    .rep-workspace-tile .rdv-card,
    .rep-workspace-tile .rep-game-card {
      margin-bottom:0;
      height:100%;
    }
    .rep-workspace-tile-editable .rdv-card-head,
    .rep-workspace-tile-editable .rep-game-head {
      padding-right:132px;
    }
    .rep-workspace-tile-tools {
      position:absolute;
      top:10px;
      right:10px;
      display:flex;
      align-items:center;
      gap:10px;
      z-index:4;
      opacity:1;
    }
    .rep-workspace-tile.is-dragging {
      z-index:10;
      transition:none;
    }
    .rep-workspace-tile.is-drag-placeholder {
      opacity:0.26;
      filter:saturate(0.88);
      box-shadow:none;
    }
    .rep-workspace-drag-preview {
      position:fixed;
      z-index:40;
      pointer-events:none;
      margin:0;
      transform:rotate(-1deg);
      box-shadow:0 28px 46px rgba(18,18,15,0.22);
    }
    .rep-workspace-hidden-strip {
      margin-bottom:14px;
    }
    .rep-workspace-empty-state {
      margin-bottom:14px;
    }
    .team-status-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; background:var(--neutral-50); border-radius:var(--radius-sm); padding:10px 12px; }
    .team-status-label { font-size:12px; font-weight:600; color:var(--neutral-500); margin-right:2px; }
    .status-pill { display:inline-flex; align-items:center; gap:5px; padding:3px 11px; border-radius:20px; font-size:11px; font-weight:700; }
    .status-pill-dot { width:6px; height:6px; border-radius:50%; }
    .status-pill-good { background:var(--green-100); color:var(--green-500); }
    .status-pill-warn { background:var(--yellow-100); color:var(--yellow-600); }
    .status-pill-bad  { background:#fde8e8; color:var(--red-500); }
    .team-priority-list { display:flex; flex-direction:column; gap:10px; }
    .team-priority-item { padding:12px; cursor:pointer; transition:border-color 0.15s, transform 0.15s; }
    .team-priority-item:hover { border-color:var(--yellow-500); transform:translateY(-2px); background:var(--yellow-50); box-shadow:0 12px 22px rgba(18,18,15,0.06); }
    .team-priority-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:4px; }
    .team-priority-kpi { font-size:12px; font-weight:700; }
    .team-priority-status { font-size:12px; font-weight:700; display:flex; align-items:center; gap:4px; }
    .team-priority-team-label { font-size:10px; font-weight:500; opacity:0.55; letter-spacing:0.03em; text-transform:uppercase; }
    .team-priority-sub { font-size:12px; color:var(--neutral-500); line-height:1.45; }
    .team-phone-strip { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-bottom:12px; }
    .team-phone-stat { padding:12px; display:flex; flex-direction:column; gap:4px; border-radius:16px; background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(251,248,241,0.94) 100%); border:1px solid rgba(23,23,19,0.08); box-shadow:0 12px 24px rgba(18,18,15,0.04); }
    .team-phone-stat-label { font-size:10px; font-weight:700; letter-spacing:0.35px; text-transform:uppercase; color:var(--neutral-400); }
    .team-phone-stat strong { font-size:16px; line-height:1.1; }
    .drilldown-list { display:flex; flex-direction:column; gap:10px; }
    .drilldown-item { display:flex; align-items:center; gap:10px; width:100%; padding:12px 13px; font-family:inherit; cursor:pointer; transition:all 0.18s ease; border-radius:16px; background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(251,248,241,0.94) 100%); }
    .drilldown-item:hover { border-color:var(--yellow-500); background:linear-gradient(180deg, #fffefb 0%, #fff2d6 100%); transform:translateY(-1px); }
    .drilldown-rank { font-size:11px; font-weight:700; color:var(--neutral-400); min-width:24px; }
    .drilldown-name { flex:1; font-size:12px; font-weight:700; text-align:left; }
    .drilldown-score { font-size:12px; font-weight:700; color:var(--yellow-600); }
    .drilldown-empty { font-size:12px; color:var(--neutral-500); line-height:1.5; }
    .workload-grid { display:grid; gap:12px; }
    .workload-block { padding:13px; border-radius:18px; background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(250,247,241,0.94) 100%); }
    .workload-label { font-size:12px; font-weight:700; margin-bottom:2px; }
    .workload-sub { font-size:11px; color:var(--neutral-500); margin-bottom:8px; }
    .workload-list { display:flex; gap:8px; flex-wrap:wrap; }
    .coverage-summary { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-bottom:12px; }
    .agenda-list { display:grid; gap:10px; }
    .agenda-item { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; border:1.5px solid var(--neutral-100); border-radius:14px; padding:12px; background:var(--neutral-50); }
    .agenda-item-overdue { border-color:#f0b3ab; background:#fff5f3; }
    .agenda-item-today { border-color:var(--yellow-200); background:var(--yellow-50); }
    .agenda-item-soon { border-color:#cddaf8; background:#f7faff; }
    .agenda-copy { flex:1; min-width:0; cursor:pointer; }
    .agenda-top { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:3px; }
    .agenda-date { font-size:11px; font-weight:700; color:var(--neutral-500); white-space:nowrap; }
    .agenda-sub { font-size:11px; font-weight:700; color:var(--neutral-500); margin-bottom:4px; }
    .agenda-note { font-size:12px; color:var(--neutral-700); line-height:1.45; }
    .agenda-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
    .agenda-footer-note { margin-top:10px; font-size:11px; color:var(--neutral-400); }
    .agenda-empty { display:flex; flex-direction:column; gap:4px; font-size:12px; color:var(--neutral-500); padding:8px 2px; }
    .coverage-stat { padding:13px; display:flex; flex-direction:column; gap:4px; border-radius:16px; background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(251,248,241,0.94) 100%); }
    .coverage-stat-label { font-size:10px; font-weight:700; letter-spacing:0.35px; text-transform:uppercase; color:var(--neutral-400); }
    .coverage-stat strong { font-size:18px; line-height:1.1; }
    .coverage-stat-sub { font-size:11px; color:var(--neutral-500); }
    .workload-chip { border:1px solid var(--neutral-200); background:var(--white); border-radius:999px; padding:6px 10px; font-size:11px; font-weight:700; font-family:inherit; cursor:pointer; transition:all 0.15s; }
    .workload-chip:hover { border-color:var(--yellow-500); background:var(--yellow-50); }
    .workload-empty { font-size:11px; color:var(--neutral-400); }
    .manager-notes-input { width:100%; min-height:96px; border:1.5px solid var(--neutral-200); border-radius:16px; padding:14px 15px; font-size:13px; line-height:1.6; resize:vertical; font-family:inherit; background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(249,246,239,0.94) 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,0.68); }
    .manager-notes-input:focus { outline:none; border-color:var(--yellow-500); background:var(--white); }
    .compare-tray { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; border:1.5px solid var(--yellow-200); background:var(--yellow-50); border-radius:var(--radius-md); padding:12px 14px; margin-bottom:16px; }
    .compare-tray-title { font-size:12px; font-weight:700; }
    .compare-tray-sub { font-size:11px; color:var(--neutral-500); }
    .compare-tray-chips { display:flex; gap:6px; flex-wrap:wrap; }
    .compare-chip { font-size:11px; font-weight:700; padding:5px 9px; border-radius:999px; background:var(--white); border:1px solid var(--yellow-200); }
    .director-tab-strip { display:flex; gap:8px; flex-wrap:wrap; padding:16px 16px 0; background:linear-gradient(180deg, rgba(249,249,246,0.95) 0%, rgba(255,255,255,1) 28%); }
    .director-jump-strip { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:12px 16px 0; background:linear-gradient(180deg, rgba(249,249,246,0.95) 0%, rgba(255,255,255,1) 28%); }
    .director-jump-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.35px; color:var(--neutral-400); }
    .director-jump-btn { border:1.5px solid var(--neutral-200); background:var(--white); border-radius:999px; padding:7px 12px; font-size:12px; font-weight:700; color:var(--neutral-700); font-family:inherit; cursor:pointer; transition:all 0.15s; }
    .director-jump-btn:hover { border-color:var(--yellow-500); background:var(--yellow-50); color:var(--neutral-900); }
    .director-section { padding:18px; margin-bottom:22px; border:1.5px solid var(--neutral-200); background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,249,246,0.97) 100%); box-shadow:0 18px 34px rgba(18,18,15,0.06); border-radius:22px; }
    .director-section:last-child { margin-bottom:0; }
    .director-section-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid var(--neutral-100); flex-wrap:wrap; }
    .director-section-copy { font-size:12px; color:var(--neutral-500); line-height:1.5; max-width:420px; }
    .director-section-banner { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; margin:-16px -16px 16px; border-radius:var(--radius-md) var(--radius-md) 0 0; border-bottom:1px solid rgba(0,0,0,0.05); }
    .director-section-banner strong { font-size:22px; line-height:1.1; }
    .director-section-banner-eyebrow { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.45px; opacity:0.82; }
    .director-section-banner-org { background:linear-gradient(135deg, #163624 0%, #2A7A4B 100%); color:#fff; }
    .director-section-banner-manager { background:linear-gradient(135deg, #6a4400 0%, #F5A100 100%); color:#1f1400; }
    .director-section-banner-agent { background:linear-gradient(135deg, #183450 0%, #3f79b2 100%); color:#fff; }
    .director-section-banner-manager .director-section-banner-eyebrow { color:rgba(31,20,0,0.72); }
    .director-section-banner-org .director-section-banner-eyebrow { color:rgba(255,255,255,0.78); }
    .director-section-banner-agent .director-section-banner-eyebrow { color:rgba(255,255,255,0.78); }
    .director-rollup-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px; }
    .director-rollup-box { padding:14px; margin-bottom:14px; min-width:0; overflow:hidden; }
    .director-rollup-head { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; margin-bottom:12px; flex-wrap:wrap; }
    .director-rollup-meta { font-size:11px; font-weight:700; color:var(--neutral-400); }
    .director-kpi-strip { margin-bottom:0; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); }
    .director-kpi-card { cursor:default; }
    .director-kpi-card:hover { transform:none; border-color:var(--neutral-200); }
    .director-summary-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:16px; }
    .director-manager-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
    .director-manager-card { padding:14px; min-width:0; overflow:hidden; border:1.5px solid #ffd37a; background:linear-gradient(180deg, #fffdfa 0%, #fff7e8 100%); }
    .director-display-toggle { display:flex; gap:8px; flex-wrap:wrap; margin-left:auto; }
    .director-display-btn { border:1.5px solid var(--neutral-200); background:var(--white); border-radius:999px; padding:7px 12px; font-size:12px; font-weight:700; color:var(--neutral-700); font-family:inherit; cursor:pointer; transition:all 0.15s; }
    .director-display-btn.active { border-color:var(--yellow-500); background:var(--yellow-50); color:var(--neutral-900); }
    .director-manager-top { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; margin-bottom:10px; }
    .director-manager-stats { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:8px; }
    .director-manager-copy { font-size:12px; color:var(--neutral-500); line-height:1.5; margin-bottom:10px; }
    .director-manager-list { display:flex; gap:8px; flex-wrap:wrap; }
    .director-manager-table-wrap { overflow:auto; padding:8px 10px; border:1.5px solid #ffd37a; background:linear-gradient(180deg, #fffdfa 0%, #fff7e8 100%); }
    .director-manager-table { width:100%; min-width:1040px; border-collapse:collapse; }
    .director-manager-table th { font-size:11px; text-transform:uppercase; letter-spacing:0.35px; color:var(--neutral-400); padding:10px 12px; text-align:left; border-bottom:1px solid var(--neutral-100); }
    .director-manager-table td { padding:12px; font-size:12px; border-bottom:1px solid var(--neutral-100); vertical-align:top; }
    .director-manager-table tbody tr { cursor:pointer; transition:background 0.15s; }
    .director-manager-table tbody tr:hover { background:rgba(245,161,0,0.08); }
    .director-inline-status { display:flex; gap:6px; flex-wrap:wrap; }
    .director-rep-table-wrap { padding:10px 12px; overflow:auto; }
    .director-rep-table { width:100%; border-collapse:collapse; min-width:980px; }
    .director-rep-table th { font-size:11px; text-transform:uppercase; letter-spacing:0.35px; color:var(--neutral-400); padding:10px 12px; text-align:left; border-bottom:1px solid var(--neutral-100); }
    .director-rep-table td { padding:12px; font-size:12px; border-bottom:1px solid var(--neutral-100); vertical-align:top; }
    .director-rep-table tbody tr { cursor:pointer; transition:background 0.15s; }
    .director-rep-table tbody tr:hover { background:var(--yellow-50); }
    .director-kpi-chip-wrap { display:flex; gap:6px; flex-wrap:wrap; }
    .director-kpi-chip { display:inline-flex; align-items:center; padding:4px 8px; border-radius:999px; background:var(--neutral-50); border:1px solid var(--neutral-100); font-size:10px; font-weight:700; }
    .director-kpi-chip-points { font-size:9px; font-weight:800; color:var(--neutral-400); margin-left:6px; }
    .director-status { display:inline-flex; padding:5px 9px; border-radius:999px; font-size:10px; font-weight:700; }
    .director-status-good { background:var(--green-100); color:var(--green-500); }
    .director-status-warn { background:var(--yellow-100); color:var(--yellow-600); }
    .director-status-bad { background:#fde8e8; color:var(--red-500); }
    #tourModal {
      z-index:1300;
      position:fixed;
      inset:0;
      display:block;
      padding:0;
      background:transparent;
      backdrop-filter:none;
      pointer-events:none;
    }
    #tourModal.hide { display:none; }
    .tour-modal {
      position:fixed;
      top:120px;
      left:calc(var(--sidebar-w) + 36px);
      width:min(340px, calc(100vw - 32px));
      border-radius:20px;
      padding:16px 18px 14px;
      box-shadow:0 18px 44px rgba(18,18,15,0.18);
      background:rgba(255,255,255,0.98);
      border:1.5px solid rgba(245,161,0,0.24);
      pointer-events:auto;
      z-index:1301;
    }
    .tour-modal.tour-bubble-right .tour-bubble-arrow,
    .tour-modal.tour-bubble-left .tour-bubble-arrow,
    .tour-modal.tour-bubble-top .tour-bubble-arrow,
    .tour-modal.tour-bubble-bottom .tour-bubble-arrow { display:block; }
    .tour-bubble-arrow {
      display:none;
      position:absolute;
      width:16px;
      height:16px;
      background:rgba(255,255,255,0.98);
      border-left:1.5px solid rgba(245,161,0,0.24);
      border-top:1.5px solid rgba(245,161,0,0.24);
      transform:rotate(45deg);
      z-index:-1;
    }
    .tour-modal.tour-bubble-right .tour-bubble-arrow { left:-9px; top:28px; }
    .tour-modal.tour-bubble-left .tour-bubble-arrow { right:-9px; top:28px; transform:rotate(225deg); }
    .tour-modal.tour-bubble-bottom .tour-bubble-arrow { top:-9px; left:34px; transform:rotate(45deg); }
    .tour-modal.tour-bubble-top .tour-bubble-arrow { bottom:-9px; left:34px; transform:rotate(225deg); }
    .tour-progress { display:flex; gap:5px; margin-bottom:10px; }
    .tour-progress-dot { flex:1; height:6px; border-radius:999px; background:var(--neutral-100); }
    .tour-progress-dot.active { background:var(--yellow-500); }
    .tour-progress-dot.done { background:var(--green-400); }
    .tour-topline { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:4px; }
    .tour-eyebrow { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.45px; color:var(--neutral-400); margin-bottom:8px; }
    .tour-topline .tour-eyebrow { margin-bottom:0; }
    .tour-step-meta { font-size:11px; font-weight:700; color:var(--neutral-400); white-space:nowrap; }
    .tour-title { font-size:18px; font-weight:800; letter-spacing:-0.02em; line-height:1.2; margin-bottom:8px; }
    .tour-copy { font-size:13px; color:var(--neutral-700); line-height:1.55; margin-bottom:10px; }
    .tour-callout { padding:10px 12px; border-radius:14px; background:var(--yellow-50); border:1.5px solid var(--yellow-200); color:var(--neutral-700); font-size:11px; line-height:1.45; margin-bottom:10px; }
    .tour-target-hint { font-size:11px; font-weight:700; letter-spacing:0.02em; color:var(--blue-500); margin:0 0 10px; }
    .tour-actions { display:flex; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
    .tour-target-active { position:relative; z-index:1200 !important; border-radius:20px; box-shadow:0 0 0 3px rgba(245,161,0,0.9), 0 0 0 8px rgba(245,161,0,0.18), 0 18px 40px rgba(18,18,15,0.18) !important; transition:box-shadow 180ms ease; }
    .tour-target-active::after { content:''; position:absolute; inset:-8px; border:1.5px dashed rgba(245,161,0,0.55); border-radius:24px; pointer-events:none; }
    @media (max-width: 980px) {
      .ai-draft-topline,
      .briefing-headline-row { flex-direction:column; align-items:flex-start; }
      .briefing-action-row { justify-content:flex-start; }
      .briefing-ops-grid,
      .workspace-sync-grid { grid-template-columns:1fr; }
      .tour-modal {
        left:16px !important;
        right:16px;
        top:auto !important;
        bottom:18px !important;
        width:auto;
      }
      .tour-bubble-arrow { display:none !important; }
    }
    body.dark-mode .ai-draft-note {
      background:rgba(245,161,0,0.12);
      border-color:rgba(245,161,0,0.25);
      color:#ffd37a;
    }
    body.dark-mode .ai-draft-body {
      background:linear-gradient(180deg, rgba(28,28,24,0.98) 0%, rgba(22,22,18,0.98) 100%);
      border-color:rgba(255,255,255,0.08);
      color:rgba(255,255,255,0.9);
    }
    body.dark-mode .ai-brief-hero {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.18), transparent 42%),
        linear-gradient(180deg, rgba(52,40,17,0.95) 0%, rgba(31,25,14,0.98) 100%);
      border-color:rgba(245,161,0,0.2);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
    }
    body.dark-mode .ai-brief-kicker { color:var(--white); }
    body.dark-mode .ai-brief-lead { color:rgba(255,255,255,0.72); }
    body.dark-mode .ai-brief-section,
    body.dark-mode .ai-brief-section-plain {
      background:rgba(255,255,255,0.03);
      border-color:rgba(255,255,255,0.08);
      box-shadow:none;
    }
    body.dark-mode .ai-brief-copy p,
    body.dark-mode .ai-brief-list li,
    body.dark-mode .ai-brief-stat-value { color:rgba(255,255,255,0.92); }
    body.dark-mode .ai-brief-list li {
      background:rgba(255,255,255,0.04);
      border-color:rgba(255,255,255,0.06);
    }
    body.dark-mode .ai-brief-stat {
      background:rgba(255,255,255,0.04);
      border-color:rgba(255,255,255,0.08);
    }
    body.dark-mode .ai-brief-stat-label { color:rgba(255,255,255,0.56); }
    body.dark-mode .assistant-panel {
      background:rgba(18,18,15,0.96);
      border-color:rgba(245,161,0,0.18);
      box-shadow:0 24px 60px rgba(0,0,0,0.42);
    }
    body.dark-mode .assistant-head {
      border-bottom-color:rgba(255,255,255,0.08);
      background:linear-gradient(180deg, rgba(38,30,12,0.96) 0%, rgba(18,18,15,0.96) 100%);
    }
    body.dark-mode .assistant-title { color:var(--white); }
    body.dark-mode .assistant-sub,
    body.dark-mode .assistant-empty { color:rgba(255,255,255,0.62); }
    body.dark-mode .assistant-guidance-hero {
      background:linear-gradient(180deg, rgba(43,34,18,0.94) 0%, rgba(21,21,18,0.98) 100%);
      border-color:#5a4412;
      box-shadow:0 16px 28px rgba(0,0,0,0.22);
    }
    body.dark-mode .assistant-guidance-title,
    body.dark-mode .assistant-guidance-card strong { color:#f5efe2; }
    body.dark-mode .assistant-guidance-copy { color:#c7bead; }
    body.dark-mode .assistant-guidance-card {
      background:linear-gradient(180deg, rgba(27,27,23,0.98) 0%, rgba(19,19,16,0.98) 100%);
      border-color:#2d2921;
      box-shadow:0 12px 22px rgba(0,0,0,0.22);
    }
    body.dark-mode .assistant-guidance-card:hover {
      border-color:#72561b;
      box-shadow:0 16px 26px rgba(0,0,0,0.26);
    }
    body.dark-mode .assistant-guidance-meta { color:#8fb1ff; }
    body.dark-mode .assistant-connection-pill {
      background:rgba(255,255,255,0.05);
      border-color:#3a3a33;
      color:#d6d1c3;
    }
    body.dark-mode .assistant-connection-dot {
      box-shadow:0 0 0 3px rgba(255,255,255,0.04);
    }
    body.dark-mode .assistant-connection-connected {
      background:rgba(42,142,87,0.14);
      border-color:rgba(110,231,183,0.18);
      color:#b7f7d1;
    }
    body.dark-mode .assistant-connection-disconnected {
      background:rgba(192,57,43,0.14);
      border-color:rgba(239,154,141,0.16);
      color:#efb0a7;
    }
    body.dark-mode .integration-hub-panel {
      background:linear-gradient(180deg, rgba(36,36,32,0.96) 0%, rgba(27,27,24,0.98) 100%);
      border-color:#2a2a25;
    }
    body.dark-mode .assistant-starters {
      background:transparent;
    }
    body.dark-mode .assistant-starter-chip {
      background:rgba(255,255,255,0.04);
      border-color:rgba(245,161,0,0.18);
      color:rgba(255,255,255,0.82);
    }
    body.dark-mode .assistant-starter-chip:hover {
      background:rgba(245,161,0,0.12);
      border-color:rgba(245,161,0,0.34);
      color:var(--white);
    }
    body.dark-mode .assistant-thread {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.12), transparent 30%),
        linear-gradient(180deg, rgba(20,20,17,0.98) 0%, rgba(14,14,12,0.98) 100%);
    }
    body.dark-mode .assistant-msg-bot {
      background:rgba(255,255,255,0.04);
      border-color:rgba(255,255,255,0.08);
      color:rgba(255,255,255,0.9);
    }
    body.dark-mode .assistant-msg-user {
      background:linear-gradient(135deg, rgba(245,161,0,0.2) 0%, rgba(245,161,0,0.14) 100%);
      border-color:rgba(245,161,0,0.28);
      color:var(--white);
    }
    body.dark-mode .assistant-msg-meta { color:rgba(255,255,255,0.44); }
    body.dark-mode .assistant-fetch { color:rgba(255,255,255,0.82); }
    body.dark-mode .assistant-fetch-emoji {
      background:rgba(245,161,0,0.18);
      box-shadow:0 8px 18px rgba(0,0,0,0.28);
    }
    body.dark-mode .assistant-rich h2,
    body.dark-mode .assistant-rich h3,
    body.dark-mode .assistant-rich h4,
    body.dark-mode .assistant-rich strong,
    body.dark-mode .assistant-rich blockquote p,
    body.dark-mode .assistant-rich code {
      color:var(--white);
    }
    body.dark-mode .assistant-rich p,
    body.dark-mode .assistant-rich li {
      color:rgba(255,255,255,0.82);
    }
    body.dark-mode .assistant-rich li::before {
      background:#ffd37a;
      box-shadow:0 0 0 4px rgba(245,161,0,0.16);
    }
    body.dark-mode .assistant-rich blockquote {
      background:linear-gradient(180deg, rgba(245,161,0,0.12) 0%, rgba(245,161,0,0.05) 100%);
      border-left-color:rgba(255,211,122,0.55);
    }
    body.dark-mode .assistant-rich hr {
      background:linear-gradient(90deg, rgba(255,255,255,0.06) 0%, rgba(245,161,0,0.34) 50%, rgba(255,255,255,0.06) 100%);
    }
    body.dark-mode .assistant-rich code {
      background:rgba(255,255,255,0.08);
    }
    body.dark-mode .assistant-table-wrap {
      border-color:rgba(255,255,255,0.08);
      background:linear-gradient(180deg, rgba(24,24,20,0.98) 0%, rgba(18,18,15,0.98) 100%);
    }
    body.dark-mode .assistant-table thead th {
      color:rgba(255,255,255,0.54);
      background:rgba(255,255,255,0.04);
      border-bottom-color:rgba(255,255,255,0.08);
    }
    body.dark-mode .assistant-table tbody td {
      color:rgba(255,255,255,0.88);
      border-bottom-color:rgba(255,255,255,0.06);
    }
    body.dark-mode .assistant-table tbody tr:nth-child(even) td {
      background:rgba(245,161,0,0.06);
    }
    body.dark-mode .assistant-status-on-track {
      color:#9be6b8;
      background:rgba(42,142,87,0.18);
      border-color:rgba(110,231,183,0.18);
    }
    body.dark-mode .assistant-status-warn {
      color:#ffd37a;
      background:rgba(245,161,0,0.18);
      border-color:rgba(245,161,0,0.24);
    }
    body.dark-mode .assistant-status-bad {
      color:#ff9f92;
      background:rgba(222,88,70,0.16);
      border-color:rgba(255,159,146,0.18);
    }
    body.dark-mode .assistant-input-wrap {
      background:rgba(18,18,15,0.98);
      border-top-color:rgba(255,255,255,0.08);
    }
    body.dark-mode .assistant-attachment-chip {
      background:rgba(245,161,0,0.12);
      border-color:rgba(245,161,0,0.18);
      color:rgba(255,255,255,0.84);
    }
    body.dark-mode .assistant-input {
      background:rgba(255,255,255,0.04);
      border-color:rgba(255,255,255,0.12);
      color:var(--white);
    }
    @media (max-width: 980px) {
      .assistant-dock { left:auto; right:14px; top:auto; bottom:14px; }
      .assistant-fab { }
      .assistant-fab-label { display:none; }
      .assistant-panel { width:min(420px, calc(100vw - 20px)); height:min(76vh, 680px); }
    }
    .rdv-card.surface-card,
    .team-kpi-card.surface-card,
    .manager-command-card.surface-card,
    .rep-card.surface-card,
    .team-priority-item,
    .team-phone-stat,
    .workload-block.surface-card-quiet,
    .coverage-stat.surface-card-quiet,
    .drilldown-item.surface-card-quiet { box-shadow:var(--shadow-sm); }
    .manage-rep-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--neutral-100); }
    .manage-rep-row:last-child { border-bottom:none; }
    .manage-rep-name { font-size:14px; font-weight:700; }
    .manage-rep-meta { font-size:12px; color:var(--neutral-500); }

    /* ── REP PROFILE PANEL ── */
    .rep-profile-panel { position:fixed; top:0; right:0; width:490px; height:100vh; background:linear-gradient(180deg, #fffdf9 0%, #f9f6ef 100%); box-shadow:-12px 0 40px rgba(0,0,0,0.14); z-index:200; display:flex; flex-direction:column; transform:translateX(100%); transition:transform 0.28s ease, box-shadow 0.28s ease; border-left:1px solid rgba(23,23,19,0.06); overflow:hidden; }
    .rep-profile-panel.open { transform:translateX(0); }
    .rp-head { position:sticky; top:0; z-index:3; padding:18px 22px 16px; border-bottom:1px solid rgba(23,23,19,0.08); flex-shrink:0; display:flex; justify-content:space-between; align-items:center; gap:10px; background:linear-gradient(180deg, rgba(255,255,255,0.94) 0%, rgba(255,248,233,0.88) 100%); backdrop-filter:blur(14px); box-shadow:0 10px 24px rgba(18,18,15,0.04); }
    .rp-name { font-size:19px; font-weight:800; letter-spacing:-0.03em; margin-bottom:2px; }
    .rp-meta { font-size:12px; color:var(--neutral-500); }
    .rp-close { background:rgba(255,255,255,0.74); border:1px solid rgba(23,23,19,0.08); cursor:pointer; font-size:22px; color:var(--neutral-400); line-height:1; padding:4px; width:34px; height:34px; border-radius:999px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 10px 20px rgba(18,18,15,0.06); }
    .rp-close:hover { color:var(--neutral-900); border-color:rgba(245,161,0,0.28); background:rgba(255,249,237,0.96); transform:translateY(-1px); }
    /* Role banner */
    .rp-role-banner { position:sticky; top:73px; z-index:2; display:flex; justify-content:space-between; align-items:center; padding:9px 22px; background:linear-gradient(180deg, rgba(238,245,255,0.96) 0%, rgba(229,239,255,0.96) 100%); border-bottom:1px solid #cddaf8; flex-shrink:0; backdrop-filter:blur(12px); }
    .rp-role-badge { font-size:11px; font-weight:700; color:var(--blue-700); }
    .rp-role-note { font-size:10px; color:var(--blue-500); font-style:italic; }
    /* Tabs */
    .rp-tabs { position:sticky; top:113px; z-index:2; display:flex; gap:8px; padding:10px 12px 8px; border-bottom:1px solid rgba(23,23,19,0.08); flex-shrink:0; background:linear-gradient(180deg, rgba(247,245,239,0.95) 0%, rgba(243,239,231,0.95) 100%); backdrop-filter:blur(14px); }
    .rp-tab { flex:1; padding:12px 10px 11px; text-align:center; font-size:11px; font-weight:800; color:var(--neutral-500); cursor:pointer; border:1px solid transparent; border-radius:14px; background:rgba(255,255,255,0.36); font-family:inherit; transition:all 0.2s ease; border-bottom:1px solid transparent; text-transform:uppercase; letter-spacing:0.3px; white-space:nowrap; box-shadow:inset 0 1px 0 rgba(255,255,255,0.34); }
    .rp-tab.active { color:var(--neutral-900); border-color:rgba(245,161,0,0.24); background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,250,240,0.98) 100%); box-shadow:0 12px 22px rgba(245,161,0,0.1), inset 0 -2px 0 rgba(245,161,0,0.38); }
    .rp-tab:hover:not(.active) { color:var(--neutral-700); background:rgba(255,255,255,0.65); border-color:rgba(23,23,19,0.06); transform:translateY(-1px); }
    .rp-tab-content { display:none; }
    .rp-tab-content.active { display:block; }
    /* Body + sections */
    .rp-body { flex:1; overflow-y:auto; background:linear-gradient(180deg, rgba(255,253,249,0.92) 0%, rgba(250,247,240,0.96) 100%); scroll-padding-top:176px; }
    .rp-section { padding:20px 22px; border-bottom:1px solid rgba(23,23,19,0.07); }
    .rp-section:last-child { border-bottom:none; }
    .rp-section-title { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.11em; color:var(--neutral-400); margin-bottom:14px; }
    /* KPI tiles */
    .kpi-tile-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
    .kpi-tile { background:var(--neutral-50); border:1.5px solid var(--neutral-100); border-radius:var(--radius-sm); padding:12px 14px; }
    .kpi-tile-label { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.4px; color:var(--neutral-400); margin-bottom:4px; }
    .kpi-tile-value { font-size:21px; font-weight:700; line-height:1.1; }
    .kpi-tile-target { font-size:11px; color:var(--neutral-400); margin-top:2px; }
    .kpi-tile-bar { margin-top:7px; background:var(--neutral-100); border-radius:4px; height:5px; overflow:hidden; }
    .kpi-tile-bar-fill { height:100%; border-radius:4px; transition:width 0.4s ease; }
    .scorecard-detail-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; margin-top:16px; }
    .scorecard-detail-card { background:rgba(255,255,255,0.72); border:1px solid rgba(23,23,19,0.08); border-radius:14px; padding:12px 14px; }
    .scorecard-detail-label { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.09em; color:var(--neutral-400); }
    .scorecard-detail-value { font-size:19px; font-weight:700; line-height:1.15; color:var(--neutral-900); margin-top:5px; }
    .scorecard-detail-meta { font-size:11px; color:var(--neutral-500); margin-top:4px; min-height:14px; }
    .rep-scorecard-matrix { margin-top:16px; }
    .rep-scorecard-matrix-panel { margin-top:18px; }
    .rep-scorecard-matrix-dashboard { margin-top:0; }
    .rep-scorecard-matrix-stack { display:grid; gap:14px; }
    .rep-scorecard-section { border:1px solid rgba(23,23,19,0.08); border-radius:16px; overflow:hidden; background:rgba(255,255,255,0.82); box-shadow:var(--shadow-sm); }
    .rep-scorecard-section-head { padding:10px 14px; font-size:13px; font-weight:800; letter-spacing:0.01em; color:var(--white); }
    .rep-scorecard-section-goal .rep-scorecard-section-head { background:linear-gradient(90deg, #22543d 0%, #2f855a 100%); }
    .rep-scorecard-section-conversion .rep-scorecard-section-head { background:linear-gradient(90deg, #d69e2e 0%, #f6ad55 100%); }
    .rep-scorecard-section-utilization .rep-scorecard-section-head { background:linear-gradient(90deg, #5f5f63 0%, #7b7b82 100%); }
    .rep-scorecard-section-grid { display:grid; }
    .rep-scorecard-cols-3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
    .rep-scorecard-cols-4 { grid-template-columns:repeat(4, minmax(0, 1fr)); }
    .rep-scorecard-cols-5 { grid-template-columns:repeat(5, minmax(0, 1fr)); }
    .rep-scorecard-cols-6 { grid-template-columns:repeat(6, minmax(0, 1fr)); }
    .rep-scorecard-metric { padding:14px 12px; border-right:1px solid rgba(23,23,19,0.08); background:rgba(255,255,255,0.88); }
    .rep-scorecard-metric:last-child { border-right:none; }
    .rep-scorecard-metric-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; color:var(--neutral-500); margin-bottom:8px; }
    .rep-scorecard-metric-value { font-size:28px; font-weight:800; color:var(--neutral-900); line-height:1; }
    .team-scorecard-strip { margin-bottom:14px; }
    .team-scorecard-strip .rep-scorecard-matrix,
    .director-scorecard-strip .rep-scorecard-matrix { margin-top:0; }
    .team-scorecard-strip .rp-section-title,
    .director-scorecard-strip .rp-section-title { margin-bottom:12px; }
    /* Active plan card */
    .active-plan-card { border:1.5px solid var(--yellow-200); background:var(--yellow-50); border-radius:var(--radius-sm); padding:13px 14px; cursor:pointer; transition:all 0.15s; }
    .active-plan-card:hover { border-color:var(--yellow-500); }
    .active-plan-eyebrow { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.4px; color:var(--yellow-600); margin-bottom:5px; }
    .active-plan-skill { font-size:14px; font-weight:700; margin-bottom:2px; }
    .active-plan-meta { font-size:11px; color:var(--neutral-500); }
    .active-plan-cta { font-size:11px; color:var(--yellow-600); font-weight:600; margin-top:8px; }
    /* Coaching history */
    .history-list { display:flex; flex-direction:column; gap:8px; }
    .history-item { border:1.5px solid var(--neutral-100); border-radius:18px; padding:15px 16px; cursor:pointer; transition:all 0.18s ease; background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,250,243,0.92) 100%); box-shadow:0 12px 24px rgba(18,18,15,0.05); }
    .history-item:hover { border-color:var(--yellow-500); background:linear-gradient(180deg, #fffdf7 0%, #fff3db 100%); transform:translateY(-1px); box-shadow:0 18px 30px rgba(245,161,0,0.1); }
    .history-item-skill { font-size:14px; font-weight:700; margin-bottom:3px; }
    .history-item-meta { font-size:11px; color:var(--neutral-400); }
    .history-empty { padding:8px 0 4px; color:var(--neutral-400); font-size:13px; line-height:1.55; }
    /* Engagement timeline */
    .et-item { display:flex; gap:14px; padding:0 0 22px; }
    .et-item:last-child { padding-bottom:0; }
    .et-left { display:flex; flex-direction:column; align-items:center; flex-shrink:0; width:34px; }
    .et-dot { width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:15px; flex-shrink:0; box-shadow:0 10px 22px rgba(18,18,15,0.08); border:1px solid rgba(255,255,255,0.72); }
    .et-connector { width:2px; background:linear-gradient(180deg, rgba(245,161,0,0.3) 0%, rgba(196,196,187,0.38) 100%); flex:1; margin-top:8px; min-height:18px; }
    .et-item:last-child .et-connector { display:none; }
    .et-right { position:relative; flex:1; padding:14px 15px 14px; min-width:0; border:1px solid rgba(23,23,19,0.08); border-radius:20px; background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,250,243,0.94) 100%); box-shadow:0 16px 28px rgba(18,18,15,0.05); }
    .et-right::before { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:linear-gradient(180deg, rgba(255,255,255,0.22) 0%, transparent 18%); }
    .et-head { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
    .et-label { font-size:14px; font-weight:800; margin-bottom:3px; color:var(--neutral-900); letter-spacing:-0.02em; }
    .et-delete-btn { border:1px solid var(--neutral-200); background:var(--white); color:var(--neutral-500); border-radius:999px; padding:4px 9px; font-size:10px; font-weight:700; cursor:pointer; font-family:inherit; transition:all 0.15s; flex-shrink:0; }
    .et-delete-btn:hover { border-color:var(--red-500); color:var(--red-500); background:#fff3f2; }
    .et-note { font-size:12px; color:var(--neutral-700); line-height:1.62; }
    .et-followup-row { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:8px; }
    .et-followup-pill { display:inline-flex; align-items:center; padding:4px 8px; border-radius:999px; font-size:10px; font-weight:700; border:1px solid var(--neutral-200); background:var(--neutral-50); color:var(--neutral-700); }
    .et-followup-overdue { background:#fff0ee; border-color:#f0b3ab; color:var(--red-500); }
    .et-followup-today { background:var(--yellow-50); border-color:var(--yellow-200); color:var(--yellow-600); }
    .et-followup-scheduled { background:#f7faff; border-color:#cddaf8; color:var(--blue-500); }
    .et-calendar-btn { border:1px solid var(--blue-100); background:var(--white); color:var(--blue-500); border-radius:999px; padding:4px 8px; font-size:10px; font-weight:700; cursor:pointer; font-family:inherit; }
    .et-calendar-btn:hover { background:#f7faff; border-color:var(--blue-500); }
    .et-date { display:inline-flex; align-items:center; padding:4px 8px; border-radius:999px; background:rgba(17,17,14,0.04); font-size:10px; font-weight:700; color:var(--neutral-400); margin-top:10px; text-transform:uppercase; letter-spacing:0.08em; }
    /* Log activity form */
    .log-form { background:linear-gradient(180deg, rgba(255,255,255,0.94) 0%, rgba(255,249,240,0.92) 100%); border:1.5px solid var(--neutral-100); border-radius:18px; padding:16px 17px; margin-bottom:16px; display:none; box-shadow:0 12px 24px rgba(18,18,15,0.05); }
    .log-form.open { display:block; }
    .log-form-title { font-size:12px; font-weight:700; color:var(--neutral-700); margin-bottom:12px; }
    .log-type-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-bottom:12px; }
    .log-type-btn { display:flex; align-items:center; gap:8px; padding:8px 10px; border:1.5px solid var(--neutral-300); border-radius:var(--radius-sm); cursor:pointer; font-size:12px; font-weight:600; color:var(--neutral-600); background:var(--white); font-family:inherit; transition:all 0.15s; }
    .log-type-btn:hover { border-color:var(--yellow-500); background:var(--yellow-50); }
    .log-type-btn.selected { border-color:var(--yellow-500); background:var(--yellow-50); color:var(--yellow-600); }
    .log-form-actions { display:flex; gap:8px; margin-top:12px; }
    .rp-actions { position:sticky; bottom:0; z-index:2; padding:16px 22px; border-top:1px solid rgba(23,23,19,0.08); flex-shrink:0; display:flex; gap:8px; background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,248,232,0.96) 100%); backdrop-filter:blur(14px); box-shadow:0 -10px 24px rgba(18,18,15,0.05); }

    /* ── REP FULL DASHBOARD ── */
    .rep-view { display:none; max-width:none; margin:32px 0 60px; padding:0 24px; width:calc(100vw - var(--sidebar-w)); }
    .rep-view.show { display:block; }
    /* Header */
    .rep-hero { margin-bottom:18px; padding:18px 20px; border-radius:28px; border:1px solid rgba(214,191,142,0.28); box-shadow:0 24px 42px rgba(18,18,15,0.08); overflow:hidden; }
    .rep-hero-header { border-top-left-radius:0; }
    .rep-hero.rep-hero-sales {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.16), transparent 28%),
        radial-gradient(circle at top left, rgba(255,255,255,0.58), transparent 22%),
        linear-gradient(135deg, #f9f0df 0%, #f5ead8 34%, #f2e6d2 100%);
    }
    .rep-hero.rep-hero-support {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.1), transparent 22%),
        radial-gradient(circle at top left, rgba(255,255,255,0.56), transparent 22%),
        linear-gradient(135deg, #faf4e8 0%, #f4ede0 36%, #efe7d8 100%);
    }
    .rep-hero-avatar { box-shadow:0 8px 18px rgba(245,161,0,0.18); }
    .rdh { display:flex; align-items:center; gap:12px; margin-bottom:16px; flex-wrap:wrap; }
    .rdh-back { display:flex; align-items:center; gap:5px; padding:7px 12px; border:1.5px solid var(--neutral-300); border-radius:var(--radius-sm); background:transparent; color:var(--neutral-700); font-size:12px; font-weight:600; cursor:pointer; font-family:inherit; transition:all 0.15s; flex-shrink:0; }
    .rdh-back:hover { border-color:var(--yellow-500); color:var(--yellow-600); }
    .rdh-info { flex:1; min-width:0; }
    .rdh-name { font-size:24px; font-weight:700; line-height:1.15; }
    .rdh-sub  { font-size:13px; color:var(--neutral-500); margin-top:2px; }
    .rdh-badges { display:flex; gap:6px; align-items:center; flex-wrap:wrap; margin-top:6px; }
    .rep-region-badge {
      display:inline-flex;
      align-items:center;
      gap:4px;
      padding:2px 8px;
      border-radius:999px;
      background:rgba(245,161,0,0.12);
      border:1px solid rgba(245,161,0,0.18);
      color:#8a5a00;
      font-size:11px;
      font-weight:800;
    }
    .rep-hero-grid { display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(340px, 0.95fr); gap:12px; align-items:start; }
    .rep-hero-story, .rep-hero-rail-card { border-radius:18px; border:1px solid rgba(214,191,142,0.24); background:rgba(255,252,245,0.72); backdrop-filter:blur(12px); padding:12px 13px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.5); }
    .rep-hero-story { align-self:start; }
    .rep-hero-story-standalone { max-width:none; }
    .rep-hero-eyebrow, .rep-hero-rail-label { display:block; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.42px; color:var(--yellow-600); margin-bottom:6px; }
    .rep-hero-title { font-family:'Space Grotesk',system-ui,sans-serif; font-size:22px; line-height:1.06; letter-spacing:-0.04em; margin-bottom:8px; max-width:16ch; }
    .rep-hero-copy { font-size:12px; line-height:1.5; color:var(--neutral-700); margin-bottom:6px; }
    .rep-hero-copy:last-child { margin-bottom:0; }
    .rep-self-serve-orientation { display:grid; grid-template-columns:minmax(0, 1.2fr) minmax(220px, 0.8fr); gap:12px; margin-top:4px; padding:14px 16px; border-radius:18px; border:1px solid rgba(196,196,187,0.55); background:rgba(255,255,255,0.58); }
    .rep-self-serve-orientation-copy { display:grid; gap:5px; }
    .rep-self-serve-orientation-label { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.42px; color:var(--yellow-600); }
    .rep-self-serve-orientation-copy strong { font-size:16px; line-height:1.25; font-family:'Space Grotesk',system-ui,sans-serif; }
    .rep-self-serve-orientation-copy span:last-child { font-size:12px; line-height:1.5; color:var(--neutral-600); }
    .rep-self-serve-orientation-pills { display:flex; gap:8px; flex-wrap:wrap; align-content:flex-start; justify-content:flex-end; }
    .rep-self-serve-pill { display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,0.82); border:1px solid rgba(196,196,187,0.7); font-size:11px; font-weight:700; color:var(--neutral-700); }
    .rep-hero-rail { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; align-content:start; }
    .rep-performance-rail { grid-template-columns:repeat(5, minmax(0, 1fr)); }
    .rep-hero-rail-card { min-height:0; }
    .rep-hero-rail-card strong { display:block; font-size:16px; line-height:1.08; font-family:'Space Grotesk',system-ui,sans-serif; margin-bottom:2px; }
    .rep-hero-rail-card > span { display:block; font-size:11px; line-height:1.35; color:var(--neutral-600); }
    .rep-hero-rail-card-wide { grid-column:1 / -1; }
    .rep-hero-timeline { display:grid; gap:8px; }
    .rep-hero-timeline-item { display:flex; align-items:flex-start; gap:8px; }
    .rep-hero-timeline-icon { width:24px; height:24px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:var(--yellow-50); border:1px solid var(--yellow-200); font-size:12px; flex-shrink:0; }
    .rep-hero-timeline-item strong { display:block; font-size:12px; margin-bottom:1px; }
    .rep-hero-timeline-item span, .rep-hero-empty { font-size:11px; color:var(--neutral-500); }
    .rep-celebration-banner { margin:-4px 0 12px; padding:10px 12px; border-radius:var(--radius-md); background:linear-gradient(135deg, #fff4d6 0%, #ffe7b0 100%); border:1.5px solid var(--yellow-200); box-shadow:var(--shadow-sm); }
    .rep-celebration-title { font-size:14px; font-weight:700; color:var(--neutral-900); margin-bottom:3px; }
    .rep-celebration-sub { font-size:12px; color:var(--neutral-600); line-height:1.45; }
    .rep-workspace-tabs { position:relative; z-index:2; display:flex; gap:10px; flex-wrap:wrap; margin:0 0 -2px; padding-left:8px; }
.rep-workspace-tab { position:relative; min-width:200px; display:grid; gap:3px; padding:11px 14px 12px; border:1.5px solid rgba(214,191,142,0.22); border-bottom:none; border-radius:22px 22px 0 0; background:linear-gradient(180deg, rgba(245,241,232,0.94) 0%, rgba(236,231,220,0.92) 100%); color:var(--neutral-700); font-family:inherit; text-align:left; cursor:pointer; transition:transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease; box-shadow:0 14px 26px rgba(18,18,15,0.05); backdrop-filter:blur(10px); }
.rep-workspace-tab:hover { transform:translateY(-2px); border-color:rgba(245,161,0,0.6); box-shadow:0 16px 28px rgba(18,18,15,0.08); }
.rep-workspace-tab.active { border-color:rgba(245,161,0,0.68); background:radial-gradient(circle at top right, rgba(245,161,0,0.12), transparent 42%), linear-gradient(180deg, #fff8ea 0%, #fff1cf 100%); box-shadow:0 18px 32px rgba(245,161,0,0.16); color:var(--neutral-900); }
    .rep-workspace-tab-eyebrow { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.4px; color:var(--yellow-600); }
    .rep-workspace-tab strong { font-size:16px; line-height:1.08; font-family:'Space Grotesk',system-ui,sans-serif; }
    .rep-workspace-tab small { font-size:11px; line-height:1.45; color:var(--neutral-500); }
    .manager-workspace-tabs { position:relative; z-index:2; display:flex; gap:10px; flex-wrap:wrap; margin:4px 0 12px; }
.manager-workspace-tab { position:relative; min-width:220px; display:grid; gap:3px; padding:11px 14px 12px; border:1.5px solid rgba(214,191,142,0.22); border-radius:22px; background:linear-gradient(180deg, rgba(245,241,232,0.94) 0%, rgba(236,231,220,0.92) 100%); color:var(--neutral-700); font-family:inherit; text-align:left; cursor:pointer; transition:transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease; box-shadow:0 14px 26px rgba(18,18,15,0.05); backdrop-filter:blur(10px); }
.manager-workspace-tab:hover { transform:translateY(-2px); border-color:rgba(245,161,0,0.6); box-shadow:0 16px 28px rgba(18,18,15,0.08); }
.manager-workspace-tab.active { border-color:rgba(245,161,0,0.68); background:radial-gradient(circle at top right, rgba(245,161,0,0.12), transparent 42%), linear-gradient(180deg, #fff8ea 0%, #fff1cf 100%); box-shadow:0 18px 32px rgba(245,161,0,0.16); color:var(--neutral-900); }
    .manager-workspace-tab-eyebrow { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.4px; color:var(--yellow-600); }
    .manager-workspace-tab strong { font-size:16px; line-height:1.08; font-family:'Space Grotesk',system-ui,sans-serif; }
    .manager-workspace-tab small { font-size:11px; line-height:1.45; color:var(--neutral-500); }
    .manager-workspace-panel { display:none; }
    .manager-workspace-panel.active { display:block; animation:workspaceFade 220ms ease; }
    .rep-hero-utility-actions { margin-left:auto; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
    .rep-performance-support-row { margin-bottom:18px; }
    .rep-support-snapshot-card .rdv-card-body { display:grid; gap:0; }
    .rep-main-workspace { position:relative; z-index:1; margin-bottom:12px; }
    .rep-performance-stack { margin-bottom:12px; }
    .rep-live-bind-ticker {
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      border-radius:999px;
      border:1px solid rgba(16, 185, 129, 0.2);
      background:rgba(16, 185, 129, 0.08);
      color:#0f766e;
      font-size:13px;
      font-weight:700;
      white-space:nowrap;
    }
    .rep-live-bind-dot {
      width:8px;
      height:8px;
      border-radius:50%;
      background:#10b981;
      box-shadow:0 0 0 4px rgba(16, 185, 129, 0.14);
      flex-shrink:0;
    }
    body.dark-mode .rep-live-bind-ticker {
      background:rgba(16, 185, 129, 0.12);
      border-color:rgba(16, 185, 129, 0.28);
      color:#bbf7d0;
    }
    .rep-performance-static-stack { display:grid; gap:12px; margin-bottom:12px; }
    .rep-performance-chart-row { display:grid; grid-template-columns:minmax(0, 1.35fr) minmax(280px, 0.65fr); gap:12px; align-items:start; }
    .rep-performance-chart-main .rdv-card,
    .rep-performance-chart-side .rdv-card,
    .rep-performance-markers-row .rdv-card { margin-bottom:0; }
    /* news desk banner inside the rep stack — let the stack gap handle spacing */
    .rep-hot-off-press-row .market-launch-banner { margin-bottom:0; }
    .rep-story-shell { margin-top:4px; margin-bottom:12px; }
    .rep-workspace-panel { display:none; }
    .rep-workspace-panel.active { display:block; animation:workspaceFade 220ms ease; }
    .rep-game-grid { display:grid; grid-template-columns:0.88fr 1.12fr; gap:12px; margin-bottom:12px; align-items:start; }
    .rep-game-stack { display:grid; gap:12px; align-content:start; }
    .rep-game-lower-grid { display:grid; grid-template-columns:1.08fr 0.92fr; gap:12px; margin-bottom:12px; align-items:start; }
    .rep-game-card { background:var(--white); border:1.5px solid var(--neutral-100); border-radius:var(--radius-md); padding:12px 14px; box-shadow:var(--shadow-sm); margin-bottom:12px; }
    .rep-game-card-compact { padding:10px 12px 12px; }
    .rep-game-stack .rep-game-card { margin-bottom:0; }
    .rep-game-lower-grid .rep-game-card { margin-bottom:0; }
    .rep-game-head { display:flex; justify-content:space-between; align-items:flex-start; gap:8px; margin-bottom:10px; }
    .rep-game-card-compact .rep-game-head { margin-bottom:8px; }
    .rep-game-eyebrow { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.42px; color:var(--yellow-600); margin-bottom:4px; }
    .rep-game-title { font-size:18px; font-weight:800; letter-spacing:-0.03em; line-height:1.1; }
    .rep-game-card-compact .rep-game-title { font-size:16px; }
    .rep-game-sub { font-size:11px; color:var(--neutral-500); line-height:1.35; max-width:300px; }
    .rep-battle-toolbar { display:grid; gap:8px; margin-bottom:10px; }
    .rep-battle-add-row { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:8px; align-items:center; }
    .rep-battle-toolbar-copy { font-size:11px; color:var(--neutral-500); line-height:1.45; }
    .rep-battle-selected { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
    .rep-battle-remove { border:none; background:transparent; color:inherit; font-size:12px; cursor:pointer; padding:0; margin-left:6px; }
    .rep-battle-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:8px; }
    .rep-battle-card { border:1.5px solid var(--neutral-100); border-radius:16px; padding:11px; background:linear-gradient(180deg, #fffefb 0%, #fff8ee 100%); }
    .rep-battle-card-self { border-color:var(--yellow-500); box-shadow:0 10px 22px rgba(245,161,0,0.14); }
    .rep-battle-card-avg { background:var(--neutral-50); }
    .rep-battle-rank { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.34px; color:var(--neutral-400); margin-bottom:4px; }
    .rep-battle-name { font-size:16px; font-weight:800; line-height:1.1; margin-bottom:4px; }
    .rep-battle-score { font-size:24px; font-weight:800; line-height:1; margin-bottom:4px; font-family:'Space Grotesk',system-ui,sans-serif; }
    .rep-battle-sub { font-size:10px; color:var(--neutral-500); margin-bottom:8px; }
    .rep-battle-chip-row { display:flex; gap:6px; flex-wrap:wrap; }
    .rep-battle-chip { display:inline-flex; align-items:center; padding:4px 8px; border-radius:999px; background:var(--white); border:1px solid var(--neutral-100); font-size:10px; font-weight:700; color:var(--neutral-700); }
    .rep-battle-chip-points { font-size:9px; font-weight:800; color:var(--neutral-400); margin-left:6px; }
    .rep-leaderboard-toolbar { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px 14px; margin-bottom:10px; align-items:start; }
    .rep-leaderboard-control-group { display:grid; gap:6px; min-width:0; }
    .rep-leaderboard-control-label { font-size:11px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; color:var(--neutral-500); }
    .rep-leaderboard-toggle { margin-left:0; justify-content:flex-start; }
    .rep-floor-leaderboard-card { margin-bottom:0; }
    .rep-floor-leaderboard-head { cursor:pointer; }
    .rep-floor-leaderboard-head-actions { display:grid; gap:8px; justify-items:end; }
    .rep-floor-leaderboard-toggle-btn { white-space:nowrap; }
    .rep-floor-leaderboard-summary { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px; }
    .rep-leaderboard-explainer {
      display:grid;
      gap:8px;
      margin-bottom:12px;
      padding:12px 14px;
      border-radius:16px;
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(251,248,241,0.96) 100%);
      border:1.5px solid rgba(23,23,19,0.08);
      box-shadow:0 10px 20px rgba(18,18,15,0.04);
    }
    .rep-leaderboard-explainer-title {
      font-size:13px;
      font-weight:800;
      color:var(--neutral-900);
      letter-spacing:-0.02em;
    }
    .rep-leaderboard-explainer-copy {
      font-size:12px;
      line-height:1.5;
      color:var(--neutral-600);
    }
    .rep-leaderboard-explainer-pills {
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }
    .rep-floor-leaderboard-summary-pill {
      display:inline-flex;
      align-items:center;
      padding:5px 10px;
      border-radius:999px;
      background:var(--neutral-50);
      border:1px solid var(--neutral-100);
      font-size:11px;
      font-weight:700;
      color:var(--neutral-700);
    }
    .rep-floor-table-shell {
      max-height:min(520px, 62vh);
      overflow-x:auto;
      overflow-y:auto;
      overscroll-behavior:auto;
      -webkit-overflow-scrolling:touch;
    }
    .rep-floor-table {
      min-width:560px;
      font-size:12px;
    }
    .rep-floor-table th,
    .rep-floor-table td {
      padding:10px 12px;
    }
    .rep-floor-leaderboard-card.is-collapsed {
      padding-bottom:10px;
    }
    .rep-floor-leaderboard-card.is-collapsed .rep-floor-leaderboard-head {
      margin-bottom:0;
    }
    .rep-floor-leaderboard-card.is-collapsed .rep-game-sub {
      max-width:240px;
    }
    .rep-floor-leaderboard-summary,
    .rep-leaderboard-toolbar {
      overflow:hidden;
      max-height:1200px;
      opacity:1;
      transition:max-height 0.3s ease, opacity 0.18s ease, margin 0.18s ease;
    }
    .rep-floor-table-shell {
      max-height:min(520px, 62vh);
      opacity:1;
      transition:max-height 0.3s ease, opacity 0.18s ease, margin 0.18s ease;
    }
    .rep-floor-leaderboard-card.is-collapsed .rep-floor-leaderboard-summary,
    .rep-floor-leaderboard-card.is-collapsed .rep-leaderboard-toolbar,
    .rep-floor-leaderboard-card.is-collapsed .rep-floor-table-shell {
      max-height:0;
      opacity:0;
      margin:0;
      overflow:hidden;
      pointer-events:none;
    }
    @media (max-width: 900px) {
      .rep-leaderboard-toolbar { grid-template-columns:1fr; }
      .rep-game-grid { grid-template-columns:1fr; }
      .rep-game-lower-grid { grid-template-columns:1fr; }
      .rep-floor-table-shell { max-height:320px; }
      .rep-floor-leaderboard-head-actions { justify-items:start; }
    }
    .rep-floor-row-self { background:rgba(245,161,0,0.08); }
    .rep-headtohead-leaderboard { animation:headToHeadSlideIn 280ms ease; }
    .rep-headtohead-empty-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; }
    .rep-headtohead-empty-panel { display:grid; gap:4px; padding:12px; border-radius:16px; background:linear-gradient(180deg, #fffefb 0%, #f7f1e5 100%); border:1px solid rgba(196,196,187,0.6); }
    .rep-headtohead-empty-panel strong { font-size:20px; line-height:1.05; font-family:'Space Grotesk',system-ui,sans-serif; }
    .rep-headtohead-empty-label { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.42px; color:var(--yellow-600); }
    .rep-headtohead-empty-panel span:last-child { font-size:11px; line-height:1.45; color:var(--neutral-600); }
    .rep-game-grid > .rep-headtohead-leaderboard { align-self:start; }
    .rep-game-static-stack { display:grid; grid-template-columns:minmax(320px, 0.92fr) minmax(420px, 1.08fr); gap:16px; align-items:start; margin-bottom:18px; }
    .rep-game-static-main, .rep-game-static-side { min-width:0; }
    .rep-game-floor-stage { margin-bottom:16px; }
    .rep-game-floor-stage .rep-game-card { margin-bottom:0; }
    .rep-game-curated-grid {
      display:grid;
      grid-template-columns:minmax(0, 1.08fr) minmax(300px, 0.92fr);
      gap:16px;
      align-items:start;
    }
    .rep-game-curated-main,
    .rep-game-curated-side {
      display:grid;
      gap:16px;
      min-width:0;
      align-content:start;
    }
    .rep-game-curated-main .rep-game-card,
    .rep-game-curated-side .rep-game-card { margin-bottom:0; }
    .rep-matchup-table tbody tr { animation:workspaceFade 240ms ease; }
    @keyframes headToHeadSlideIn {
      from { opacity:0; transform:translateY(-14px); }
      to { opacity:1; transform:translateY(0); }
    }
    @media (max-width: 1100px) {
      .rep-game-static-stack { grid-template-columns:1fr; }
      .rep-game-curated-grid { grid-template-columns:1fr; }
      .team-reporting-filter-strip { justify-content:flex-start; }
      .rep-self-serve-orientation { grid-template-columns:1fr; }
      .rep-headtohead-empty-grid { grid-template-columns:1fr; }
      .team-dashboard-controls-row,
      .rep-kpi-controls-row { flex-direction:column; align-items:stretch; }
      .rep-results-range-shell { margin-left:0; }
      .rep-results-range-shell .weekly-results-select-field-compact,
      .rep-results-range-shell .weekly-results-select-field-compact select { width:100%; min-width:0; }
      .weekly-results-inline-controls { justify-items:stretch; min-width:0; }
      .weekly-results-custom-shell { padding:12px; }
      .weekly-results-date-field { min-width:0; flex:1 1 140px; }
      .weekly-results-custom-actions { width:100%; }
      .weekly-results-split,
      .weekly-results-row { grid-template-columns:1fr; }
    }
    .rep-engagement-grid { display:grid; grid-template-columns:1.15fr 0.85fr 0.85fr; gap:10px; }
    .rep-progress-grid { display:grid; grid-template-columns:1.15fr 0.95fr 0.85fr; gap:10px; }
    .rep-progress-block { min-width:0; }
    .rep-badge-shelf { display:grid; grid-template-columns:repeat(auto-fit, minmax(130px, 1fr)); gap:8px; }
    .rep-badge { border:1.5px solid var(--neutral-100); border-radius:16px; padding:10px; background:var(--neutral-50); display:grid; gap:4px; }
    .rep-badge span { font-size:18px; }
    .rep-badge strong { font-size:13px; }
    .rep-badge small { font-size:11px; color:var(--neutral-500); line-height:1.45; }
    .rep-badge.earned { border-color:var(--yellow-500); background:linear-gradient(180deg, #fff8ea 0%, #fff3da 100%); box-shadow:0 10px 22px rgba(245,161,0,0.14); }
    .rep-challenge-list, .rep-best-list { display:grid; gap:8px; }
    .rep-challenge-item { border:1.5px solid var(--neutral-100); border-radius:14px; padding:10px; background:var(--neutral-50); display:grid; gap:4px; }
    .rep-challenge-item-highlight { border-color:var(--yellow-300); background:linear-gradient(180deg, #fff9ef 0%, #fff3dc 100%); }
    .rep-challenge-item strong { font-size:13px; }
    .rep-challenge-item span { font-size:11px; color:var(--neutral-500); line-height:1.45; }
    .coverage-stat-sub { display:block; margin-top:4px; font-size:11px; color:var(--neutral-500); }
    .rep-recap-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:8px; }
    .rep-recap-chip { display:grid; grid-template-columns:auto 1fr; align-items:flex-start; gap:10px; padding:10px 11px; border:1.5px solid var(--neutral-100); border-radius:16px; background:linear-gradient(180deg, #fffefc 0%, #faf7ef 100%); font-size:12px; line-height:1.35; color:var(--neutral-700); min-width:0; box-shadow:0 10px 24px rgba(18,18,15,0.05); }
    .rep-recap-chip span {
      flex-shrink:0;
      width:24px;
      height:24px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      background:rgba(245,161,0,0.12);
      border:1px solid rgba(245,161,0,0.16);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.6);
      font-size:12px;
      line-height:1;
    }
    .rep-recap-chip p { margin:0; min-width:0; }
    .rep-recap-chip-momentum { background:linear-gradient(180deg, #fffaf0 0%, #fff4e1 100%); border-color:var(--yellow-200); }
    .market-launch-banner {
      margin:0 0 16px;
      padding:18px 20px;
      border-radius:22px;
      border:1px solid rgba(245,161,0,0.26);
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.22), transparent 34%),
        radial-gradient(circle at left center, rgba(255,214,122,0.18), transparent 38%),
        linear-gradient(180deg, rgba(255,253,246,0.99) 0%, rgba(255,244,220,0.98) 100%);
      box-shadow:0 20px 38px rgba(18,18,15,0.08);
      display:grid;
      gap:14px;
    }
    .market-launch-copy {
      display:grid;
      gap:6px;
      max-width:78ch;
    }
    .market-launch-title {
      font-size:28px;
      line-height:1.08;
      letter-spacing:-0.04em;
      font-family:'Space Grotesk',system-ui,sans-serif;
      font-weight:800;
      color:var(--ink-900);
    }
    .market-launch-sub {
      font-size:13px;
      line-height:1.6;
      color:var(--neutral-700);
    }
    .market-launch-guidelines {
      display:grid;
      grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));
      gap:10px;
    }
    .market-launch-guideline {
      border:1px solid rgba(23,23,19,0.08);
      border-radius:16px;
      padding:12px 13px;
      background:rgba(255,255,255,0.8);
      box-shadow:0 10px 22px rgba(18,18,15,0.04);
      display:grid;
      gap:6px;
    }
    .market-launch-guideline-title {
      font-size:12px;
      line-height:1.3;
      font-weight:800;
      letter-spacing:0.02em;
      color:var(--orange-700);
      text-transform:uppercase;
    }
    .market-launch-guideline.featured {
      grid-column:span 2;
      border-left:3px solid var(--yellow-500);
      background:var(--yellow-50);
      padding-left:11px;
    }
    .market-launch-guideline-badge {
      font-size:10px;
      font-weight:800;
      letter-spacing:0.05em;
      text-transform:uppercase;
      color:var(--yellow-600);
      margin-bottom:4px;
    }
    .market-launch-guideline-copy {
      font-size:12px;
      line-height:1.55;
      color:var(--neutral-700);
    }
    /* KPI strip */
    .rdv-kpi-strip { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-bottom:14px; }
    .rdv-kpi { background:var(--white); border:1.5px solid var(--neutral-100); border-radius:var(--radius-md); padding:12px 13px; }
    .rdv-kpi-premium {
      position:relative;
      overflow:hidden;
      min-height:174px;
      border-radius:20px;
      padding:16px 16px 14px;
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(251,248,241,0.95) 100%);
      box-shadow:0 14px 28px rgba(18,18,15,0.05);
    }
    .rdv-kpi-premium::after {
      content:'';
      position:absolute;
      inset:auto 16px 50px 16px;
      height:1px;
      background:linear-gradient(90deg, rgba(23,23,19,0.08), rgba(23,23,19,0));
      pointer-events:none;
    }
    .rdv-kpi-label { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.5px; color:var(--neutral-400); margin-bottom:7px; }
    .rdv-kpi-value { font-size:24px; font-weight:700; line-height:1; margin-bottom:4px; font-family:'Space Grotesk',system-ui,sans-serif; letter-spacing:-0.03em; }
    .rdv-kpi-target { font-size:11px; color:var(--neutral-400); margin-bottom:10px; font-weight:600; }
    .rdv-kpi-mo-goal { font-weight:400; color:var(--neutral-300); font-size:10.5px; }
    .rdv-kpi-celebration { display:inline-flex; align-items:center; gap:4px; padding:4px 10px; border-radius:999px; background:var(--yellow-50); color:var(--yellow-600); font-size:11px; font-weight:700; margin-bottom:8px; }
    .rdv-kpi-easter { margin-bottom:8px; font-size:11px; font-weight:700; color:var(--neutral-500); }
    .rep-mini-banner { margin:-4px 0 16px; padding:11px 14px; border-radius:var(--radius-md); background:var(--blue-100); border:1px solid #cddaf8; font-size:12px; font-weight:700; color:var(--blue-700); }
    /* EOM projection line on KPI cards */
    .rdv-kpi-eom-proj { margin-top:7px; font-size:10.5px; color:var(--neutral-400); font-weight:500; }
    .rdv-kpi-eom-val { font-weight:700; }
    /* Monthly goal strip above KPI cards */
    .rep-monthly-goals-strip { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:7px 12px; margin-bottom:8px; background:var(--neutral-50); border:1px solid var(--neutral-100); border-radius:10px; }
    .rep-goals-month-label { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.5px; color:var(--neutral-400); white-space:nowrap; }
    .rep-goals-items { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
    .rep-goals-item { display:flex; align-items:center; gap:5px; }
    .rep-goals-item-label { font-size:11px; color:var(--neutral-400); font-weight:500; }
    .rep-goals-item-val { font-size:12px; font-weight:700; color:var(--neutral-700); }
    .rdv-kpi-bar { background:var(--neutral-100); border-radius:999px; height:6px; overflow:visible; box-shadow:inset 0 1px 2px rgba(17,24,39,0.04); }
    .rdv-kpi-fill { position:relative; height:100%; border-radius:999px; min-width:0; }
    .rdv-kpi-progress-icon {
      position:absolute;
      right:-13px;
      top:50%;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:30px;
      height:30px;
      transform:translateY(-50%);
      font-size:22px;
      line-height:1;
      filter:drop-shadow(0 2px 4px rgba(18,18,15,0.16));
      pointer-events:none;
    }
    .rdv-kpi-progress-icon-racecar {
      top:44%;
    }
    /* Row grids */
    .rdv-row { display:grid; gap:12px; margin-bottom:12px; }
    .rdv-row-chart { grid-template-columns: minmax(0, 1fr) 230px; }
    .rdv-row-bottom { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    /* Cards */
    .rdv-card {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(255,251,242,0.97) 100%);
      border:1.5px solid rgba(214,191,142,0.24);
      border-radius:18px;
      overflow:hidden;
      box-shadow:0 16px 32px rgba(18,18,15,0.05);
      backdrop-filter:blur(12px);
    }
    .rdv-card-head { padding:12px 16px; border-bottom:1px solid rgba(214,191,142,0.18); display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
    .rdv-card-kicker { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.45px; color:var(--yellow-700); margin-bottom:4px; }
    .rdv-card-title { font-size:14px; font-weight:800; line-height:1.2; }
    .rdv-card-sub { font-size:11px; color:var(--neutral-400); }
    .rdv-card-body { padding:14px 16px; }
    /* Chart */
    .rdv-card-chart {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.06), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(251,248,242,0.96) 100%);
      box-shadow:0 16px 30px rgba(18,18,15,0.05);
    }
    .rdv-card-snapshot {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.08), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,249,237,0.96) 100%);
      box-shadow:0 16px 30px rgba(18,18,15,0.05);
    }
    .chart-wrap { padding:14px 18px 8px; }
    .chart-legend { display:flex; gap:14px; padding:6px 18px 14px; flex-wrap:wrap; }
    .chart-legend-item { display:flex; align-items:center; gap:5px; font-size:11px; color:var(--neutral-500); }
    .chart-legend-dot { width:10px; height:10px; border-radius:2px; flex-shrink:0; }
    /* EOM Projection card */
    .eom-main { display:flex; align-items:baseline; gap:8px; margin-bottom:4px; }
    .eom-num { font-size:48px; font-weight:700; line-height:0.96; font-family:'Space Grotesk',system-ui,sans-serif; letter-spacing:-0.05em; }
    .eom-unit { font-size:16px; font-weight:600; color:var(--neutral-400); }
    .eom-desc { font-size:12px; color:var(--neutral-500); margin-bottom:18px; line-height:1.55; }
    .eom-stat { display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid var(--neutral-100); font-size:13px; }
    .eom-stat:last-of-type { border-bottom:none; }
    .eom-stat-label { font-size:12px; color:var(--neutral-500); }
    .eom-stat-val { font-weight:700; }
    .eom-gap-badge { display:inline-flex; align-items:center; gap:4px; padding:6px 12px; border-radius:999px; font-size:12px; font-weight:700; margin-top:14px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.4); }
    /* Bottom cards */
    .rdv-plan-card { border:1.5px solid var(--yellow-200); background:var(--yellow-50); border-radius:var(--radius-sm); padding:14px; cursor:pointer; transition:all 0.15s; }
    .rdv-plan-card:hover { border-color:var(--yellow-500); }
    .rdv-plan-eyebrow { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.4px; color:var(--yellow-600); margin-bottom:5px; }
    .rdv-plan-skill { font-size:15px; font-weight:700; margin-bottom:3px; }
    .rdv-plan-meta { font-size:12px; color:var(--neutral-500); }
    .rdv-plan-cta { font-size:12px; color:var(--yellow-600); font-weight:600; margin-top:10px; }
    .rdv-empty { font-size:13px; color:var(--neutral-400); line-height:1.55; padding:4px 0; }
    /* Rep view responsive */
    @media (max-width:760px) {
      .home-stage {
        padding:14px;
        border-radius:18px;
        margin-bottom:14px;
      }
      .home-stage-head {
        gap:10px;
        margin-bottom:12px;
      }
      .home-stage-title {
        font-size:20px;
      }
      .home-stage-copy {
        font-size:12px;
        line-height:1.5;
      }
      .daily-briefing,
      .briefing-ops-grid {
        grid-template-columns:1fr;
      }
      .briefing-card,
      .briefing-aside,
      .briefing-op-card {
        padding:14px;
        border-radius:18px;
      }
      .briefing-title {
        font-size:24px;
      }
      .briefing-copy,
      .briefing-op-copy,
      .briefing-list-item,
      .briefing-spotlight-copy {
        font-size:12px;
      }
      .briefing-pill-row,
      .briefing-action-row,
      .briefing-spotlight-actions {
        gap:6px;
      }
      .team-dashboard-section-meta {
        width:100%;
        justify-content:space-between;
      }
      .team-dashboard-tile-tools,
      .rep-workspace-tile-tools {
        gap:8px;
      }
      .team-dashboard-size-trigger,
      .team-dashboard-hide-btn,
      .team-dashboard-drag-handle {
        min-width:34px;
        min-height:34px;
      }
      .plans-panel,
      .help-panel {
        width:100vw;
        max-width:none;
        height:100vh;
        border-radius:0;
        right:0;
        top:0;
      }
      .plans-panel-head,
      .help-panel-toolbar,
      .plans-panel-note {
        padding-left:14px;
        padding-right:14px;
      }
      .plans-panel-body {
        padding:14px;
      }
      .help-panel-body {
        display:flex;
        flex-direction:column;
      }
      .help-topic-list {
        max-height:220px;
      }
      .search-overlay {
        padding:10px 10px 0;
        align-items:flex-start;
      }
      .search-box {
        border-radius:18px;
        max-width:none;
      }
      .search-input-row {
        padding:14px 14px 12px;
      }
      .search-input {
        font-size:16px;
      }
      .search-palette-meta {
        padding:0 14px 12px;
        flex-direction:column;
        align-items:flex-start;
      }
      .assistant-thread {
        padding:12px;
      }
      .assistant-actions {
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
        gap:8px;
      }
      .assistant-actions .btn {
        width:100%;
        justify-content:center;
        padding-left:10px;
        padding-right:10px;
      }
      .assistant-empty,
      .assistant-msg,
      .assistant-msg.rich-text,
      .assistant-user-text,
      .assistant-bot-text {
        font-size:13px;
        line-height:1.55;
      }
      .assistant-guidance-grid {
        grid-template-columns:1fr;
      }
      .admin-settings-modal {
        gap:12px;
      }
      .admin-settings-tabs {
        width:100%;
        overflow-x:auto;
        flex-wrap:nowrap;
        padding:4px;
        scrollbar-width:none;
      }
      .admin-settings-tabs::-webkit-scrollbar {
        display:none;
      }
      .admin-settings-tab {
        flex:0 0 auto;
        min-width:max-content;
      }
      .integrations-vendor-strip,
      .integrations-subvendor-strip {
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-bottom:4px;
        scrollbar-width:none;
      }
      .integrations-vendor-strip::-webkit-scrollbar,
      .integrations-subvendor-strip::-webkit-scrollbar {
        display:none;
      }
      .integration-vendor-btn {
        flex:0 0 auto;
        min-height:42px;
      }
      .tenant-user-import-text,
      .manager-notes-input,
      .coaching-reply-textarea.rep-ack-textarea,
      #appDialogInput {
        font-size:16px;
      }
      .compare-strip {
        flex-direction:column;
      }
      .compare-strip .field {
        width:100%;
      }
      .leaderboard-wrap,
      .manager-rows-wrap {
        border-radius:16px;
      }
      .manager-rows-table,
      .lb-table {
        min-width:760px;
      }
      .home-stage-head { align-items:flex-start; }
      .home-stage-head-side { width:100%; justify-content:flex-start; align-items:flex-start; }
      .home-stage-head-compact { margin-bottom:8px; }
      .home-stage-head-side-compact { width:100%; }
      .daily-briefing { grid-template-columns:1fr; }
      .briefing-narrative { grid-template-columns:1fr; }
      .manager-command-strip { grid-template-columns:1fr; }
      .team-kpi-strip, .rdv-kpi-strip { grid-template-columns:repeat(2,1fr); }
      .rep-scorecard-section-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
      .market-launch-guidelines { grid-template-columns:1fr; }
      .team-dashboard-grid, .team-dashboard-grid-customizable, .rdv-row-chart, .rdv-row-bottom, .director-summary-grid, .director-manager-grid, .director-rollup-grid, .rep-game-grid, .rep-engagement-grid, .rep-progress-grid, .rep-recap-grid, .reporting-summary-grid, .reporting-dashboard-grid, .reporting-stage-aging { grid-template-columns:1fr; }
      .reporting-workspace-pills { justify-content:flex-start; }
      .reporting-owner-head { align-items:flex-start; }
      .team-dashboard-grid-customizable .team-dashboard-tile { grid-column:1 / -1; }
      .rep-workspace-canvas { min-height:0; }
      .rep-workspace-canvas .rep-workspace-tile { width:100% !important; }
      .rep-workspace-tile-tools { position:static; justify-content:flex-end; margin:0 10px 8px; }
      .rep-workspace-tile-editable .rdv-card-head,
      .rep-workspace-tile-editable .rep-game-head { padding-right:14px; }
      .team-dashboard-tile-head { flex-wrap:wrap; }
      .team-dashboard-tile-tools { width:100%; justify-content:space-between; margin-left:0; }
      .team-dashboard-size-menu { position:static; box-shadow:none; background:transparent; border:none; padding:0; }
      .team-dashboard-hidden-strip { flex-direction:column; align-items:flex-start; }
      .team-dashboard-hidden-actions { justify-content:flex-start; }
      .team-phone-strip { grid-template-columns:1fr 1fr; }
      .coverage-summary { grid-template-columns:1fr; }
      .spotlight-metric-strip { grid-template-columns:1fr; }
      .rep-hero-grid { grid-template-columns:1fr; }
      .rep-hero-title { max-width:none; }
      .rep-hero-rail { grid-template-columns:1fr; }
      .rep-performance-rail { grid-template-columns:1fr; }
      .rep-performance-chart-row { grid-template-columns:1fr; }
      .rep-workspace-tabs { padding-left:0; margin-bottom:10px; }
      .rep-workspace-tab { min-width:0; width:100%; border-radius:18px; border-bottom:1.5px solid var(--neutral-200); }
      .manager-workspace-tabs { margin-bottom:10px; }
      .manager-workspace-tab { min-width:0; width:100%; border-radius:18px; }
      .rep-hero-utility-actions { margin-left:0; width:100%; justify-content:flex-start; }
      .rep-battle-add-row { grid-template-columns:1fr; }
    }

    /* ── LEADERBOARD ── */
    .roster-controls { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
    .roster-view-toggle { display:flex; gap:3px; background:var(--neutral-100); border-radius:var(--radius-sm); padding:3px; }
    .roster-view-toggle-embedded { background:rgba(255,255,255,0.75); border:1px solid rgba(18,18,15,0.06); box-shadow:var(--shadow-sm); }
    .rvt-btn { padding:5px 14px; border-radius:4px; font-size:12px; font-weight:600; cursor:pointer; border:none; background:transparent; color:var(--neutral-500); font-family:inherit; transition:all 0.15s; white-space:nowrap; }
    .rvt-btn.active { background:var(--white); color:var(--neutral-900); box-shadow:var(--shadow-sm); }
    .leaderboard-wrap { display:none; }
    .leaderboard-wrap.show { display:block; }
    .manager-rows-wrap { display:none; background:var(--white); border:1.5px solid var(--neutral-100); border-radius:var(--radius-md); overflow:auto; box-shadow:var(--shadow-sm); }
    .manager-rows-wrap.show { display:block; }
    .manager-rows-table { width:100%; min-width:1120px; border-collapse:collapse; }
    .manager-rows-table th { padding:10px 12px; text-align:left; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:var(--neutral-400); border-bottom:1px solid var(--neutral-100); white-space:nowrap; background:var(--neutral-50); }
    .manager-rows-table th.sortable,
    .director-manager-table th.sortable,
    .director-rep-table th.sortable { cursor:pointer; user-select:none; transition:color 0.12s, background 0.12s; }
    .manager-rows-table th.sortable:hover,
    .director-manager-table th.sortable:hover,
    .director-rep-table th.sortable:hover { color:var(--neutral-900); background:rgba(245,161,0,0.05); }
    .manager-rows-table th.sorted,
    .director-manager-table th.sorted,
    .director-rep-table th.sorted { color:var(--yellow-600); }
    .table-sort-arrow { margin-left:4px; font-size:9px; }
    .manager-rows-table td { padding:12px; font-size:12px; border-bottom:1px solid var(--neutral-100); vertical-align:top; }
    .manager-rows-table tbody tr { cursor:pointer; transition:background 0.12s; }
    .manager-rows-table tbody tr:hover { background:var(--yellow-50); }
    .manager-row-name { font-weight:700; font-size:13px; }
    .manager-row-sub { font-size:11px; color:var(--neutral-400); margin-top:2px; }
    .manager-row-status { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; }
    .manager-row-dot { width:7px; height:7px; border-radius:50%; }
    .manager-row-action { font-size:11px; color:var(--neutral-700); line-height:1.45; max-width:220px; }
    .manager-row-touch { font-size:11px; color:var(--neutral-500); }
    .manager-row-kpi { min-width:116px; }
    .manager-row-kpi strong { display:block; font-size:13px; margin-bottom:2px; }
    .manager-row-kpi span { font-size:10px; color:var(--neutral-400); }
    .lb-table { width:100%; border-collapse:collapse; background:var(--white); border:1.5px solid var(--neutral-100); border-radius:var(--radius-md); overflow:hidden; }
    .lb-thead th { padding:10px 12px; text-align:left; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:var(--neutral-400); border-bottom:1px solid var(--neutral-100); white-space:nowrap; cursor:pointer; user-select:none; background:var(--neutral-50); transition:color 0.1s; }
    .lb-thead th:hover { color:var(--neutral-900); }
    .lb-thead th.sorted { color:var(--yellow-600); }
    .sort-arrow { font-size:9px; margin-left:3px; }
    .lb-tbody tr { border-bottom:1px solid var(--neutral-100); cursor:pointer; transition:background 0.1s; }
    .lb-tbody tr:last-child { border-bottom:none; }
    .lb-tbody tr:hover { background:var(--yellow-50); }
    .lb-tbody td { padding:11px 12px; font-size:13px; }
    .lb-rank { font-size:11px; font-weight:700; color:var(--neutral-400); width:24px; }
    .lb-name { font-weight:700; }
    .lb-sub { font-size:11px; color:var(--neutral-400); font-weight:400; }

    /* ── ACTION ITEMS ── */
    .ai-section { margin-top:12px; padding-top:12px; border-top:1px solid var(--neutral-100); }
    .ai-section-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.3px; color:var(--neutral-500); margin-bottom:8px; }
    .ai-add-row { display:flex; gap:6px; margin-bottom:6px; }
    .ai-add-row input { flex:1; }
    .ai-add-btn { flex-shrink:0; padding:8px 12px; font-size:12px; font-weight:600; background:var(--neutral-100); color:var(--neutral-700); border:1.5px solid var(--neutral-300); border-radius:var(--radius-sm); cursor:pointer; font-family:inherit; transition:all 0.12s; white-space:nowrap; }
    .ai-add-btn:hover { background:var(--yellow-50); border-color:var(--yellow-500); }
    .ai-pending-list { display:flex; flex-direction:column; gap:5px; margin-bottom:6px; }
    .ai-pending-item { display:flex; align-items:center; gap:6px; padding:6px 8px; background:var(--white); border:1.5px solid var(--neutral-100); border-radius:var(--radius-sm); }
    .ai-pending-item span { flex:1; font-size:12px; color:var(--neutral-700); }
    .ai-remove-btn { background:none; border:none; color:var(--neutral-400); cursor:pointer; font-size:14px; padding:0 2px; line-height:1; transition:color 0.1s; flex-shrink:0; }
    .ai-remove-btn:hover { color:var(--red-500); }
    /* Rep-side checklist */
    .ai-checklist { display:flex; flex-direction:column; gap:6px; }
    .ai-check-item { display:flex; align-items:flex-start; gap:8px; padding:9px 12px; background:var(--neutral-50); border:1.5px solid var(--neutral-100); border-radius:var(--radius-sm); transition:all 0.15s; cursor:pointer; }
    .ai-check-item:hover { border-color:var(--yellow-200); }
    .ai-check-item.done { background:var(--green-100); border-color:var(--green-100); }
    .ai-check-item.done .ai-check-text { text-decoration:line-through; color:var(--neutral-400); }
    .ai-check-box { width:17px; height:17px; border-radius:4px; border:1.5px solid var(--neutral-300); flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:11px; background:var(--white); transition:all 0.12s; margin-top:1px; }
    .ai-check-box.checked { background:var(--green-400); border-color:var(--green-400); color:var(--white); }
    .ai-check-text { font-size:13px; line-height:1.4; flex:1; }
    .ai-check-source { font-size:10px; color:var(--neutral-400); margin-top:3px; }

    /* ── LOOKER INTEGRATION ── */
    .looker-btn { display:flex; align-items:center; gap:5px; padding:5px 11px; border-radius:var(--radius-sm); border:1px solid #3a3a33; background:transparent; color:#9a9a8e; font-size:11px; font-weight:600; cursor:pointer; font-family:inherit; transition:all 0.15s; white-space:nowrap; }
    .looker-btn:hover { border-color:var(--yellow-500); color:var(--yellow-500); }
    .looker-status-row { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
    .looker-dot { width:7px; height:7px; border-radius:50%; flex-shrink:0; }
    .looker-dot-demo { background:var(--neutral-400); }
    .looker-dot-live { background:var(--green-400); }
    .looker-dot-err  { background:var(--red-500); }
    .looker-label { font-size:11px; font-weight:600; }
    .looker-label-demo { color:#9a9a8e; }
    .looker-label-live { color:var(--green-400); }
    .looker-label-err  { color:var(--red-500); }
    .looker-ts { font-size:10px; color:#6b6b60; }
    .looker-refresh-btn { padding:3px 9px; font-size:11px; font-weight:600; background:transparent; color:#9a9a8e; border:1px solid #3a3a33; border-radius:4px; cursor:pointer; font-family:inherit; transition:all 0.12s; display:inline-flex; align-items:center; gap:4px; }
    .looker-refresh-btn:hover { border-color:var(--yellow-500); color:var(--yellow-500); }
    .looker-spinner { width:10px; height:10px; border:1.5px solid rgba(255,255,255,0.3); border-top-color:var(--yellow-500); border-radius:50%; animation:spin 0.7s linear infinite; display:none; }
    .looker-refresh-btn.spinning .looker-spinner { display:inline-block; }
    .looker-refresh-btn.spinning .looker-refresh-icon { display:none; }

    /* ── CSV SETUP MODAL ── */
    .csv-setup-info { background:var(--blue-100); border-radius:var(--radius-sm); padding:10px 14px; font-size:13px; margin-bottom:16px; color:var(--blue-700); }
    .csv-section-head { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.6px; color:var(--neutral-500); margin:18px 0 8px; }
    .csv-role-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:4px; }
    .csv-role-item label { display:block; font-size:11px; font-weight:600; color:var(--neutral-500); margin-bottom:4px; }
    .csv-select { width:100%; padding:7px 10px; border:1px solid var(--neutral-300); border-radius:var(--radius-sm); font-size:13px; background:var(--white); color:var(--neutral-900); font-family:inherit; }
    .csv-select-sm { width:auto; padding:5px 8px; font-size:12px; }
    .csv-input { width:100%; padding:6px 9px; border:1px solid var(--neutral-300); border-radius:var(--radius-sm); font-size:13px; font-family:inherit; color:var(--neutral-900); background:var(--white); }
    .csv-input-sm { width:90px; }
    .csv-kpi-row { border:1px solid var(--neutral-100); border-radius:var(--radius-sm); padding:10px 12px; margin-bottom:8px; background:var(--neutral-50); }
    .csv-kpi-col-name { font-size:12px; font-weight:700; color:var(--neutral-700); margin-bottom:8px; font-family:monospace; }
    .csv-kpi-controls { display:flex; gap:10px; flex-wrap:wrap; align-items:flex-end; }
    .csv-kpi-field label { display:block; font-size:10px; font-weight:600; color:var(--neutral-400); text-transform:uppercase; letter-spacing:0.4px; margin-bottom:4px; }

    /* ── DARK MODE ── */
    body.dark-mode {
      background:
        radial-gradient(circle at top left, rgba(245,161,0,0.08), transparent 24%),
        radial-gradient(circle at bottom right, rgba(42,122,75,0.07), transparent 22%),
        linear-gradient(180deg, #141411 0%, #11110f 100%);
      color:#e0e0d8;
    }
    body.dark-mode .header { background:#0a0a08; }
    body.dark-mode .progress-bar { background:#1a1a17; border-color:#2a2a25; }
    body.dark-mode .card, body.dark-mode .modal, body.dark-mode .plans-panel,
    body.dark-mode .rep-card, body.dark-mode .team-dash, body.dark-mode .rdv-card,
    body.dark-mode .collapse, body.dark-mode .gen-card, body.dark-mode .snap-card { background:#1e1e1a; border-color:#2a2a25; }
    body.dark-mode input[type="text"], body.dark-mode input[type="password"], body.dark-mode input[type="date"],
    body.dark-mode select, body.dark-mode textarea { background:#242420; border-color:#3a3a33; color:#e0e0d8; }
    body.dark-mode .modal-overlay { background:rgba(0,0,0,0.7); }
    body.dark-mode .rep-profile-panel { background:linear-gradient(180deg, #1a1a16 0%, #141411 100%); border-left-color:#2a2a25; box-shadow:-14px 0 42px rgba(0,0,0,0.34); }
    body.dark-mode .rp-tabs, body.dark-mode .rp-tab { background:#1e1e1a; }
    body.dark-mode .rp-tab.active { background:#242420; }
    body.dark-mode .rp-head { background:linear-gradient(180deg, rgba(33,29,20,0.98) 0%, rgba(22,22,18,0.98) 100%); border-bottom-color:#2a2a25; box-shadow:0 12px 28px rgba(0,0,0,0.22); }
    body.dark-mode .rp-role-banner { background:linear-gradient(180deg, rgba(19,35,59,0.92) 0%, rgba(16,28,46,0.94) 100%); border-bottom-color:#29466e; }
    body.dark-mode .workspace-trust-card,
    body.dark-mode .rep-trust-inner { background:linear-gradient(180deg, rgba(22,21,17,0.98) 0%, rgba(17,16,13,0.95) 100%); border-color:#302c23; box-shadow:0 16px 28px rgba(0,0,0,0.22); }
    body.dark-mode .data-freshness-banner {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.18), transparent 38%),
        linear-gradient(180deg, rgba(45,34,14,0.96) 0%, rgba(23,21,17,0.98) 100%);
      border-color:rgba(245,161,0,0.26);
      box-shadow:0 16px 30px rgba(0,0,0,0.24);
    }
    body.dark-mode .data-freshness-kicker { color:#ffd17a; }
    body.dark-mode .data-freshness-title { color:#fff4dd; }
    body.dark-mode .data-freshness-sub { color:#d1c5ae; }
    body.dark-mode .data-freshness-pill {
      background:rgba(255,255,255,0.06);
      border-color:rgba(245,161,0,0.22);
      color:#f2e4c3;
    }
    body.dark-mode .workspace-trust-copy { color:#bdb4a4; }
    body.dark-mode .rep-trust-strip { background:linear-gradient(180deg, rgba(23,22,18,0.96) 0%, rgba(19,18,15,0.92) 100%); }
    body.dark-mode .rp-section { border-color:#2a2a25; }
    body.dark-mode .kpi-tile, body.dark-mode .log-form { background:#242420; border-color:#2a2a25; }
    body.dark-mode .ai-check-item { background:#242420; border-color:#2a2a25; }
    body.dark-mode .lb-table { background:#1e1e1a; border-color:#2a2a25; }
    body.dark-mode .manager-rows-wrap { background:#1e1e1a; border-color:#2a2a25; }
    body.dark-mode .manager-rows-table th { background:#242420; border-color:#2a2a25; color:#a9a99d; }
    body.dark-mode .manager-rows-table th.sortable:hover,
    body.dark-mode .director-manager-table th.sortable:hover,
    body.dark-mode .director-rep-table th.sortable:hover { background:#2a2a1e; color:#f0ede3; }
    body.dark-mode .manager-rows-table td { border-color:#2a2a25; color:#e0e0d8; }
    body.dark-mode .manager-rows-table tbody tr:hover { background:#2a2a1e; }
    body.dark-mode .manager-row-sub,
    body.dark-mode .manager-row-kpi span { color:#a9a99d; }
    body.dark-mode .rep-scorecard-compact-section { background:#242420; border-color:#2a2a25; }
    body.dark-mode .rep-scorecard-compact-item { border-right-color:#2a2a25; border-top-color:#2a2a25; }
    body.dark-mode .rep-scorecard-compact-label { color:#a9a99d; }
    body.dark-mode .rep-scorecard-compact-value { color:#f0ede3; }
    body.dark-mode .manager-row-touch,
    body.dark-mode .manager-row-action { color:#c8c5bb; }
    body.dark-mode .roster-filter-bar { background:rgba(30,30,26,0.92); border-color:#2a2a25; }
    body.dark-mode .home-summary-card { background:linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(24,24,21,0.98) 100%); border-color:#2a2a25; box-shadow:0 18px 32px rgba(0,0,0,0.22); }
    body.dark-mode .reporting-workspace-bar {
      background:linear-gradient(180deg, rgba(22,21,17,0.98) 0%, rgba(17,16,13,0.95) 100%);
      border-color:#302c23;
      box-shadow:0 18px 30px rgba(0,0,0,0.24);
    }
    body.dark-mode .reporting-workspace-title { color:#f3ecdf; }
    body.dark-mode .reporting-workspace-copy { color:#bdb4a4; }
    body.dark-mode .team-reporting-filter-chip {
      background:#1e1e1a;
      border-color:#2a2a25;
      color:#d6d6d0;
    }
    body.dark-mode .team-reporting-filter-chip strong { color:#fffef8; }
    body.dark-mode .team-reporting-filter-chip.is-active {
      border-color:#7a5c16;
      background:linear-gradient(180deg, rgba(82,61,14,0.30) 0%, rgba(45,35,12,0.38) 100%);
    }
    body.dark-mode .team-reporting-filter-clear {
      border-color:#2a2a25;
      color:#c3c3bc;
    }
    body.dark-mode .team-reporting-filter-clear:hover {
      border-color:#4a4a42;
      color:#fffef8;
      background:rgba(255,255,255,0.04);
    }
    body.dark-mode .prototype-note-card { background:#1a2742; border-color:#31486f; color:#d2def6; }
    body.dark-mode .prototype-note-title,
    body.dark-mode .prototype-note-copy,
    body.dark-mode .home-summary-sub { color:#d2def6; }
    body.dark-mode .prototype-pill { background:rgba(12,18,29,0.72); border-color:#31486f; color:#d2def6; }
    body.dark-mode .home-stage-analysis { background:linear-gradient(180deg, rgba(30,30,26,0.96) 0%, rgba(24,24,21,0.98) 100%); border-color:#2a2a25; }
    body.dark-mode .home-stage-copy { color:#a9a99d; }
    body.dark-mode .spotlight-card {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.1), transparent 26%),
        linear-gradient(180deg, #242019 0%, #1e1a14 100%);
      border-color:#6b5200;
    }
    body.dark-mode .spotlight-card.dept-theme-support {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.08), transparent 24%),
        linear-gradient(180deg, #21201b 0%, #1b1a16 100%);
      border-color:#4e4434;
    }
    body.dark-mode .spotlight-copy { color:#d6d1c3; }
    body.dark-mode .spotlight-side { background:rgba(20,20,17,0.7); border-color:#3b3425; }
    body.dark-mode .spotlight-side-title { color:#bfb8a7; }
    body.dark-mode .spotlight-side-item { background:rgba(42,32,0,0.42); border-color:#6b5200; }
    body.dark-mode .spotlight-side-item span { color:#d6d1c3; }
    body.dark-mode .spotlight-metric-chip { background:rgba(20,20,17,0.58); border-color:#3b3425; }
    body.dark-mode .spotlight-metric-label { color:#a9a99d; }
    body.dark-mode .briefing-spotlight-name { color:#f7f2e5; }
    body.dark-mode .briefing-spotlight-copy { color:#d6d1c3; }
    body.dark-mode .briefing-spotlight-metric {
      background:rgba(20,20,17,0.58);
      border-color:#3b3425;
    }
    body.dark-mode .briefing-spotlight-metric span { color:#a9a99d; }
    body.dark-mode .briefing-spotlight-note {
      background:rgba(42,32,0,0.42);
      border-color:#6b5200;
    }
    body.dark-mode .briefing-spotlight-note strong { color:#f7f2e5; }
    body.dark-mode .briefing-spotlight-note span { color:#d6d1c3; }
    body.dark-mode .briefing-aside {
      background:linear-gradient(180deg, #232018 0%, #1d1a14 100%);
      border-color:#6b5200;
    }
    body.dark-mode .briefing-card {
      background:
        radial-gradient(circle at top right, rgba(255,255,255,0.22), transparent 35%),
        linear-gradient(135deg, #1d1810 0%, #2b2417 36%, #4a3000 100%);
      color:#fff8e8;
    }
    body.dark-mode .briefing-eyebrow { color:rgba(255,248,232,0.72); }
    body.dark-mode .briefing-copy { color:rgba(255,248,232,0.82); }
    body.dark-mode .briefing-kicker { border-top-color:rgba(255,255,255,0.1); color:#d6d1c3; }
    body.dark-mode .briefing-kicker strong { color:#f7f2e5; }
    body.dark-mode .briefing-kicker span { color:#d6d1c3; }
    body.dark-mode .briefing-narrative-block { background:rgba(255,255,255,0.06); border-color:rgba(255,255,255,0.1); }
    body.dark-mode .briefing-narrative-label { color:rgba(255,248,232,0.72); }
    body.dark-mode .briefing-narrative-block p { color:#fff8e8; }
    body.dark-mode .briefing-pill {
      background:rgba(255,255,255,0.1);
      border-color:rgba(255,255,255,0.12);
      color:#fff8e8;
    }
    body.dark-mode .briefing-action-chip {
      background:rgba(255,255,255,0.1);
      border-color:rgba(255,255,255,0.14);
      color:rgba(255,255,255,0.88);
    }
    body.dark-mode .briefing-action-btn {
      border-color:rgba(255,255,255,0.18);
      background:rgba(255,255,255,0.06);
      color:var(--white);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04);
    }
    body.dark-mode .briefing-action-btn:hover:not(:disabled) {
      background:rgba(255,255,255,0.14);
      border-color:rgba(255,255,255,0.28);
      color:var(--white);
    }
    body.dark-mode .briefing-aside-title { color:#bfb8a7; }
    body.dark-mode .briefing-list-item { background:rgba(20,20,17,0.56); border-color:#3b3425; color:#ece5d8; }
    body.dark-mode .briefing-op-card { background:linear-gradient(180deg, #181713 0%, #12110f 100%); border-color:#2e2a22; }
    body.dark-mode .briefing-op-card-livebind {
      background:
        radial-gradient(circle at top right, rgba(203,159,74,0.16), transparent 36%),
        linear-gradient(180deg, rgba(29,27,23,0.98) 0%, rgba(21,19,17,0.96) 100%);
    }
    body.dark-mode .briefing-op-title { color:#f5efe2; }
    body.dark-mode .briefing-op-copy { color:#c7c1b4; }
    body.dark-mode .briefing-live-bind-item {
      background:rgba(255,255,255,0.04);
      border-color:rgba(255,255,255,0.1);
    }
    body.dark-mode .briefing-live-bind-item:hover {
      background:rgba(255,255,255,0.07);
      border-color:rgba(214,188,132,0.28);
    }
    body.dark-mode .briefing-live-bind-copy strong { color:#f7f2e5; }
    body.dark-mode .briefing-live-bind-copy span { color:#d6d1c3; }
    body.dark-mode .workspace-sync-list-item { background:#171613; border-color:#2b2821; color:#ece5d8; }
    body.dark-mode .workspace-sync-list-item:hover { background:#231d10; border-color:#6b5200; }
    body.dark-mode .search-palette-chip { background:#242420; border-color:#2a2a25; color:#b7b7ac; }
    body.dark-mode .sidebar-section-label { color:#6d6d62; }
    body.dark-mode .tour-copy { color:#d0cec4; }
    body.dark-mode .tour-callout { background:#2a2000; border-color:#6b5200; color:#f0e5c2; }
    body.dark-mode .tour-progress-dot { background:#2a2a25; }
    body.dark-mode .tour-target-hint { color:#8fb6ff; }
    body.dark-mode .lb-thead th { background:#242420; border-color:#2a2a25; color:#6b6b60; }
    body.dark-mode .lb-tbody tr { border-color:#2a2a25; }
    body.dark-mode .lb-tbody tr:hover { background:#2a2a1e; }
    body.dark-mode .et-right { background:linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(25,25,22,0.98) 100%); border-color:#2a2a25; box-shadow:0 14px 28px rgba(0,0,0,0.24); }
    body.dark-mode .et-connector { background:linear-gradient(180deg, rgba(255,211,122,0.32) 0%, rgba(66,66,59,0.42) 100%); }
    body.dark-mode .et-delete-btn { background:#242420; border-color:#2a2a25; color:#b7b7ac; }
    body.dark-mode .et-delete-btn:hover { border-color:#d66d63; color:#f2b8b1; background:#3a1f1d; }
    body.dark-mode .agenda-item { background:#242420; border-color:#2a2a25; }
    body.dark-mode .agenda-item-overdue { background:#321c19; border-color:#6b342e; }
    body.dark-mode .agenda-item-today { background:#2a2417; border-color:#6e561c; }
    body.dark-mode .agenda-item-soon { background:#1a2435; border-color:#274a88; }
    body.dark-mode .agenda-note,
    body.dark-mode .agenda-empty,
    body.dark-mode .et-followup-pill { color:#d7d7cf; }
    body.dark-mode .et-calendar-btn { background:#1e1e1a; border-color:#274a88; color:#8eb0f0; }
    body.dark-mode .et-calendar-btn:hover { background:#1a2435; }
    body.dark-mode .history-item, body.dark-mode .plan-card { background:linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(25,25,22,0.98) 100%); border-color:#2a2a25; box-shadow:0 14px 28px rgba(0,0,0,0.22); }
    body.dark-mode .reply-card { background:#131c22; border-color:#274252; box-shadow:0 16px 30px rgba(0,0,0,0.22); }
    body.dark-mode .plans-section-title span { background:rgba(255,188,77,0.14); color:#ffcf74; }
    body.dark-mode .reply-card-sub,
    body.dark-mode .reply-card-head span,
    body.dark-mode .coaching-reply-head { color:#bcb8ad; }
    body.dark-mode .reply-card-body,
    body.dark-mode .coaching-reply-body { color:#e7e5df; }
    body.dark-mode .coaching-reply { background:linear-gradient(180deg, rgba(32,32,28,0.98) 0%, rgba(23,23,20,0.98) 100%); border-color:#2a2a25; box-shadow:0 14px 28px rgba(0,0,0,0.22); }
    body.dark-mode .help-panel-toolbar,
    body.dark-mode .help-topic-list { border-color:#2a2a25; }
    body.dark-mode .help-search-input,
    body.dark-mode .help-role-chip,
    body.dark-mode .help-topic-card,
    body.dark-mode .help-mini-card { background:#242420; border-color:#2a2a25; color:#e0e0d8; }
    body.dark-mode .help-role-chip.active { background:#2a2000; border-color:#6b5200; color:#ffd980; }
    body.dark-mode .help-topic-card:hover { background:#2a2a1e; border-color:#6b5200; }
    body.dark-mode .help-topic-card.active { background:#2a2418; border-color:#6b5200; }
    body.dark-mode .help-panel-sub,
    body.dark-mode .help-topic-summary,
    body.dark-mode .help-empty,
    body.dark-mode .help-mini-card span,
    body.dark-mode .help-article-lead,
    body.dark-mode .help-article-section p,
    body.dark-mode .help-article-list li { color:#c8c5bb; }
    body.dark-mode .help-topic-eyebrow,
    body.dark-mode .help-tag { color:#a9a99d; }
    body.dark-mode .help-topic-title,
    body.dark-mode .help-article-title,
    body.dark-mode .help-article-section h4,
    body.dark-mode .help-mini-card strong { color:#f0ede3; }
    body.dark-mode .help-tag { background:#1b1b17; border-color:#32322b; }
    body.dark-mode .help-callout { background:#1a2742; border-color:#31486f; color:#d2def6; }
    body.dark-mode .collapse-head { background:#242420; }
    body.dark-mode .collapse-body { background:#1e1e1a; }
    body.dark-mode .snap-lbl { background:#242420; }
    body.dark-mode .snap-row > div { border-color:#2a2a25; }
    body.dark-mode .btn-ghost { border-color:#3a3a33; color:#9a9a8e; }
    body.dark-mode .btn-muted { background:#2a2a25; color:#c4c4bb; }
    body.dark-mode .active-plan-card { background:#2a2000; border-color:#6b5200; }
    body.dark-mode .team-dash-body,
    body.dark-mode .team-kpi-card,
    body.dark-mode .team-priority-item { background:#1e1e1a; border-color:#2a2a25; }
    body.dark-mode .manager-command-card,
    body.dark-mode .time-mode-btn,
    body.dark-mode .director-jump-btn,
    body.dark-mode .director-display-btn,
    body.dark-mode .drilldown-item,
    body.dark-mode .workload-block,
    body.dark-mode .compare-tray,
    body.dark-mode .manager-notes-input,
    body.dark-mode .compare-chip,
    body.dark-mode .workload-chip,
    body.dark-mode .coverage-stat,
    body.dark-mode .rep-why-card { background:linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(24,24,21,0.98) 100%); border-color:#2a2a25; color:#e0e0d8; box-shadow:0 16px 30px rgba(0,0,0,0.2); }
    body.dark-mode .market-launch-banner {
      border-color:#6b5200;
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.14), transparent 34%),
        linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(24,24,21,0.98) 100%);
      box-shadow:0 16px 30px rgba(0,0,0,0.22);
    }
    body.dark-mode .market-launch-title { color:#f3efe5; }
    body.dark-mode .market-launch-sub,
    body.dark-mode .market-launch-guideline-copy { color:#c8c5bb; }
    body.dark-mode .market-launch-guideline {
      background:rgba(32,32,28,0.84);
      border-color:#2a2a25;
      box-shadow:0 10px 22px rgba(0,0,0,0.14);
    }
    body.dark-mode .market-launch-guideline-title { color:#ffd980; }
    body.dark-mode .market-launch-guideline.featured { background:rgba(60,44,0,0.55); border-left-color:#f5a100; }
    body.dark-mode .market-launch-guideline-badge { color:#ffd980; }
    body.dark-mode .rep-celebration-banner { background:linear-gradient(135deg, #3b2c05 0%, #4a3607 100%); border-color:#6b5200; }
    body.dark-mode .rep-celebration-title { color:#f3ead0; }
    body.dark-mode .rep-celebration-sub { color:#d3c7a2; }
body.dark-mode .rep-workspace-tab { background:linear-gradient(180deg, #24221b 0%, #1f1d18 100%); border-color:#2a2a25; color:#d6d1c3; }
body.dark-mode .rep-workspace-tab:hover { border-color:#6b5200; box-shadow:0 14px 24px rgba(0,0,0,0.18); }
body.dark-mode .rep-workspace-tab.active { background:linear-gradient(180deg, #2a2000 0%, #241c08 100%); border-color:#6b5200; color:#f0e5c2; box-shadow:0 12px 24px rgba(245,161,0,0.12); }
body.dark-mode .manager-workspace-tab { background:linear-gradient(180deg, #24221b 0%, #1f1d18 100%); border-color:#2a2a25; color:#d6d1c3; }
body.dark-mode .manager-workspace-tab:hover { border-color:#6b5200; box-shadow:0 14px 24px rgba(0,0,0,0.18); }
body.dark-mode .manager-workspace-tab.active { background:linear-gradient(180deg, #2a2000 0%, #241c08 100%); border-color:#6b5200; color:#f0e5c2; box-shadow:0 12px 24px rgba(245,161,0,0.12); }
    body.dark-mode .rep-workspace-tab small,
    body.dark-mode .manager-workspace-tab small,
    body.dark-mode .rep-battle-toolbar-copy { color:#a9a99d; }
    body.dark-mode .rep-game-card,
    body.dark-mode .rep-battle-card,
    body.dark-mode .rep-challenge-item,
    body.dark-mode .rep-badge { background:#1f1f1b; border-color:#2a2a25; }
    body.dark-mode .rep-battle-card-self,
    body.dark-mode .rep-badge.earned { background:linear-gradient(180deg, #2a2000 0%, #241c08 100%); border-color:#6b5200; }
    body.dark-mode .rep-battle-card-avg { background:#242420; }
    body.dark-mode .rep-game-sub,
    body.dark-mode .rep-battle-sub,
    body.dark-mode .rep-badge small,
    body.dark-mode .rep-challenge-item span { color:#a9a99d; }
    body.dark-mode .rep-battle-chip { background:#242420; border-color:#2a2a25; color:#e0e0d8; }
    body.dark-mode .rep-battle-chip-points,
    body.dark-mode .director-kpi-chip-points { color:#9a9a8e; }
    body.dark-mode .rep-region-badge {
      background:rgba(245,161,0,0.16);
      border-color:rgba(245,161,0,0.24);
      color:#ffd980;
    }
    body.dark-mode .rep-floor-row-self { background:rgba(245,161,0,0.14); }
    body.dark-mode .rdv-kpi-celebration { background:#2a2000; color:#ffd980; }
    body.dark-mode .rdv-kpi-easter { color:#b7b7ac; }
    body.dark-mode .rdv-kpi-premium {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.12), transparent 34%),
        linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(24,24,21,0.98) 100%);
      box-shadow:0 16px 30px rgba(0,0,0,0.24);
    }
    body.dark-mode .rep-mini-banner { background:#1a2742; border-color:#31486f; color:#d2def6; }
    body.dark-mode .goat-callout { background:rgba(42, 32, 0, 0.95); border-color:#6b5200; color:#ffd980; }
    body.dark-mode .rep-next-action { background:#242420; border-color:#2a2a25; }
    body.dark-mode .team-phone-stat { background:#242420; border-color:#2a2a25; }
    body.dark-mode .manage-rep-row { border-color:#2a2a25; }
    body.dark-mode .team-kpi-driver { border-color:#2a2a25; }
    body.dark-mode .team-kpi-driver-card { background:#2a2000; border-color:#6b5200; }
    body.dark-mode .team-kpi-driver-name { color:#e0e0d8; }
    body.dark-mode .team-status-row { background:#242420; border-color:#2a2a25; }
    body.dark-mode .director-tab-strip,
    body.dark-mode .director-jump-strip { background:linear-gradient(180deg, rgba(30,30,26,0.98) 0%, rgba(36,36,32,1) 100%); }
    body.dark-mode .director-section { background:linear-gradient(180deg, #1e1e1a 0%, #191915 100%); border-color:#2a2a25; }
    body.dark-mode .director-section-head { border-color:#2a2a25; }
    body.dark-mode .director-section-copy,
    body.dark-mode .director-rollup-meta,
    body.dark-mode .director-jump-label,
    body.dark-mode .director-manager-copy,
    body.dark-mode .team-kpi-sub,
    body.dark-mode .team-dash-sub,
    body.dark-mode .team-phone-stat-label,
    body.dark-mode .coverage-stat-sub,
    body.dark-mode .workload-sub,
    body.dark-mode .team-kpi-driver-label,
    body.dark-mode .lb-sub,
    body.dark-mode .rdv-plan-meta,
    body.dark-mode .rdv-empty,
    body.dark-mode .director-rep-table th,
    body.dark-mode .director-manager-table th { color:#8f8f84; }
    body.dark-mode .director-rollup-box,
    body.dark-mode .director-kpi-card,
    body.dark-mode .director-manager-card,
    body.dark-mode .director-manager-table-wrap,
    body.dark-mode .director-rep-table-wrap { background:#242420; border-color:#2a2a25; }
    body.dark-mode .director-manager-card { background:linear-gradient(180deg, #242019 0%, #211d16 100%); border-color:#6b5200; }
    body.dark-mode .director-manager-table-wrap { background:linear-gradient(180deg, #242019 0%, #211d16 100%); border-color:#6b5200; }
    body.dark-mode .director-manager-table td,
    body.dark-mode .director-manager-table th,
    body.dark-mode .director-rep-table td,
    body.dark-mode .director-rep-table th { border-color:#2a2a25; }
    body.dark-mode .director-manager-table tbody tr:hover,
    body.dark-mode .director-rep-table tbody tr:hover { background:#2a2a1e; }
    body.dark-mode .director-kpi-chip { background:#1b1b17; border-color:#32322b; color:#ddd8ca; }
    body.dark-mode .director-inline-status .status-pill-good { background:rgba(42,122,75,0.18); color:#7fcb98; }
    body.dark-mode .director-inline-status .status-pill-warn { background:rgba(245,161,0,0.18); color:#ffd27a; }
    body.dark-mode .director-inline-status .status-pill-bad,
    body.dark-mode .status-pill-bad { background:rgba(192,57,43,0.18); color:#ef9a8d; }
    body.dark-mode .status-pill-good { background:rgba(42,122,75,0.18); color:#7fcb98; }
    body.dark-mode .status-pill-warn { background:rgba(245,161,0,0.18); color:#ffd27a; }
    body.dark-mode .director-jump-btn:hover,
    body.dark-mode .director-display-btn:hover,
    body.dark-mode .workload-chip:hover,
    body.dark-mode .compare-chip:hover { background:#2a2a1e; }
    body.dark-mode .director-display-btn.active,
    body.dark-mode .director-jump-btn.active,
    body.dark-mode .time-mode-btn.active { background:#2a2000; border-color:#6b5200; color:#ffd980; }
    body.dark-mode .time-mode-btn span,
    body.dark-mode .director-display-btn,
    body.dark-mode .director-jump-btn { color:#d6d1c3; }
    body.dark-mode .time-mode-btn small { color:#8f8f84; }
    body.dark-mode .weekly-results-week span,
    body.dark-mode .weekly-results-metric-label,
    body.dark-mode .weekly-results-primary span:last-child,
    body.dark-mode .weekly-results-pane-head span { color:#b9b09f; }
    body.dark-mode .weekly-results-helper {
      background:rgba(245,161,0,0.14);
      border-color:rgba(245,161,0,0.22);
      color:#ffd980;
    }
    body.dark-mode .surface-title-sm,
    body.dark-mode .surface-copy,
    body.dark-mode .director-manager-top .surface-title-sm,
    body.dark-mode .director-rollup-head .surface-title-sm,
    body.dark-mode .team-priority-kpi,
    body.dark-mode .team-priority-sub,
    body.dark-mode .director-status,
    body.dark-mode .director-manager-table td,
    body.dark-mode .director-rep-table td { color:#e0e0d8; }
    body.dark-mode .rvt-btn.active,
    body.dark-mode .compare-rep-select,
    body.dark-mode .csv-select,
    body.dark-mode .csv-input,
    body.dark-mode .fm-select { background:#242420; color:#e0e0d8; border-color:#3a3a33; }
    body.dark-mode .roster-view-toggle { background:#242420; }
    body.dark-mode .roster-view-toggle-embedded { border-color:rgba(255,255,255,0.08); box-shadow:none; }
    body.dark-mode .focus-item-title,
    body.dark-mode .focus-item-sub,
    body.dark-mode .search-empty,
    body.dark-mode .sri-main,
    body.dark-mode .sri-sub { color:#e0e0d8; }
    body.dark-mode .surface-eyebrow,
    body.dark-mode .roster-sub,
    body.dark-mode .rep-mgr,
    body.dark-mode .rep-last-touch,
    body.dark-mode .rep-kpi-label,
    body.dark-mode .rep-next-action-label,
    body.dark-mode .team-kpi-label,
    body.dark-mode .team-phone-stat-label,
    body.dark-mode .coverage-stat-label,
    body.dark-mode .team-status-label,
    body.dark-mode .rdv-kpi-label,
    body.dark-mode .rdv-kpi-target,
    body.dark-mode .rdv-card-kicker,
    body.dark-mode .rdv-card-sub,
    body.dark-mode .chart-legend-item,
    body.dark-mode .eom-stat-label,
    body.dark-mode .history-empty,
    body.dark-mode .active-plan-meta,
    body.dark-mode .history-item-meta,
    body.dark-mode .et-date,
    body.dark-mode .sparkline-label,
    body.dark-mode .compare-kpi-label,
    body.dark-mode .kpi-tile-label,
    body.dark-mode .kpi-tile-target,
    body.dark-mode .lb-sub,
    body.dark-mode .csv-section-head,
    body.dark-mode .csv-role-item label,
    body.dark-mode .csv-kpi-field label,
    body.dark-mode .db-step-tab,
    body.dark-mode .db-preview-table th,
    body.dark-mode .db-preview-table td,
    body.dark-mode .fm-table th,
    body.dark-mode .fm-field-hint,
    body.dark-mode .manage-rep-meta,
    body.dark-mode .looker-ts,
    body.dark-mode .search-section-label,
    body.dark-mode .search-input::placeholder,
    body.dark-mode .plans-empty,
    body.dark-mode .plan-card-skill,
    body.dark-mode .plan-card-date,
    body.dark-mode .rep-plans-badge,
    body.dark-mode .workload-empty,
    body.dark-mode .drilldown-rank,
    body.dark-mode .drilldown-empty,
    body.dark-mode .compare-tray-sub,
    body.dark-mode .focus-strip-label { color:#a9a99d; }
    body.dark-mode .et-label,
    body.dark-mode .history-item-skill,
    body.dark-mode .drilldown-name,
    body.dark-mode .manage-rep-name,
    body.dark-mode .team-kpi-driver-name,
    body.dark-mode .rep-name,
    body.dark-mode .rdh-sub,
    body.dark-mode .eom-unit,
    body.dark-mode .db-step-tab.active,
    body.dark-mode .fm-field-label,
    body.dark-mode .csv-kpi-col-name,
    body.dark-mode .drop-label,
    body.dark-mode .attach-zone-label,
    body.dark-mode .header-brand-sub { color:#d7d4ca; }
    body.dark-mode .et-note,
    body.dark-mode .rep-next-action-sub,
    body.dark-mode .team-priority-sub,
    body.dark-mode .team-phone-stat strong,
    body.dark-mode .coverage-stat strong,
    body.dark-mode .eom-desc,
    body.dark-mode .db-note,
    body.dark-mode .ds-card-desc,
    body.dark-mode .drop-hint,
    body.dark-mode .attach-zone-hint,
    body.dark-mode .csv-setup-info,
    body.dark-mode .db-preview-table td,
    body.dark-mode .snap-val,
    body.dark-mode .modal-sub,
    body.dark-mode .card-subtitle,
    body.dark-mode .spinner-label { color:#c8c5bb; }
    body.dark-mode .sparkline-wrap,
    body.dark-mode .rep-card-footer,
    body.dark-mode .eom-stat,
    body.dark-mode .chart-wrap,
    body.dark-mode .chart-legend,
    body.dark-mode .team-kpi-driver,
    body.dark-mode .rdv-card-head,
    body.dark-mode .director-manager-table td,
    body.dark-mode .director-rep-table td,
    body.dark-mode .director-manager-table th,
    body.dark-mode .director-rep-table th { border-color:#34342d; }
    body.dark-mode .kpi-bar-wrap,
    body.dark-mode .rdv-kpi-bar,
    body.dark-mode .kpi-tile-bar,
    body.dark-mode .team-kpi-bar { background:#34342d; }
    body.dark-mode .team-dashboard-section,
    body.dark-mode .reporting-workspace-bar {
      border-color:#3b3425;
      box-shadow:0 20px 36px rgba(0,0,0,0.18);
    }
    body.dark-mode .team-dashboard-section {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.1), transparent 30%),
        linear-gradient(180deg, rgba(31,31,27,0.98) 0%, rgba(24,24,21,0.98) 100%);
    }
    body.dark-mode .reporting-workspace-bar {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.08), transparent 34%),
        linear-gradient(180deg, rgba(31,31,27,0.98) 0%, rgba(25,25,22,0.98) 100%);
    }
    body.dark-mode .rep-hero { border-color:#2a2a25; box-shadow:0 16px 34px rgba(0,0,0,0.18); }
    body.dark-mode .rep-hero-header { border-color:#6b5200; }
    body.dark-mode .rep-hero.rep-hero-sales { background:radial-gradient(circle at top right, rgba(245,161,0,0.12), transparent 28%), linear-gradient(180deg, #241f17 0%, #1e1a14 100%); }
    body.dark-mode .rep-hero.rep-hero-support { background:radial-gradient(circle at top right, rgba(245,161,0,0.08), transparent 24%), linear-gradient(180deg, #21201b 0%, #1b1a16 100%); }
    body.dark-mode .rep-hero-story,
    body.dark-mode .rep-hero-rail-card { background:rgba(20,20,17,0.58); border-color:#3b3425; }
    body.dark-mode .rep-hero-copy { color:#d6d1c3; }
    body.dark-mode .rep-hero-rail-card > span { color:#c7c0ad; }
    body.dark-mode .rep-hero-timeline-item span,
    body.dark-mode .rep-hero-empty { color:#a9a99d; }
    body.dark-mode .rep-self-serve-orientation { background:rgba(20,20,17,0.62); border-color:#3b3425; }
    body.dark-mode .rep-self-serve-orientation-copy span:last-child { color:#c7c0ad; }
    body.dark-mode .rep-self-serve-pill { background:rgba(27,25,21,0.92); border-color:#3a3428; color:#ece4cf; }
    body.dark-mode .rep-headtohead-empty-panel { background:linear-gradient(180deg, rgba(30,28,23,0.96) 0%, rgba(22,21,18,0.94) 100%); border-color:#3b3425; }
    body.dark-mode .rep-headtohead-empty-panel span:last-child { color:#c7c0ad; }
    body.dark-mode .rdh-back {
      background:linear-gradient(180deg, rgba(33,33,29,0.94) 0%, rgba(24,24,21,0.96) 100%);
      border-color:#4a4437;
      color:#ddd8ca;
      box-shadow:0 10px 22px rgba(0,0,0,0.18);
    }
    body.dark-mode .rdh-back:hover {
      background:linear-gradient(180deg, rgba(57,44,16,0.9) 0%, rgba(41,32,13,0.96) 100%);
      border-color:#8f6813;
      color:#fff3d1;
    }
    body.dark-mode .dept-tab {
      background:linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(24,24,21,0.98) 100%);
      border-color:#3a3a33;
      color:#d1ccc0;
      box-shadow:0 10px 18px rgba(0,0,0,0.12);
    }
    body.dark-mode .dept-tab:hover {
      border-color:#6b5200;
      color:#f0e5c2;
      background:linear-gradient(180deg, rgba(48,38,15,0.92) 0%, rgba(34,28,12,0.96) 100%);
    }
    body.dark-mode .dept-tab.active {
      border-color:#8f6813;
      background:linear-gradient(180deg, rgba(71,52,11,0.5) 0%, rgba(47,36,13,0.6) 100%);
      color:#fff1c9;
      box-shadow:0 0 0 1px rgba(245,161,0,0.16);
    }
    body.dark-mode .roster-filter-bar .field label,
    body.dark-mode .roster-filter-bar .rep-leaderboard-control-label {
      color:#a9a99d;
    }
    body.dark-mode .roster-filter-bar input::placeholder {
      color:#7f7d73;
    }
    body.dark-mode .roster-filter-bar .btn-ghost {
      background:linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(24,24,21,0.98) 100%);
      border-color:#3a3a33;
      color:#d6d1c3;
      box-shadow:0 10px 18px rgba(0,0,0,0.14);
    }
    body.dark-mode .roster-filter-bar .btn-ghost:hover:not(:disabled) {
      border-color:#6b5200;
      color:#fff1c9;
      background:linear-gradient(180deg, rgba(48,38,15,0.92) 0%, rgba(34,28,12,0.96) 100%);
    }
    body.dark-mode .roster-filter-bar .dept-tab,
    body.dark-mode .roster-filter-bar .director-display-btn,
    body.dark-mode .roster-filter-bar .field input,
    body.dark-mode .roster-filter-bar .field select {
      background:linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(24,24,21,0.98) 100%);
      border-color:#3a3a33;
      color:#e0ddd3;
      box-shadow:0 10px 18px rgba(0,0,0,0.14);
    }
    body.dark-mode .roster-filter-bar .dept-tab:hover,
    body.dark-mode .roster-filter-bar .director-display-btn:hover {
      border-color:#6b5200;
      color:#fff1c9;
      background:linear-gradient(180deg, rgba(48,38,15,0.92) 0%, rgba(34,28,12,0.96) 100%);
    }
    body.dark-mode .roster-filter-bar .dept-tab.active,
    body.dark-mode .roster-filter-bar .director-display-btn.active {
      border-color:#8f6813;
      background:linear-gradient(180deg, rgba(71,52,11,0.5) 0%, rgba(47,36,13,0.6) 100%);
      color:#fff1c9;
      box-shadow:0 0 0 1px rgba(245,161,0,0.16);
    }
    body.dark-mode .rep-workspace-tile .team-dashboard-size-trigger,
    body.dark-mode .rep-workspace-tile .team-dashboard-size-btn,
    body.dark-mode .rep-workspace-tile .team-dashboard-hide-btn,
    body.dark-mode .team-dashboard-tile .team-dashboard-size-trigger,
    body.dark-mode .team-dashboard-tile .team-dashboard-size-btn,
    body.dark-mode .team-dashboard-tile .team-dashboard-hide-btn {
      background:linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(24,24,21,0.98) 100%);
      border-color:#3a3a33;
      color:#d8d3c7;
      box-shadow:0 10px 18px rgba(0,0,0,0.16);
    }
    body.dark-mode .rep-workspace-tile .team-dashboard-size-trigger:hover,
    body.dark-mode .rep-workspace-tile .team-dashboard-size-btn:hover,
    body.dark-mode .rep-workspace-tile .team-dashboard-hide-btn:hover,
    body.dark-mode .team-dashboard-tile .team-dashboard-size-trigger:hover,
    body.dark-mode .team-dashboard-tile .team-dashboard-size-btn:hover,
    body.dark-mode .team-dashboard-tile .team-dashboard-hide-btn:hover {
      border-color:#6b5200;
      color:#fff1c9;
      background:linear-gradient(180deg, rgba(48,38,15,0.92) 0%, rgba(34,28,12,0.96) 100%);
    }
    body.dark-mode .team-dashboard-size-trigger,
    body.dark-mode .team-dashboard-size-btn,
    body.dark-mode .team-dashboard-hide-btn {
      background:linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(24,24,21,0.98) 100%);
      border-color:#3a3a33;
      color:#d1ccc0;
      box-shadow:0 10px 18px rgba(0,0,0,0.16);
    }
    body.dark-mode .team-dashboard-size-trigger:hover,
    body.dark-mode .team-dashboard-size-btn:hover,
    body.dark-mode .team-dashboard-hide-btn:hover {
      border-color:#6b5200;
      background:linear-gradient(180deg, rgba(48,38,15,0.92) 0%, rgba(34,28,12,0.96) 100%);
      color:#fff1c9;
    }
    body.dark-mode .team-dashboard-size-btn.is-active {
      border-color:#8f6813;
      background:linear-gradient(180deg, rgba(71,52,11,0.5) 0%, rgba(47,36,13,0.6) 100%);
      color:#fff1c9;
      box-shadow:0 0 0 1px rgba(245,161,0,0.16);
    }
    body.dark-mode .team-dashboard-size-menu {
      background:rgba(25,25,22,0.96);
      border-color:#3a3a33;
      box-shadow:0 18px 32px rgba(0,0,0,0.28);
    }
    body.dark-mode .rep-floor-table-shell {
      scrollbar-color:#5a4a22 #1a1a16;
    }
    body.dark-mode .sparkline-wrap svg { background:linear-gradient(180deg, rgba(39,39,34,0.9) 0%, rgba(24,24,21,0.45) 100%); }
    body.dark-mode .plan-output { color:#e0e0d8; }
    body.dark-mode .gen-body {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.08), transparent 28%),
        linear-gradient(180deg, #1e1d18 0%, #181713 100%);
    }
    body.dark-mode .coach-plan-hero {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.14), transparent 32%),
        linear-gradient(180deg, rgba(37,34,28,0.98) 0%, rgba(27,25,21,0.98) 100%);
      border-color:#3b3425;
      box-shadow:0 24px 44px rgba(0,0,0,0.18);
    }
    body.dark-mode .coach-plan-title,
    body.dark-mode .coach-plan-meta-value,
    body.dark-mode .coach-plan-section-title,
    body.dark-mode .coach-plan-success-value,
    body.dark-mode .snap-val { color:#f0ede3; }
    body.dark-mode .coach-plan-sub,
    body.dark-mode .coach-plan-section-body p,
    body.dark-mode .coach-plan-list li,
    body.dark-mode .snap-intro-copy { color:#c9c5b7; }
    body.dark-mode .coach-plan-chip,
    body.dark-mode .coach-plan-meta-card,
    body.dark-mode .coach-plan-section,
    body.dark-mode .coach-plan-action-card,
    body.dark-mode .coach-plan-success-card,
    body.dark-mode .snap-row,
    body.dark-mode .snap-highlight,
    body.dark-mode .snap-msg {
      background:#242420;
      border-color:#2f2f28;
      box-shadow:none;
    }
    body.dark-mode .coach-plan-section--goal,
    body.dark-mode .coach-plan-goal,
    body.dark-mode .coach-plan-callout {
      background:linear-gradient(180deg, rgba(45,38,25,0.96) 0%, rgba(30,28,24,0.98) 100%);
      border-color:#4b3a16;
    }
    body.dark-mode .coach-plan-section--message,
    body.dark-mode .coach-plan-quote--message,
    body.dark-mode .snap-msg {
      background:linear-gradient(180deg, rgba(28,43,33,0.96) 0%, rgba(27,32,28,0.98) 100%);
      border-color:#2f6f4e;
    }
    body.dark-mode .coach-plan-quote,
    body.dark-mode .snap-highlight {
      background:linear-gradient(180deg, rgba(46,38,24,0.96) 0%, rgba(28,27,23,0.98) 100%);
      border-color:#5b4312;
    }
    body.dark-mode .coach-plan-success-row { background:#1c1c18; }
    body.dark-mode .plan-output h2 { border-color:#2a2a25; color:#6b6b60; }
    body.dark-mode .log-check-row { background:#1d1d19; border-color:#34342d; color:#c9c8bb; }
    body.dark-mode .rdv-kpi { background:#1e1e1a; border-color:#2a2a25; }
    body.dark-mode .rdv-card-chart,
    body.dark-mode .rdv-card-snapshot {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.12), transparent 34%),
        linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(24,24,21,0.98) 100%);
      box-shadow:0 16px 30px rgba(0,0,0,0.24);
    }
    body.dark-mode .rdv-card-head { border-color:#2a2a25; }
    body.dark-mode .chart-legend { background:#1e1e1a; }
    body.dark-mode .eom-stat { border-color:#2a2a25; }
    body.dark-mode .ai-pending-item { background:#242420; border-color:#2a2a25; }
    body.dark-mode .ds-card { border-color:#2a2a25; background:#1e1e1a; }
    body.dark-mode .ds-card:hover { background:#2a2a1e; }
    body.dark-mode .db-steps { border-color:#2a2a25; }
    body.dark-mode .fm-table th { background:#242420; border-color:#2a2a25; }
    body.dark-mode .fm-table td { border-color:#2a2a25; }
    body.dark-mode .fm-select { background:#242420; border-color:#3a3a33; color:#e0e0d8; }
    .dark-toggle { background:transparent; border:1px solid #3a3a33; border-radius:var(--radius-sm); padding:5px 9px; cursor:pointer; font-size:14px; line-height:1; color:#9a9a8e; transition:all 0.15s; }
    .dark-toggle:hover { border-color:var(--yellow-500); }

    /* ── CMD+K SEARCH ── */
    .search-overlay { position:fixed; inset:0; background:rgba(10,10,8,0.42); z-index:1000; display:flex; align-items:flex-start; justify-content:center; padding-top:84px; backdrop-filter:blur(16px); }
    .search-overlay.hide { display:none; }
    .search-box { background:rgba(255,255,255,0.96); border-radius:24px; width:100%; max-width:720px; box-shadow:0 24px 70px rgba(0,0,0,0.22); overflow:hidden; border:1px solid rgba(196,196,187,0.65); }
    body.dark-mode .search-box { background:rgba(30,30,26,0.96); border-color:#2a2a25; }
    .search-input-row { display:flex; align-items:center; gap:10px; padding:18px 20px 14px; border-bottom:1px solid var(--neutral-100); }
    .search-icon { font-size:16px; color:var(--neutral-400); flex-shrink:0; }
    .search-input { flex:1; border:none; outline:none; font-size:18px; font-family:'Space Grotesk',system-ui,sans-serif; background:transparent; color:var(--neutral-900); letter-spacing:-0.02em; }
    body.dark-mode .search-input { color:#e0e0d8; }
    .search-input::placeholder { color:var(--neutral-400); }
    .search-kbd { font-size:10px; font-weight:600; padding:2px 6px; border-radius:4px; background:var(--neutral-100); color:var(--neutral-500); border:1px solid var(--neutral-300); flex-shrink:0; }
    .search-results { max-height:480px; overflow-y:auto; padding-bottom:6px; }
    .search-palette-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 20px 14px; font-size:11px; color:var(--neutral-500); }
    .search-palette-chip-row { display:flex; gap:6px; flex-wrap:wrap; }
    .search-palette-chip { padding:4px 8px; border-radius:999px; background:var(--neutral-50); border:1px solid var(--neutral-100); font-size:10px; font-weight:700; color:var(--neutral-500); }
    .search-section-label { padding:10px 18px 5px; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:var(--neutral-400); }
    .search-result-item { display:flex; align-items:center; gap:12px; padding:13px 18px; cursor:pointer; transition:background 0.1s, transform 0.16s; border-bottom:1px solid var(--neutral-100); }
    .search-result-item:hover, .search-result-item.focused { background:var(--yellow-50); }
    body.dark-mode .search-result-item:hover, body.dark-mode .search-result-item.focused { background:#2a2a1e; }
    .search-result-item:hover { transform:translateX(2px); }
    .search-result-item:last-child { border-bottom:none; }
    .sri-icon { font-size:18px; flex-shrink:0; }
    .sri-main { font-size:13px; font-weight:600; }
    .sri-sub { font-size:11px; color:var(--neutral-500); margin-top:1px; }
    .search-empty { padding:32px 18px; text-align:center; font-size:14px; color:var(--neutral-400); }
    @keyframes workspaceFade {
      from { opacity:0; transform:translateY(8px); }
      to { opacity:1; transform:translateY(0); }
    }
    @keyframes surfaceEnter {
      from { opacity:0; transform:translateY(10px); }
      to { opacity:1; transform:translateY(0); }
    }
    @keyframes cinematicEnter {
      from { opacity:0; transform:translateY(12px) scale(0.992); filter:saturate(0.94); }
      to { opacity:1; transform:translateY(0) scale(1); filter:saturate(1); }
    }
    @keyframes premiumFloatIn {
      from {
        opacity:0;
        transform:translateY(14px) scale(0.985);
        box-shadow:0 12px 28px rgba(18,18,15,0.08);
      }
      to {
        opacity:1;
        transform:translateY(0) scale(1);
        box-shadow:0 24px 60px rgba(18,18,15,0.16);
      }
    }
    @keyframes premiumFadeIn {
      from { opacity:0; }
      to { opacity:1; }
    }
    .view-cinematic-enter { animation:cinematicEnter 360ms cubic-bezier(.2,.8,.2,1); }

    ::selection {
      background:rgba(245,161,0,0.2);
      color:var(--neutral-900);
    }
    body.dark-mode ::selection {
      background:rgba(245,161,0,0.3);
      color:#fff8ec;
    }
    * {
      scrollbar-width:thin;
      scrollbar-color:rgba(180,140,52,0.45) rgba(17,17,14,0.05);
    }
    *::-webkit-scrollbar {
      width:10px;
      height:10px;
    }
    *::-webkit-scrollbar-track {
      background:rgba(17,17,14,0.05);
      border-radius:999px;
    }
    *::-webkit-scrollbar-thumb {
      background:linear-gradient(180deg, rgba(245,161,0,0.55) 0%, rgba(197,128,0,0.55) 100%);
      border-radius:999px;
      border:2px solid transparent;
      background-clip:padding-box;
    }
    body.dark-mode *::-webkit-scrollbar-track {
      background:rgba(255,255,255,0.06);
    }
    body.dark-mode *::-webkit-scrollbar-thumb {
      background:linear-gradient(180deg, rgba(255,188,77,0.52) 0%, rgba(181,125,18,0.5) 100%);
      border:2px solid transparent;
      background-clip:padding-box;
    }
    :focus-visible {
      outline:none;
      box-shadow:0 0 0 3px rgba(245,161,0,0.18), 0 0 0 6px rgba(255,255,255,0.85);
      transition:box-shadow 0.18s ease;
    }
    body.dark-mode :focus-visible {
      box-shadow:0 0 0 3px rgba(245,161,0,0.28), 0 0 0 6px rgba(23,23,19,0.92);
    }

    /* ── NOTIFICATIONS ── */
    .notif-btn { position:relative; }
    .notif-badge { position:absolute; top:-3px; right:-3px; width:16px; height:16px; border-radius:50%; background:var(--red-500); color:#fff; font-size:9px; font-weight:700; display:none; align-items:center; justify-content:center; border:2px solid var(--neutral-900); }
    .notif-badge.show { display:flex; }
    .notif-backdrop { display:none !important; }
    .notif-backdrop.hide { display:none; }
    .notif-tray { position:fixed; top:24px; left:calc(var(--sidebar-w) + 18px); right:auto; width:min(420px, calc(100vw - var(--sidebar-w) - 36px)); max-height:min(72vh, 600px); background:rgba(255,255,255,0.98); border-radius:var(--radius-lg); box-shadow:0 18px 48px rgba(0,0,0,0.28); z-index:500; border:1px solid var(--neutral-100); overflow:hidden; isolation:isolate; }
    body.dark-mode .notif-tray { background:rgba(30,30,26,0.98); border-color:#2a2a25; }
    .notif-tray.hide { display:none; }
    .notif-tray-head { padding:14px 16px 12px; border-bottom:1px solid var(--neutral-100); display:flex; justify-content:space-between; align-items:center; background:linear-gradient(180deg, rgba(255,255,255,0.94) 0%, rgba(255,248,232,0.84) 100%); }
    body.dark-mode .notif-tray-head { border-color:#2a2a25; }
    .notif-tray-title { font-size:13px; font-weight:700; }
    .notif-clear-btn { font-size:11px; color:var(--neutral-400); cursor:pointer; background:none; border:none; font-family:inherit; padding:0; }
    .notif-clear-btn:hover { color:var(--red-500); }
    .notif-list { max-height:360px; overflow-y:auto; padding:8px; display:grid; gap:10px; }
    .notif-group {
      display:grid;
      gap:8px;
    }
    .notif-group-title {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      padding:4px 6px 0;
      font-size:11px;
      font-weight:800;
      letter-spacing:0.08em;
      text-transform:uppercase;
      color:var(--neutral-500);
    }
    .notif-group-title span {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:22px;
      height:22px;
      padding:0 8px;
      border-radius:999px;
      background:rgba(23,23,19,0.06);
      color:var(--neutral-500);
      font-size:10px;
      font-weight:800;
      letter-spacing:0;
      text-transform:none;
    }
    .notif-group-list { display:grid; gap:8px; }
    .notif-item {
      display:flex;
      gap:12px;
      padding:14px 15px;
      border:1px solid var(--neutral-100);
      border-radius:18px;
      cursor:pointer;
      transition:background 0.16s ease, transform 0.16s ease;
      background:linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(255,251,244,0.92) 100%);
      box-shadow:0 12px 24px rgba(18,18,15,0.05);
    }
    body.dark-mode .notif-item { border-color:#2a2a25; }
    .notif-item-bad { border-color:rgba(220,68,55,0.18); }
    .notif-item-warn { border-color:rgba(245,161,0,0.18); }
    .notif-item:hover { background:linear-gradient(180deg, #fffefb 0%, #fff6e7 100%); }
    body.dark-mode .notif-item:hover { background:#242420; }
    .notif-dot {
      width:9px;
      height:9px;
      border-radius:50%;
      flex-shrink:0;
      margin-top:7px;
      box-shadow:0 0 0 4px rgba(245,161,0,0.12);
    }
    .notif-body {
      min-width:0;
      flex:1;
      display:flex;
      flex-direction:column;
      gap:6px;
    }
    .notif-meta-row {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }
    .notif-source {
      display:inline-flex;
      align-items:center;
      min-height:22px;
      padding:0 10px;
      border-radius:999px;
      background:rgba(245,161,0,0.12);
      color:var(--yellow-700);
      font-size:10px;
      font-weight:800;
      letter-spacing:0.08em;
      text-transform:uppercase;
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);
    }
    .notif-text { font-size:12.5px; color:var(--neutral-800); line-height:1.55; flex:1; font-weight:600; }
    body.dark-mode .notif-text { color:#c4c4bb; }
    .notif-time { font-size:10px; color:var(--neutral-400); white-space:nowrap; font-weight:700; }
    .notif-empty { padding:28px 16px; text-align:center; font-size:13px; color:var(--neutral-400); border:1px dashed rgba(23,23,19,0.12); border-radius:18px; background:linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(250,247,240,0.78) 100%); }

    /* ── PREMIUM INTERACTION PASS ── */
    .btn,
    .view-tab,
    .dept-tab,
    .integration-vendor-btn,
    .team-dashboard-section-toggle,
    .focus-item,
    .search-result-item,
    .rep-card,
    .surface-card,
    .surface-card-quiet,
    .rep-game-card,
    .rdv-card,
    .manager-command-card,
    .team-kpi-card,
    .notif-item,
    .tenant-user-row,
    .agenda-item,
    .compare-tray,
    .plans-card,
    .kinbox-plan-card {
      transition:
        transform 220ms cubic-bezier(.2,.75,.2,1),
        box-shadow 220ms cubic-bezier(.2,.75,.2,1),
        border-color 180ms ease,
        background-color 180ms ease,
        color 180ms ease,
        opacity 180ms ease;
      will-change:transform, box-shadow;
    }
    .btn {
      position:relative;
      overflow:hidden;
      transform:translateY(0);
      box-shadow:0 8px 18px rgba(18,18,15,0.08);
    }
    .btn:hover:not(:disabled) {
      transform:translateY(-1px);
      box-shadow:0 14px 28px rgba(18,18,15,0.12);
    }
    .btn:active:not(:disabled) {
      transform:translateY(0);
      box-shadow:0 8px 16px rgba(18,18,15,0.11);
    }
    .btn-ghost,
    .btn-muted {
      box-shadow:none;
    }
    .view-tab {
      position:relative;
      overflow:hidden;
    }
    .view-tab::after {
      content:"";
      position:absolute;
      inset:auto 12px 6px;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(245,161,0,0.9), rgba(255,194,77,0.9));
      opacity:0;
      transform:scaleX(0.4);
      transition:opacity 180ms ease, transform 180ms ease;
    }
    .view-tab:hover:not(.active)::after,
    .view-tab.active::after {
      opacity:1;
      transform:scaleX(1);
    }
    .surface-card,
    .rdv-card,
    .rep-game-card,
    .manager-command-card,
    .team-kpi-card,
    .rep-card,
    .team-dashboard-section {
      position:relative;
      overflow:hidden;
      background-image:
        radial-gradient(circle at top right, rgba(255,255,255,0.74), transparent 34%),
        radial-gradient(circle at top left, rgba(245,161,0,0.07), transparent 24%);
    }
    .surface-card::before,
    .rdv-card::before,
    .rep-game-card::before,
    .manager-command-card::before,
    .team-kpi-card::before,
    .rep-card::before,
    .team-dashboard-section::before,
    .notif-tray::before,
    .assistant-panel::before,
    .search-box::before,
    .modal::before,
    .plans-panel::before {
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(135deg, rgba(255,255,255,0.18) 0%, transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,0.18) 0%, transparent 18%);
      opacity:0.8;
    }
    .surface-card:hover,
    .rdv-card:hover,
    .rep-game-card:hover,
    .manager-command-card:hover,
    .team-kpi-card:hover,
    .team-dashboard-section:hover {
      transform:translateY(-2px);
      box-shadow:0 22px 44px rgba(18,18,15,0.1);
    }
    .surface-card-quiet:hover,
    .tenant-user-row:hover,
    .agenda-item:hover,
    .compare-tray:hover {
      transform:translateY(-1px);
      box-shadow:0 14px 28px rgba(18,18,15,0.08);
    }
    .assistant-panel,
    .notif-tray,
    .search-box,
    .modal,
    .plans-panel {
      animation:premiumFloatIn 260ms cubic-bezier(.2,.8,.2,1);
    }
    .modal-overlay,
    .search-overlay {
      animation:premiumFadeIn 180ms ease;
    }
    .assistant-panel {
      box-shadow:0 30px 80px rgba(18,18,15,0.24);
      border:1px solid rgba(245,161,0,0.16);
    }
    .assistant-head {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.16), transparent 30%),
        linear-gradient(180deg, rgba(255,248,230,0.98) 0%, rgba(255,255,255,0.96) 100%);
    }
    .notif-tray {
      box-shadow:0 28px 64px rgba(18,18,15,0.26);
      border-color:rgba(23,23,19,0.08);
    }
    .notif-item:hover {
      transform:translateX(3px);
      box-shadow:inset 3px 0 0 rgba(245,161,0,0.8);
    }
    .search-box {
      box-shadow:0 30px 80px rgba(0,0,0,0.24);
      border-color:rgba(196,196,187,0.55);
    }
    .search-result-item:hover,
    .search-result-item.focused {
      transform:translateX(4px);
    }
    .modal {
      border:1px solid rgba(23,23,19,0.07);
      box-shadow:0 28px 80px rgba(18,18,15,0.2);
    }
    .plans-panel {
      box-shadow:-20px 0 60px rgba(18,18,15,0.16);
      border-left:1px solid rgba(23,23,19,0.08);
    }
    .integration-vendor-btn:hover,
    .integration-vendor-btn.active {
      box-shadow:0 16px 30px rgba(18,18,15,0.1);
      transform:translateY(-1px);
    }
    .team-dashboard-section-toggle:hover .team-dashboard-section-chevron {
      transform:translateY(1px) scale(1.06);
    }
    body.dark-mode .surface-card,
    body.dark-mode .rdv-card,
    body.dark-mode .rep-game-card,
    body.dark-mode .manager-command-card,
    body.dark-mode .team-kpi-card,
    body.dark-mode .rep-card,
    body.dark-mode .team-dashboard-section {
      background-image:
        radial-gradient(circle at top right, rgba(255,210,124,0.05), transparent 34%);
    }
    body.dark-mode .surface-card:hover,
    body.dark-mode .rdv-card:hover,
    body.dark-mode .rep-game-card:hover,
    body.dark-mode .manager-command-card:hover,
    body.dark-mode .team-kpi-card:hover,
    body.dark-mode .team-dashboard-section:hover,
    body.dark-mode .surface-card-quiet:hover,
    body.dark-mode .tenant-user-row:hover,
    body.dark-mode .agenda-item:hover,
    body.dark-mode .compare-tray:hover {
      box-shadow:0 22px 44px rgba(0,0,0,0.26);
    }
    body.dark-mode .btn {
      box-shadow:0 10px 20px rgba(0,0,0,0.22);
    }
    body.dark-mode .floor-news-ticker {
      border-color:#6b5200;
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.18), transparent 32%),
        linear-gradient(180deg, rgba(34,34,30,0.96) 0%, rgba(24,24,21,0.98) 100%);
      box-shadow:0 18px 34px rgba(0,0,0,0.24);
    }
    body.dark-mode .floor-news-ticker-label {
      background:rgba(77,58,14,0.42);
      color:#ffd980;
    }
    body.dark-mode .floor-news-ticker-item {
      color:#ece6d8;
    }
    body.dark-mode .floor-news-ticker-divider {
      color:#ffd980;
    }
    body.dark-mode .btn:hover:not(:disabled) {
      box-shadow:0 16px 30px rgba(0,0,0,0.28);
    }
    body.dark-mode .assistant-panel,
    body.dark-mode .notif-tray,
    body.dark-mode .search-box,
    body.dark-mode .modal,
    body.dark-mode .plans-panel {
      box-shadow:0 32px 84px rgba(0,0,0,0.42);
    }
    body.dark-mode .notif-group-title { color:#b7af9f; }
    body.dark-mode .notif-group-title span {
      background:#1d1b16;
      color:#c8c0af;
      border:1px solid #302b22;
    }
    body.dark-mode .assistant-head {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.1), transparent 30%),
        linear-gradient(180deg, rgba(47,38,19,0.94) 0%, rgba(28,28,24,0.96) 100%);
    }
    body.dark-mode .notif-item:hover {
      box-shadow:inset 3px 0 0 rgba(245,161,0,0.74);
    }
    @media (prefers-reduced-motion: reduce) {
      .btn,
      .view-tab,
      .dept-tab,
      .integration-vendor-btn,
      .team-dashboard-section-toggle,
      .focus-item,
      .search-result-item,
      .rep-card,
      .surface-card,
      .surface-card-quiet,
      .rep-game-card,
      .rdv-card,
      .manager-command-card,
      .team-kpi-card,
      .notif-item,
      .tenant-user-row,
      .agenda-item,
      .compare-tray,
      .assistant-panel,
      .notif-tray,
      .search-box,
      .modal,
      .plans-panel,
      .modal-overlay,
      .search-overlay {
        animation:none !important;
        transition:none !important;
      }
    }
    /* ── FOCUS TODAY STRIP ── */
    .focus-strip { background:var(--white); border:1.5px solid var(--neutral-100); border-radius:var(--radius-md); padding:14px 18px; margin-bottom:16px; display:flex; gap:10px; flex-wrap:wrap; align-items:flex-start; box-shadow:var(--shadow-sm); }
    body.dark-mode .focus-strip { background:#1e1e1a; border-color:#2a2a25; }
    .focus-strip-label { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:var(--neutral-400); margin-bottom:8px; }
    .focus-item { display:flex; align-items:flex-start; gap:10px; flex:1; min-width:200px; padding:12px 13px; background:linear-gradient(180deg, #fffefb 0%, #fff8ed 100%); border-radius:16px; border:1.5px solid var(--neutral-100); cursor:pointer; transition:all 0.18s ease; box-shadow:0 8px 18px rgba(23,23,19,0.05); }
    body.dark-mode .focus-item { background:#242420; border-color:#2a2a25; }
    .focus-item:hover { border-color:var(--yellow-500); background:linear-gradient(180deg, #fffdf8 0%, #fff1d1 100%); transform:translateY(-1px); }
    body.dark-mode .focus-item:hover { background:#2a2a1e; }
    .focus-item-icon {
      width:28px;
      height:28px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      background:rgba(245,161,0,0.12);
      border:1px solid rgba(245,161,0,0.16);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.52);
      font-size:14px;
      flex-shrink:0;
      line-height:1;
    }
    body.dark-mode .sidebar-icon,
    body.dark-mode .assistant-fab-icon,
    body.dark-mode .rep-recap-chip span,
    body.dark-mode .focus-item-icon {
      background:rgba(255,255,255,0.08);
      border:1px solid rgba(255,188,77,0.18);
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
    }
    body.dark-mode .rep-recap-chip {
      background:linear-gradient(180deg, #23231f 0%, #1d1d19 100%);
      border-color:#2a2a25;
      box-shadow:0 14px 28px rgba(0,0,0,0.22);
    }
    body.dark-mode .signal-chip {
      box-shadow:0 12px 24px rgba(0,0,0,0.18);
    }
    .focus-item-title { font-size:12px; font-weight:700; margin-bottom:2px; }
    .focus-item-sub { font-size:11px; color:var(--neutral-500); line-height:1.4; }

    /* ── STATUS FILTER PILLS (on roster) ── */
    .status-filter { display:flex; gap:5px; flex-wrap:wrap; }
    .sf-pill { padding:5px 12px; border-radius:20px; border:1.5px solid var(--neutral-300); background:var(--white); font-size:11px; font-weight:700; color:var(--neutral-500); cursor:pointer; transition:all 0.15s; font-family:inherit; display:flex; align-items:center; gap:4px; }
    body.dark-mode .sf-pill { background:#1e1e1a; border-color:#3a3a33; }
    .sf-pill.active {
      border-color:rgba(245,161,0,0.28);
      background:linear-gradient(180deg, rgba(255,251,242,0.98) 0%, rgba(255,244,220,0.94) 100%);
      color:#6d4b10;
      box-shadow:0 10px 20px rgba(18,18,15,0.05);
    }
    .sf-pill-dot { width:6px; height:6px; border-radius:50%; }

    /* ── ROLE TOGGLE ── */
    .role-scope-stack { display:grid; gap:6px; }
    .role-toggle { display:flex; gap:0; background:rgba(255,255,255,0.08); border-radius:var(--radius-sm); overflow:hidden; border:1px solid #3a3a33; flex-wrap:wrap; }
    .role-toggle-secondary { background:rgba(255,255,255,0.04); }
    .role-btn { padding:5px 12px; font-size:11px; font-weight:600; cursor:pointer; border:none; background:transparent; color:#9a9a8e; font-family:inherit; transition:all 0.15s; white-space:nowrap; }
    .role-btn.active {
      background:linear-gradient(135deg, rgba(79,60,18,0.98) 0%, rgba(58,44,13,0.98) 100%);
      color:#fff6de;
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
    }
    .role-btn:hover:not(.active) { color:var(--white); }

    /* ── SPARKLINES ── */
    .sparkline-wrap { margin-top:10px; padding-top:10px; border-top:1px solid var(--neutral-100); }
    .sparkline-label { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:0.4px; color:var(--neutral-400); margin-bottom:6px; display:flex; justify-content:space-between; align-items:center; }
    .sparkline-trend { font-size:10px; font-weight:700; }
    .sparkline-wrap svg {
      border-radius:10px;
      background:linear-gradient(180deg, rgba(255,252,244,0.92) 0%, rgba(255,255,255,0.35) 100%);
    }

    /* ── COACHING EFFECTIVENESS ── */
    .ce-badge { display:inline-flex; align-items:center; gap:4px; padding:3px 9px; border-radius:20px; font-size:11px; font-weight:700; margin-top:8px; }
    .ce-badge-up   { background:var(--green-100); color:var(--green-500); }
    .ce-badge-flat { background:var(--neutral-100); color:var(--neutral-500); }
    .ce-badge-down { background:#fde8e8; color:var(--red-500); }

    /* ── INLINE KPI EDIT ── */
    .kpi-edit-input { width:70px; font-size:22px; font-weight:700; border:none; border-bottom:2px solid var(--yellow-500); outline:none; background:transparent; font-family:inherit; padding:0; color:inherit; }
    .kpi-edit-hint { font-size:10px; color:var(--neutral-400); margin-top:2px; }
    .rdv-kpi-value[data-editable]:hover::after { content:' ✎'; font-size:14px; color:var(--neutral-400); cursor:pointer; }

    /* ── REP COMPARISON ── */
    .compare-modal-inner { max-width:900px; width:100%; max-height:85vh; overflow-y:auto; }
    .compare-strip { display:flex; gap:0; margin-bottom:20px; }
    .compare-rep-select { flex:1; border:1.5px solid var(--neutral-200); border-radius:var(--radius-sm); padding:8px 12px; font-size:13px; font-family:inherit; background:var(--white); }
    body.dark-mode .compare-rep-select { background:#242420; border-color:#3a3a33; color:#e0e0d8; }
    .compare-grid { display:grid; gap:14px; }
    .compare-col-head { display:flex; align-items:center; gap:10px; padding:14px 16px; background:var(--neutral-900); border-radius:var(--radius-md) var(--radius-md) 0 0; }
    .compare-col-name { font-size:15px; font-weight:700; color:var(--white); }
    .compare-col-dept { font-size:11px; padding:2px 8px; border-radius:20px; }
    .compare-kpi-row { display:grid; padding:10px 16px; border-bottom:1px solid var(--neutral-100); font-size:13px; background:var(--white); }
    body.dark-mode .compare-kpi-row { background:#1e1e1a; border-color:#2a2a25; }
    .compare-kpi-label { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.3px; color:var(--neutral-400); margin-bottom:4px; }
    .compare-kpi-val { font-size:20px; font-weight:700; }
    .compare-winner { font-size:10px; font-weight:700; padding:1px 6px; border-radius:20px; background:var(--green-100); color:var(--green-500); margin-left:6px; }

    /* ── CONFETTI ── */
    #confettiCanvas { position:fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:2000; }
    #celebrationOverlay { position:fixed; inset:0; pointer-events:none; z-index:2100; overflow:hidden; }
    .chart-tooltip {
      position:fixed;
      top:0;
      left:0;
      transform:translate(-9999px, -9999px);
      background:linear-gradient(180deg, rgba(20,20,17,0.97) 0%, rgba(35,29,20,0.97) 100%);
      color:var(--white);
      padding:10px 12px;
      border-radius:12px;
      font-size:12px;
      font-weight:700;
      letter-spacing:0.01em;
      line-height:1.35;
      border:1px solid rgba(245,161,0,0.22);
      box-shadow:0 18px 36px rgba(0,0,0,0.24);
      backdrop-filter:blur(12px);
      pointer-events:none;
      z-index:2200;
      white-space:nowrap;
    }
    .taco-drop {
      position:absolute;
      top:-60px;
      font-size:32px;
      line-height:1;
      will-change:transform, opacity;
      animation-name:tacoFall;
      animation-timing-function:linear;
      animation-fill-mode:forwards;
    }
    @keyframes tacoFall {
      0% { transform:translate3d(0,-40px,0) rotate(0deg); opacity:0; }
      10% { opacity:1; }
      100% { transform:translate3d(var(--taco-drift, 0px), calc(100vh + 120px), 0) rotate(var(--taco-rotate, 360deg)); opacity:0; }
    }
    .goat-run {
      position:absolute;
      right:-160px;
      top:18%;
      display:flex;
      align-items:center;
      gap:14px;
      font-size:96px;
      line-height:1;
      will-change:transform, opacity;
      animation:goatRun 3.6s ease-in-out forwards;
      filter:drop-shadow(0 8px 14px rgba(0,0,0,0.18));
    }
    .goat-callout {
      font-size:26px;
      font-weight:800;
      line-height:1;
      color:var(--neutral-900);
      background:rgba(255, 244, 214, 0.96);
      border:2px solid var(--yellow-200);
      border-radius:999px;
      padding:14px 20px;
      white-space:nowrap;
      box-shadow:var(--shadow-sm);
    }
    .goat-face { display:inline-flex; transform:scaleX(-1); }
    .racecar-run {
      position:absolute;
      right:-220px;
      top:26%;
      display:flex;
      align-items:center;
      gap:12px;
      font-size:74px;
      line-height:1;
      will-change:transform, opacity;
      animation:racecarRun 3.2s ease-in-out forwards;
      filter:drop-shadow(0 8px 14px rgba(0,0,0,0.18));
    }
    .racecar-callout {
      font-size:22px;
      font-weight:800;
      line-height:1;
      color:var(--neutral-900);
      background:rgba(255, 255, 255, 0.96);
      border:2px solid var(--yellow-200);
      border-radius:999px;
      padding:12px 18px;
      white-space:nowrap;
      box-shadow:var(--shadow-sm);
    }
    .racecar-face { display:inline-flex; }
    .chaos-float {
      position:absolute;
      font-size:24px;
      line-height:1;
      opacity:0;
      animation:chaosFloat 6s linear forwards;
      pointer-events:none;
    }
    @keyframes chaosFloat {
      0% { transform:translate3d(0,0,0) rotate(0deg); opacity:0; }
      10% { opacity:0.9; }
      100% { transform:translate3d(var(--chaos-x, 0px), -120px, 0) rotate(var(--chaos-rot, 180deg)); opacity:0; }
    }
    @keyframes goatRun {
      0% { transform:translate3d(120px, 0, 0) scale(0.9); opacity:1; }
      50% { transform:translate3d(calc(-50vw + 120px), 18px, 0) scale(1.12); opacity:1; }
      92% { transform:translate3d(calc(-92vw - 120px), -6px, 0) scale(1); opacity:1; }
      100% { transform:translate3d(calc(-100vw - 180px), -8px, 0) scale(1); opacity:1; }
    }
    @keyframes racecarRun {
      0% { transform:translate3d(180px, 8px, 0) scale(0.94); opacity:1; }
      45% { transform:translate3d(calc(-46vw + 60px), -4px, 0) scale(1.06); opacity:1; }
      85% { transform:translate3d(calc(-88vw - 80px), -2px, 0) scale(1); opacity:1; }
      100% { transform:translate3d(calc(-100vw - 220px), 2px, 0) scale(0.98); opacity:0.98; }
    }
    @media (max-width:760px) {
      .daily-briefing,
      .spotlight-card { grid-template-columns:1fr; }
    }

    /* ── DATA SOURCE SELECTOR ── */
    .ds-cards { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; margin:6px 0 4px; }
    .integrations-vendor-strip { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:14px; }
    .integrations-subvendor-strip { margin-top:14px; margin-bottom:0; }
    .integration-vendor-panel.hide { display:none; }
    .integration-vendor-btn {
      border:1.5px solid var(--neutral-200);
      background:var(--white);
      color:var(--neutral-800);
      border-radius:999px;
      padding:10px 14px;
      font-size:13px;
      font-weight:700;
      font-family:inherit;
      display:inline-flex;
      align-items:center;
      gap:8px;
      cursor:pointer;
      transition:all 0.16s;
      box-shadow:var(--shadow-sm);
    }
    .integration-vendor-btn:hover,
    .integration-vendor-btn.active {
      border-color:var(--yellow-500);
      background:var(--yellow-50);
      color:var(--neutral-900);
    }
    .integration-vendor-btn-slack {
      padding-left:12px;
      padding-right:14px;
    }
    body.dark-mode .integration-vendor-btn {
      background:#1e1e1a;
      border-color:#2a2a25;
      color:#f4efe6;
    }
    body.dark-mode .integration-vendor-btn:hover,
    body.dark-mode .integration-vendor-btn.active {
      background:#2b2415;
      border-color:#b78618;
      color:#fff5de;
    }
    #dataSourceModal .modal {
      max-width:920px !important;
      width:min(920px, calc(100vw - 40px)) !important;
      max-height:calc(100vh - 32px);
      padding:24px;
      overflow-y:auto;
    }
    .admin-settings-modal {
      display:flex;
      flex-direction:column;
      gap:14px;
    }
    .admin-settings-toolbar {
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:14px;
      flex-wrap:wrap;
      padding:14px 16px;
      border-radius:18px;
      border:1px solid rgba(23,23,19,0.08);
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(252,249,242,0.94) 100%);
      box-shadow:0 14px 28px rgba(18,18,15,0.05);
    }
    .admin-settings-toolbar-title {
      font-family:'Space Grotesk',system-ui,sans-serif;
      font-size:20px;
      font-weight:700;
      line-height:1.08;
      color:var(--neutral-900);
      margin-top:2px;
    }
    .admin-settings-toolbar-copy {
      margin-top:6px;
      font-size:12px;
      line-height:1.6;
      color:var(--neutral-500);
      max-width:560px;
    }
    .admin-settings-section-nav {
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }
    .admin-settings-section-btn {
      border:1px solid rgba(23,23,19,0.09);
      background:rgba(255,255,255,0.88);
      color:var(--neutral-700);
      font:inherit;
      font-size:12px;
      font-weight:700;
      padding:9px 12px;
      border-radius:999px;
      cursor:pointer;
      transition:transform 160ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
    }
    .admin-settings-section-btn:hover {
      transform:translateY(-1px);
      border-color:rgba(245,161,0,0.32);
      box-shadow:0 10px 18px rgba(18,18,15,0.08);
      background:#fffaf0;
    }
    .admin-settings-tabs {
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:4px;
      border-radius:14px;
      background:var(--neutral-50);
      border:1px solid var(--neutral-100);
      width:max-content;
      max-width:100%;
    }
    .admin-settings-tab {
      border:0;
      background:transparent;
      color:var(--neutral-500);
      font:inherit;
      font-size:12px;
      font-weight:700;
      padding:9px 14px;
      border-radius:10px;
      cursor:pointer;
      transition:all 0.16s ease;
    }
    .admin-settings-tab:hover {
      color:var(--neutral-900);
      background:rgba(245,161,0,0.08);
    }
    .admin-settings-tab.active {
      color:var(--neutral-900);
      background:linear-gradient(180deg, var(--yellow-100) 0%, #fff6e3 100%);
      box-shadow:inset 0 0 0 1px rgba(245,161,0,0.22);
    }
    .admin-settings-panels {
      display:flex;
      flex-direction:column;
      gap:14px;
    }
    .admin-settings-panel.hide {
      display:none;
    }
    .admin-user-card {
      padding:14px 16px;
      margin-top:14px;
    }
    .admin-user-head {
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:12px;
      flex-wrap:wrap;
    }
    .admin-user-grid {
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:14px 16px;
      margin-top:14px;
    }
    .tenant-user-role-preview-shell {
      grid-column:1 / -1;
    }
    .tenant-user-role-preview {
      border:1px solid rgba(23,23,19,0.08);
      border-radius:18px;
      padding:14px 15px;
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.08), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(251,248,241,0.94) 100%);
      box-shadow:0 14px 28px rgba(18,18,15,0.05);
      display:grid;
      gap:12px;
    }
    .tenant-user-role-preview-head {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }
    .tenant-user-role-preview-badge {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:7px 12px;
      border-radius:999px;
      border:1px solid rgba(217,151,0,0.18);
      background:rgba(255,249,235,0.92);
      color:var(--orange-700);
      font-size:11px;
      font-weight:800;
      letter-spacing:0.02em;
      text-transform:uppercase;
    }
    .tenant-user-role-preview-summary {
      color:var(--ink-700);
      font-size:13px;
      line-height:1.6;
      max-width:72ch;
    }
    .tenant-user-role-preview-grid {
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:12px;
    }
    .tenant-user-role-preview-column {
      border:1px solid rgba(23,23,19,0.06);
      border-radius:15px;
      padding:12px 13px;
      background:rgba(255,255,255,0.82);
      display:grid;
      gap:8px;
    }
    .tenant-user-role-preview-title {
      font-size:12px;
      font-weight:800;
      letter-spacing:0.04em;
      text-transform:uppercase;
      color:var(--neutral-600);
    }
    .tenant-user-role-preview-list {
      margin:0;
      padding-left:18px;
      display:grid;
      gap:6px;
      color:var(--ink-800);
      font-size:13px;
      line-height:1.5;
    }
    .tenant-user-role-preview-list.is-muted {
      color:var(--neutral-700);
    }
    .tenant-users-list {
      display:flex;
      flex-direction:column;
      gap:10px;
    }
    .tenant-user-import-card {
      margin-top:14px;
      padding:14px;
      border:1px solid var(--neutral-100);
      border-radius:16px;
      background:linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(247,247,245,0.96) 100%);
      box-shadow:var(--shadow-sm);
    }
    .admin-ops-feed-card {
      transition:transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    }
    .admin-ops-feed-card:hover {
      border-color:rgba(245,161,0,0.32);
    }
    .admin-settings-panel .surface-card-quiet,
    .admin-user-card,
    .tenant-user-import-card,
    .integration-vendor-panel .surface-card-quiet {
      box-shadow:0 14px 30px rgba(18,18,15,0.05);
    }
    #enterpriseAuditFeed .surface-card-quiet,
    #tenantBackupHistory .surface-card-quiet,
    #integrationHealthIssuesFeed .surface-card-quiet,
    #integrationHealthTestHistoryFeed .surface-card-quiet,
    #hubspotSyncHistoryFeed .surface-card-quiet,
    #voiceopsSyncHistoryFeed .surface-card-quiet {
      border-radius:18px;
      background:linear-gradient(180deg, rgba(255,255,255,0.97) 0%, rgba(255,250,243,0.93) 100%);
      border:1px solid rgba(23,23,19,0.08);
      box-shadow:0 14px 26px rgba(18,18,15,0.05);
    }
    #enterpriseAuditFeed .surface-card-quiet:hover,
    #tenantBackupHistory .surface-card-quiet:hover,
    #integrationHealthIssuesFeed .surface-card-quiet:hover,
    #integrationHealthTestHistoryFeed .surface-card-quiet:hover,
    #hubspotSyncHistoryFeed .surface-card-quiet:hover,
    #voiceopsSyncHistoryFeed .surface-card-quiet:hover {
      transform:translateY(-1px);
      box-shadow:0 18px 32px rgba(18,18,15,0.08);
    }
    .admin-settings-panel .surface-card-soft {
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(252,249,242,0.94) 100%);
      border:1px solid rgba(23,23,19,0.08);
      border-radius:18px;
      box-shadow:0 12px 24px rgba(18,18,15,0.04);
    }
    .admin-settings-section-flash {
      animation:adminSettingsSectionFlash 1.1s ease;
    }
    @keyframes adminSettingsSectionFlash {
      0% { box-shadow:0 0 0 0 rgba(245,161,0,0); }
      18% { box-shadow:0 0 0 5px rgba(245,161,0,0.16); }
      100% { box-shadow:0 0 0 0 rgba(245,161,0,0); }
    }
    .tenant-user-import-head {
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:14px;
      flex-wrap:wrap;
    }
    .tenant-user-import-mode {
      min-width:220px;
    }
    .tenant-user-import-text {
      width:100%;
      min-height:132px;
      margin-top:12px;
      padding:12px 14px;
      border-radius:14px;
      border:1px solid var(--neutral-100);
      background:#fff;
      color:var(--ink-900);
      font:500 14px/1.5 inherit;
      resize:vertical;
      box-shadow:inset 0 1px 1px rgba(17,24,39,0.03);
    }
    .tenant-setup-card {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.1), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(251,248,241,0.94) 100%);
      border:1px solid rgba(23,23,19,0.08);
      border-radius:20px;
      box-shadow:0 18px 34px rgba(18,18,15,0.06);
    }
    .tenant-setup-progress {
      min-width:132px;
      display:grid;
      justify-items:end;
      gap:2px;
      text-align:right;
    }
    .tenant-setup-progress strong {
      font-family:'Space Grotesk',system-ui,sans-serif;
      font-size:28px;
      line-height:1;
      letter-spacing:-0.04em;
    }
    .tenant-setup-progress span {
      font-size:11px;
      color:var(--neutral-500);
      font-weight:700;
    }
    .tenant-setup-progress-bar {
      margin-top:12px;
      height:10px;
      border-radius:999px;
      background:rgba(17,24,39,0.08);
      overflow:hidden;
    }
    .tenant-setup-progress-bar-fill {
      height:100%;
      width:0%;
      border-radius:inherit;
      background:linear-gradient(90deg, rgba(245,161,0,0.96) 0%, rgba(255,194,77,0.96) 100%);
      transition:width 220ms ease;
    }
    .tenant-setup-next-step {
      margin-top:12px;
      padding:11px 13px;
      border-radius:16px;
      border:1px solid rgba(245,161,0,0.18);
      background:rgba(255,248,230,0.88);
      color:var(--neutral-800);
      font-size:13px;
      line-height:1.5;
      font-weight:600;
    }
    .tenant-setup-grid {
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
      gap:10px;
      margin-top:12px;
    }
    .tenant-setup-item {
      border:1px solid rgba(23,23,19,0.08);
      border-radius:18px;
      padding:12px 13px;
      background:linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(248,245,237,0.92) 100%);
      box-shadow:0 12px 24px rgba(18,18,15,0.04);
      display:grid;
      gap:8px;
    }
    .tenant-setup-item.is-complete {
      border-color:rgba(42,122,75,0.24);
      background:linear-gradient(180deg, rgba(244,250,246,0.98) 0%, rgba(236,246,240,0.94) 100%);
    }
    .tenant-setup-item-top {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
    }
    .tenant-setup-item-status {
      width:28px;
      height:28px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1px solid rgba(23,23,19,0.08);
      background:rgba(255,255,255,0.9);
      font-size:13px;
      flex-shrink:0;
      box-shadow:0 8px 18px rgba(18,18,15,0.05);
    }
    .tenant-setup-item.is-complete .tenant-setup-item-status {
      border-color:rgba(42,122,75,0.24);
      background:rgba(42,122,75,0.12);
    }
    .tenant-setup-item-title {
      font-size:15px;
      font-weight:800;
      line-height:1.2;
    }
    .tenant-setup-item-copy {
      font-size:12px;
      line-height:1.5;
      color:var(--neutral-600);
    }
    .tenant-setup-item-meta {
      font-size:11px;
      color:var(--neutral-500);
      font-weight:700;
    }
    .tenant-setup-item .btn {
      justify-content:center;
    }
    .tenant-user-import-text:focus {
      outline:none;
      border-color:rgba(217,151,0,0.45);
      box-shadow:0 0 0 4px rgba(255,176,32,0.14);
    }
    .tenant-user-import-status {
      margin-top:12px;
      padding:10px 12px;
      border-radius:12px;
      border:1px solid rgba(217,151,0,0.18);
      background:rgba(255,249,235,0.9);
      color:var(--ink-800);
      font-size:13px;
      line-height:1.5;
    }
    .tenant-user-import-status.hide {
      display:none;
    }
    .tenant-user-row {
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:12px;
      padding:12px 14px;
      border:1px solid var(--neutral-100);
      border-radius:14px;
      background:#fff;
      box-shadow:var(--shadow-sm);
    }
    .tenant-user-meta {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:8px;
    }
    .tenant-user-actions {
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }
    .tenant-user-detail {
      margin-top:8px;
      color:var(--ink-500);
      font-size:12px;
      line-height:1.45;
    }
    .tenant-user-badge {
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:5px 10px;
      border-radius:999px;
      background:var(--neutral-50);
      border:1px solid var(--neutral-100);
      color:var(--neutral-700);
      font-size:11px;
      font-weight:700;
    }
    .integration-hub-actions {
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      margin-top:14px;
    }
    .looker-upload-guide {
      display:grid;
      gap:8px;
      margin-top:12px;
    }
    .looker-upload-guide-step {
      display:flex;
      gap:10px;
      align-items:flex-start;
      font-size:12px;
      color:var(--neutral-600);
      line-height:1.5;
    }
    .looker-upload-guide-step strong {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:20px;
      height:20px;
      border-radius:999px;
      background:rgba(245,161,0,0.12);
      color:var(--yellow-700);
      font-size:11px;
      flex-shrink:0;
    }
    .looker-upload-operator-card {
      margin-top:12px;
      padding:12px 14px;
      border-radius:16px;
      border:1px solid var(--neutral-100);
      background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,248,230,0.86) 100%);
      box-shadow:0 10px 22px rgba(18,18,15,0.04);
    }
    .looker-upload-operator-head {
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:10px;
      flex-wrap:wrap;
    }
    .looker-upload-operator-title {
      font-size:14px;
      font-weight:800;
      color:var(--neutral-900);
    }
    .looker-upload-operator-sub {
      margin-top:4px;
      font-size:11px;
      color:var(--neutral-500);
      line-height:1.5;
    }
    .looker-upload-file-meta {
      margin-top:10px;
      font-size:12px;
      font-weight:600;
      color:var(--neutral-700);
      line-height:1.5;
    }
    .integration-hub-panel {
      margin-top:16px;
      padding:14px;
      border:1px solid var(--neutral-100);
      border-radius:14px;
      background:linear-gradient(180deg, rgba(249,249,246,0.92) 0%, rgba(255,255,255,0.96) 100%);
    }
    .integration-hub-panel.hide {
      display:none;
    }
    .integration-hub-head {
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:12px;
      flex-wrap:wrap;
    }
    .slack-hub-btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      border:1px solid rgba(74,21,75,0.16);
      border-radius:999px;
      padding:10px 16px;
      min-height:48px;
      background:linear-gradient(135deg, #4A154B 0%, #611f69 100%);
      color:#fff;
      font:inherit;
      font-size:12px;
      font-weight:800;
      line-height:1;
      white-space:nowrap;
      cursor:pointer;
      box-shadow:0 10px 22px rgba(74,21,75,0.16);
      transition:transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
    }
    .slack-hub-btn:hover {
      transform:translateY(-1px);
      box-shadow:0 14px 26px rgba(74,21,75,0.22);
      filter:saturate(1.05);
    }
    .slack-hub-btn.active {
      box-shadow:0 0 0 3px rgba(74,21,75,0.08), 0 14px 26px rgba(74,21,75,0.2);
    }
    .slack-hub-label {
      display:inline-flex;
      align-items:center;
      line-height:1;
    }
    .slack-hub-mark {
      display:grid;
      grid-template-columns:repeat(2, 6px);
      grid-template-rows:repeat(2, 6px);
      gap:3px;
      width:max-content;
    }
    .slack-hub-mark-bar {
      width:6px;
      height:6px;
      border-radius:999px;
      display:block;
    }
    .slack-hub-mark-green { background:#2EB67D; }
    .slack-hub-mark-blue { background:#36C5F0; }
    .slack-hub-mark-yellow { background:#ECB22E; }
    .slack-hub-mark-red { background:#E01E5A; }
    #dataSourceModal .grid {
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:16px 18px;
    }
    #dataSourceModal .surface-card-quiet {
      overflow:visible;
    }
    #enterpriseAuditFeed {
      max-height:220px;
      overflow-y:auto;
      padding-right:4px;
    }
    body.dark-mode #enterpriseAuditFeed .surface-card-quiet,
    body.dark-mode #tenantBackupHistory .surface-card-quiet,
    body.dark-mode #integrationHealthIssuesFeed .surface-card-quiet,
    body.dark-mode #integrationHealthTestHistoryFeed .surface-card-quiet,
    body.dark-mode #hubspotSyncHistoryFeed .surface-card-quiet,
    body.dark-mode #voiceopsSyncHistoryFeed .surface-card-quiet,
    body.dark-mode .admin-settings-panel .surface-card-soft {
      background:linear-gradient(180deg, rgba(34,34,30,0.96) 0%, rgba(24,24,21,0.98) 100%);
      border-color:#2a2a25;
      box-shadow:0 14px 28px rgba(0,0,0,0.22);
    }
    body.dark-mode .surface-card-quiet {
      background:linear-gradient(180deg, rgba(34,34,30,0.96) 0%, rgba(24,24,21,0.98) 100%);
      border-color:#2a2a25;
      box-shadow:0 10px 22px rgba(0,0,0,0.2);
    }
    body.dark-mode .surface-title-sm,
    body.dark-mode .spotlight-title,
    body.dark-mode .manager-command-title,
    body.dark-mode .team-dashboard-section-title,
    body.dark-mode .drilldown-name,
    body.dark-mode .workload-label,
    body.dark-mode .agenda-note strong,
    body.dark-mode .tenant-user-row strong,
    body.dark-mode .rp-name,
    body.dark-mode .rp-tab.active,
    body.dark-mode .et-label,
    body.dark-mode .log-form-title {
      color:#f3efe5;
    }
    body.dark-mode .surface-copy,
    body.dark-mode .spotlight-copy,
    body.dark-mode .spotlight-side-item span,
    body.dark-mode .manager-command-sub,
    body.dark-mode .manager-command-detail,
    body.dark-mode .drilldown-empty,
    body.dark-mode .workload-sub,
    body.dark-mode .agenda-note,
    body.dark-mode .agenda-sub,
    body.dark-mode .agenda-footer-note,
    body.dark-mode .history-empty,
    body.dark-mode .rp-meta,
    body.dark-mode .et-note,
    body.dark-mode .tenant-user-detail,
    body.dark-mode .tenant-user-import-status,
    body.dark-mode .looker-upload-guide-step,
    body.dark-mode .looker-upload-operator-sub,
    body.dark-mode .integration-hub-panel .surface-copy {
      color:#bcb8ad;
    }
    body.dark-mode .looker-upload-guide-step strong {
      background:rgba(255,188,77,0.18);
      color:#ffd980;
    }
    body.dark-mode .looker-upload-operator-card {
      background:linear-gradient(180deg, rgba(35,35,31,0.96) 0%, rgba(26,26,23,0.98) 100%);
      border-color:#2a2a25;
      box-shadow:0 16px 32px rgba(0,0,0,0.18);
    }
    body.dark-mode .looker-upload-operator-title { color:#f6f1e5; }
    body.dark-mode .looker-upload-file-meta { color:#ddd8ca; }
    body.dark-mode .surface-eyebrow,
    body.dark-mode .spotlight-side-title,
    body.dark-mode .manager-command-count,
    body.dark-mode .team-dashboard-section-sub,
    body.dark-mode .drilldown-rank,
    body.dark-mode .team-dashboard-section-chevron,
    body.dark-mode .tenant-user-badge,
    body.dark-mode .tenant-user-meta,
    body.dark-mode .rp-section-title,
    body.dark-mode .history-item-meta,
    body.dark-mode .et-date,
    body.dark-mode .coaching-reply-sub,
    body.dark-mode .coaching-reply-kicker {
      color:#9a978b;
    }
    body.dark-mode .home-summary-card-button {
      background:linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(25,25,22,0.98) 100%);
      border-color:#2a2a25;
      color:#ddd8ca;
      box-shadow:0 12px 24px rgba(0,0,0,0.18);
    }
    body.dark-mode .home-summary-card-button:hover {
      background:linear-gradient(180deg, rgba(43,40,30,0.98) 0%, rgba(33,30,24,0.98) 100%);
      border-color:#6b5200;
      color:#fff5de;
    }
    body.dark-mode .home-summary-card-button.is-active {
      background:linear-gradient(180deg, rgba(71,52,11,0.44) 0%, rgba(47,36,13,0.54) 100%);
      border-color:#8f6813;
      color:#ffd980;
      box-shadow:0 0 0 1px rgba(245,161,0,0.16), 0 16px 30px rgba(0,0,0,0.22);
    }
    body.dark-mode .manager-command-card:hover,
    body.dark-mode .team-kpi-card:hover,
    body.dark-mode .drilldown-item:hover,
    body.dark-mode .workload-chip:hover {
      border-color:#6b5200;
      background:linear-gradient(180deg, rgba(46,38,21,0.98) 0%, rgba(30,27,20,0.98) 100%);
      color:#f3efe5;
    }
    body.dark-mode .manager-command-card.active,
    body.dark-mode .team-kpi-card.active {
      border-color:#8f6813;
      background:linear-gradient(180deg, rgba(71,52,11,0.46) 0%, rgba(47,36,13,0.56) 100%);
      box-shadow:0 0 0 1px rgba(245,161,0,0.18), 0 18px 30px rgba(0,0,0,0.24);
    }
    body.dark-mode .team-dashboard-section {
      background:linear-gradient(180deg, rgba(30,30,26,0.98) 0%, rgba(22,22,19,0.98) 100%);
      border-color:#2a2a25;
      box-shadow:0 18px 34px rgba(0,0,0,0.24);
    }
    body.dark-mode .team-dashboard-section-chevron {
      background:#242420;
      border-color:#2a2a25;
      box-shadow:0 12px 22px rgba(0,0,0,0.2);
    }
    body.dark-mode .team-status-row,
    body.dark-mode .agenda-item,
    body.dark-mode .compare-tray {
      background:linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(24,24,21,0.98) 100%);
      border-color:#2a2a25;
    }
    body.dark-mode .agenda-item-overdue {
      background:linear-gradient(180deg, rgba(57,30,28,0.98) 0%, rgba(37,22,21,0.98) 100%);
      border-color:#6b342e;
    }
    body.dark-mode .agenda-item-today {
      background:linear-gradient(180deg, rgba(54,41,20,0.98) 0%, rgba(37,30,18,0.98) 100%);
      border-color:#6e561c;
    }
    body.dark-mode .agenda-item-soon {
      background:linear-gradient(180deg, rgba(26,36,53,0.98) 0%, rgba(20,27,40,0.98) 100%);
      border-color:#274a88;
    }
    body.dark-mode .manager-notes-input:focus,
    body.dark-mode .tenant-user-import-text:focus,
    body.dark-mode .coaching-reply-textarea.rep-ack-textarea:focus {
      background:#1d1d1a;
      border-color:#8f6813;
      box-shadow:0 0 0 4px rgba(245,161,0,0.14);
    }
    body.dark-mode .team-phone-stat strong,
    body.dark-mode .coverage-stat strong,
    body.dark-mode .team-kpi-value,
    body.dark-mode .drilldown-score,
    body.dark-mode .spotlight-metric-chip strong {
      color:#f7f2e5;
    }
    body.dark-mode .tenant-user-import-card,
    body.dark-mode .tenant-user-row,
    body.dark-mode .integration-hub-panel,
    body.dark-mode .tenant-user-import-text {
      background:linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(24,24,21,0.98) 100%);
      border-color:#2a2a25;
      color:#e0e0d8;
      box-shadow:0 14px 28px rgba(0,0,0,0.22);
    }
    body.dark-mode .tenant-user-role-preview {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.12), transparent 34%),
        linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(24,24,21,0.98) 100%);
      border-color:#2a2a25;
      box-shadow:0 14px 28px rgba(0,0,0,0.22);
    }
    body.dark-mode .tenant-user-role-preview-badge {
      background:rgba(77,58,14,0.42);
      border-color:#6b5200;
      color:#ffd980;
    }
    body.dark-mode .tenant-user-role-preview-summary,
    body.dark-mode .tenant-user-role-preview-list {
      color:#ddd8ca;
    }
    body.dark-mode .tenant-user-role-preview-title {
      color:#9a978b;
    }
    body.dark-mode .tenant-user-role-preview-column {
      background:rgba(32,32,28,0.86);
      border-color:#2a2a25;
    }
    body.dark-mode .tenant-user-role-preview-list.is-muted {
      color:#bcb8ad;
    }
    body.dark-mode .tenant-user-import-status {
      background:rgba(63,50,21,0.46);
      border-color:#6b5200;
    }
    body.dark-mode .tenant-setup-card {
      background:
        radial-gradient(circle at top right, rgba(245,161,0,0.12), transparent 30%),
        linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(22,22,19,0.98) 100%);
      border-color:#2a2a25;
      box-shadow:0 18px 34px rgba(0,0,0,0.24);
    }
    body.dark-mode .tenant-setup-progress span,
    body.dark-mode .tenant-setup-item-meta {
      color:#a9a99d;
    }
    body.dark-mode .tenant-setup-progress-bar {
      background:#2a2a25;
    }
    body.dark-mode .tenant-setup-next-step {
      background:linear-gradient(180deg, rgba(52,40,14,0.44) 0%, rgba(37,30,12,0.56) 100%);
      border-color:#6b5200;
      color:#f0e5c2;
    }
    body.dark-mode .tenant-setup-item {
      background:linear-gradient(180deg, rgba(33,33,29,0.98) 0%, rgba(24,24,21,0.98) 100%);
      border-color:#2a2a25;
      box-shadow:0 14px 26px rgba(0,0,0,0.18);
    }
    body.dark-mode .tenant-setup-item.is-complete {
      border-color:rgba(42,122,75,0.28);
      background:linear-gradient(180deg, rgba(25,37,29,0.98) 0%, rgba(19,29,23,0.98) 100%);
    }
    body.dark-mode .tenant-setup-item-status {
      background:#1f1f1b;
      border-color:#3a3a33;
      color:#ddd8ca;
      box-shadow:0 10px 18px rgba(0,0,0,0.16);
    }
    body.dark-mode .tenant-setup-item.is-complete .tenant-setup-item-status {
      background:rgba(42,122,75,0.16);
      border-color:rgba(42,122,75,0.28);
      color:#8fd0a4;
    }
    body.dark-mode .tenant-setup-item-copy {
      color:#c8c5bb;
    }
    body.dark-mode .app-toast {
      border-color:#2a2a25;
      background:linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(22,22,19,0.98) 100%);
      box-shadow:0 22px 40px rgba(0,0,0,0.28);
    }
    body.dark-mode .app-toast-title {
      color:#f3efe5;
    }
    body.dark-mode .app-toast-copy {
      color:#c8c5bb;
    }
    body.dark-mode .app-toast-close {
      background:#1f1f1b;
      border-color:#3a3a33;
      color:#a9a99d;
      box-shadow:0 10px 20px rgba(0,0,0,0.18);
    }
    body.dark-mode .app-toast-close:hover {
      border-color:#8f6813;
      color:#fff3d1;
      background:#2a2317;
    }
    body.dark-mode .app-toast-progress {
      background:#2a2a25;
    }
    body.dark-mode .tenant-user-badge {
      background:#1f1f1b;
      border-color:#2f2f29;
    }
    body.dark-mode .admin-ops-feed-card:hover,
    body.dark-mode #enterpriseAuditFeed .surface-card-quiet:hover,
    body.dark-mode #tenantBackupHistory .surface-card-quiet:hover,
    body.dark-mode #integrationHealthIssuesFeed .surface-card-quiet:hover,
    body.dark-mode #integrationHealthTestHistoryFeed .surface-card-quiet:hover,
    body.dark-mode #hubspotSyncHistoryFeed .surface-card-quiet:hover,
    body.dark-mode #voiceopsSyncHistoryFeed .surface-card-quiet:hover {
      border-color:#6b5200;
      box-shadow:0 18px 32px rgba(0,0,0,0.28);
    }
    body.dark-mode .integration-hub-panel {
      background:linear-gradient(180deg, rgba(29,29,25,0.96) 0%, rgba(22,22,19,0.98) 100%);
    }
    body.dark-mode .admin-settings-toolbar {
      background:linear-gradient(180deg, rgba(22,21,17,0.98) 0%, rgba(17,16,13,0.95) 100%);
      border-color:#302c23;
      box-shadow:0 18px 30px rgba(0,0,0,0.24);
    }
    body.dark-mode .admin-settings-toolbar-title { color:#f3ecdf; }
    body.dark-mode .admin-settings-toolbar-copy { color:#bdb4a4; }
    body.dark-mode .admin-settings-section-btn {
      background:#191813;
      border-color:#353022;
      color:#e7dece;
    }
    body.dark-mode .admin-settings-section-btn:hover {
      background:#211f18;
      border-color:#6e5520;
      box-shadow:0 12px 20px rgba(0,0,0,0.24);
    }
    body.dark-mode .admin-settings-tabs {
      background:#1f1f1b;
      border-color:#2a2a25;
    }
    body.dark-mode .admin-settings-tab {
      color:#a9a99d;
    }
    body.dark-mode .admin-settings-tab:hover {
      color:#f3efe5;
      background:rgba(245,161,0,0.12);
    }
    body.dark-mode .admin-settings-tab.active {
      color:#fff5de;
      background:linear-gradient(180deg, rgba(71,52,11,0.46) 0%, rgba(47,36,13,0.56) 100%);
      box-shadow:inset 0 0 0 1px rgba(245,161,0,0.22);
    }
    body.dark-mode .rp-body {
      background:linear-gradient(180deg, rgba(22,22,19,0.98) 0%, rgba(17,17,15,0.98) 100%);
    }
    body.dark-mode .rp-close {
      color:#a9a99d;
      background:#1f1f1b;
      border-color:#2a2a25;
      box-shadow:0 10px 22px rgba(0,0,0,0.18);
    }
    body.dark-mode .rp-close:hover {
      color:#f3efe5;
      border-color:#8f6813;
      background:#2a2317;
    }
    body.dark-mode .coaching-reply-composer {
      background:linear-gradient(180deg, rgba(33,33,29,0.98) 0%, rgba(23,23,20,0.98) 100%);
      border-color:#2a2a25;
      box-shadow:0 16px 28px rgba(0,0,0,0.22);
    }
    body.dark-mode .history-item,
    body.dark-mode .et-right {
      background:linear-gradient(180deg, rgba(32,32,28,0.98) 0%, rgba(22,22,19,0.98) 100%);
      border-color:#2a2a25;
      box-shadow:0 16px 30px rgba(0,0,0,0.2);
    }
    body.dark-mode .history-item:hover,
    body.dark-mode .et-right:hover {
      border-color:#6b5200;
      box-shadow:0 20px 34px rgba(0,0,0,0.24);
    }
    body.dark-mode .et-date {
      background:rgba(255,255,255,0.06);
      color:#9a978b;
    }
    body.dark-mode .coaching-reply-textarea.rep-ack-textarea {
      background:#1d1d1a;
      border-color:#2f2f29;
      color:#f3efe5;
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
    }
    body.dark-mode .coaching-reply-textarea.rep-ack-textarea::placeholder,
    body.dark-mode .tenant-user-import-text::placeholder,
    body.dark-mode .manager-notes-input::placeholder {
      color:#8f8f84;
    }
    body.dark-mode .spotlight-side,
    body.dark-mode .spotlight-metric-chip,
    body.dark-mode .spotlight-side-item {
      box-shadow:none;
    }
    body.dark-mode .notif-item {
      background:linear-gradient(180deg, rgba(31,31,27,0.98) 0%, rgba(23,23,20,0.98) 100%);
    }
    body.dark-mode .notif-time {
      color:#8f8f84;
    }
    @media (max-width: 980px) {
      #dataSourceModal .modal {
        width:min(100%, calc(100vw - 24px)) !important;
        max-height:calc(100vh - 24px);
        padding:18px;
      }
      .admin-settings-toolbar {
        padding:12px;
      }
      .admin-settings-section-nav {
        width:100%;
        justify-content:flex-start;
      }
      .admin-settings-tabs {
        width:100%;
      }
      .admin-settings-tab {
        flex:1 1 0;
        text-align:center;
      }
      .admin-user-grid {
        grid-template-columns:1fr;
      }
      .tenant-user-role-preview-grid {
        grid-template-columns:1fr;
      }
      .tenant-user-import-mode {
        min-width:0;
        width:100%;
      }
      #dataSourceModal .grid,
      .ds-cards {
        grid-template-columns:1fr;
      }
    }
    .ds-card { border:1.5px solid var(--neutral-200); border-radius:var(--radius-md); padding:16px 14px; cursor:pointer; transition:all 0.15s; position:relative; }
    .ds-card:hover { border-color:var(--yellow-500); background:var(--yellow-50); }
    .ds-card.active-source { border-color:var(--green-400); background:var(--green-100); }
    .ds-card-icon { font-size:22px; margin-bottom:7px; display:block; }
    .ds-card-name { font-size:13px; font-weight:700; margin-bottom:4px; }
    .ds-card-desc { font-size:11px; color:var(--neutral-500); line-height:1.4; }
    .ds-card-badge { position:absolute; top:8px; right:8px; font-size:10px; font-weight:700; padding:2px 7px; border-radius:20px; }
    .ds-badge-live { background:var(--green-100); color:var(--green-500); }
    .ds-badge-demo { background:var(--neutral-100); color:var(--neutral-500); }

    /* ── DATABRICKS MODAL ── */
    .db-steps { display:flex; gap:0; border-bottom:2px solid var(--neutral-100); margin-bottom:20px; }
    .db-step-tab { padding:9px 16px; font-size:12px; font-weight:600; color:var(--neutral-400); cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-2px; transition:all 0.15s; white-space:nowrap; }
    .db-step-tab.active { color:var(--neutral-900); border-bottom-color:var(--yellow-500); }
    .db-step-tab.done { color:var(--green-500); }
    .db-step-tab:hover:not(.active) { color:var(--neutral-700); }
    .db-step-content { display:none; }
    .db-step-content.show { display:block; }
    .db-note { font-size:11px; color:var(--neutral-600); line-height:1.6; padding:10px 12px; background:var(--neutral-50); border-radius:var(--radius-sm); border-left:3px solid var(--neutral-300); margin-top:14px; }
    .db-note code { font-family:monospace; background:var(--neutral-100); padding:1px 4px; border-radius:3px; font-size:10px; }
    .db-result { display:none; margin-top:12px; padding:10px 14px; border-radius:var(--radius-sm); font-size:13px; font-weight:500; line-height:1.5; }
    /* Field mapper */
    .fm-table { width:100%; border-collapse:collapse; }
    .fm-table th { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.4px; color:var(--neutral-400); padding:7px 10px; text-align:left; border-bottom:1px solid var(--neutral-100); background:var(--neutral-50); }
    .fm-table td { padding:8px 10px; border-bottom:1px solid var(--neutral-100); font-size:13px; vertical-align:middle; }
    .fm-table tr:last-child td { border-bottom:none; }
    .fm-field-label { font-weight:600; color:var(--neutral-700); }
    .fm-field-hint { font-size:10px; color:var(--neutral-400); display:block; margin-top:1px; }
    .fm-select { font-size:12px; padding:6px 8px; border:1.5px solid var(--neutral-300); border-radius:var(--radius-sm); background:var(--white); font-family:inherit; color:var(--neutral-900); width:100%; }
    .fm-select:focus { border-color:var(--yellow-500); outline:none; }
    .fm-auto { font-size:10px; font-weight:600; color:var(--green-500); margin-left:6px; }
    /* Query preview */
    .db-preview-wrap { overflow-x:auto; border:1px solid var(--neutral-100); border-radius:var(--radius-sm); max-height:160px; overflow-y:auto; }
    .db-preview-table { width:100%; border-collapse:collapse; font-size:11px; }
    .db-preview-table th { background:var(--neutral-50); padding:5px 9px; text-align:left; font-size:10px; font-weight:700; text-transform:uppercase; color:var(--neutral-400); border-bottom:1px solid var(--neutral-100); white-space:nowrap; }
    .db-preview-table td { padding:5px 9px; border-bottom:1px solid var(--neutral-100); color:var(--neutral-700); white-space:nowrap; }

    /* ── PRINT ── */
    @media print {
      .header,.progress-bar,.gen-header,.snap-head,.btn,.edit-banner,.plans-panel,.plans-panel-backdrop { display:none !important; }
      body { background:white; }
      .gen-card,.snap-card { border:none; box-shadow:none; }
    }

    /* ── RESPONSIVE ── */
    @media (max-width:980px) {
      .coach-plan-hero-head,
      .coach-plan-chip-stack { justify-content:flex-start; }
      .coach-plan-meta-grid,
      .coach-plan-action-grid,
      .coach-plan-success-grid,
      .snap-meta-grid,
      .snap-feature-grid { grid-template-columns:1fr; }
      .coach-plan-title { font-size:32px; }
      .header {
        width:100%;
        min-height:auto;
        padding:12px 14px;
        position:sticky;
        left:auto;
        bottom:auto;
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,0.06);
        box-shadow:0 10px 28px rgba(0,0,0,0.16);
      }
      .header-main,
      .header-stack { width:100%; }
      .header-brand { width:100%; }
      .header-brand-sub { white-space:normal; }
      .floor-news-ticker {
        left:16px;
        right:16px;
        bottom:12px;
      }
      .floor-news-ticker-track {
        animation-duration:42s;
        padding:10px 14px;
      }
      .sidebar-section-label { display:none; }
      .view-tabs { width:100%; overflow:auto; }
      .header-controls-rail { flex-direction:row; flex-wrap:wrap; }
      .hdr-btn-rail { width:auto; }
      .notif-tray { top:84px; left:16px; right:auto; width:min(380px, calc(100vw - 32px)); max-height:min(70vh, 560px); }
      .roster-top-shell { position:static; margin:0 0 18px; padding:0; background:none; backdrop-filter:none; }
      .roster-filter-bar { padding:0; background:none; border:none; box-shadow:none; }
      body.sidebar-collapsed .header,
      body.sidebar-collapsed #coachingView,
      body.sidebar-collapsed #rosterView,
      body.sidebar-collapsed #reportingView,
      body.sidebar-collapsed #repView,
      body.sidebar-collapsed .progress-bar { margin-left:0; width:100%; }
      body.sidebar-collapsed .header { width:100%; }
      body.sidebar-collapsed .header-brand-copy,
      body.sidebar-collapsed .sidebar-label,
      body.sidebar-collapsed .view-tab-label,
      body.sidebar-collapsed .sidebar-kbd,
      body.sidebar-collapsed .plans-count { display:initial !important; }
      body.sidebar-collapsed .hdr-btn-rail,
      body.sidebar-collapsed .dark-toggle-rail,
      body.sidebar-collapsed .sidebar-toggle,
      body.sidebar-collapsed .view-tab { width:auto; min-width:0; padding-left:12px; padding-right:12px; }
      #coachingView,
      #rosterView,
      #reportingView,
      #repView,
      .progress-bar { margin-left:0; }
      .main,
      .roster-view,
      .reporting-view,
      .rep-view { max-width:none; padding:0 16px; }
      .row-actions,
      .modal-actions,
      .integration-hub-actions,
      .tenant-user-import-head,
      .admin-user-head,
      .ai-draft-topline {
        flex-direction:column;
        align-items:stretch;
      }
      .modal {
        padding:22px 20px;
        border-radius:22px;
      }
      .modal-actions .btn,
      .row-actions .btn,
      .integration-hub-actions .btn,
      .tenant-user-actions .btn {
        width:100%;
        justify-content:center;
      }
      .tenant-user-row,
      .team-dash-head,
      .director-section-head,
      .director-manager-top,
      .rep-card-footer,
      .rep-card-header,
      .et-head,
      .rdh,
      .roster-header {
        flex-direction:column;
        align-items:flex-start;
      }
      .tenant-user-actions,
      .agenda-actions,
      .spotlight-actions,
      .rep-quick-actions,
      .log-form-actions {
        width:100%;
        justify-content:stretch;
      }
      .tenant-user-actions .btn,
      .agenda-actions .btn,
      .spotlight-actions .btn,
      .rep-quick-actions .btn,
      .log-form-actions .btn {
        flex:1 1 auto;
      }
      .compare-modal-inner,
      .app-dialog-modal,
      .ai-draft-modal {
        max-width:none;
        width:100%;
      }
      .rep-profile-panel {
        width:min(100vw, 100%);
      }
      .rp-head,
      .rp-role-banner,
      .rp-section,
      .rp-actions {
        padding-left:18px;
        padding-right:18px;
      }
      .rp-role-banner,
      .rp-actions {
        flex-wrap:wrap;
        gap:10px;
      }
      .kpi-tile-grid,
      .scorecard-detail-grid,
      .rep-scorecard-section-grid,
      .rep-scorecard-compact-grid,
      .log-type-grid,
      .coverage-summary,
      .team-phone-strip {
        grid-template-columns:1fr;
      }
      .rep-grid {
        grid-template-columns:1fr;
      }
      .rep-card {
        padding:16px 16px;
      }
      .coach-plan-title {
        font-size:28px;
      }
      .assistant-panel {
        width:min(100vw - 18px, 100%);
        height:min(78vh, 720px);
        max-height:calc(100vh - 84px);
        border-radius:22px;
      }
      .assistant-head {
        padding:11px 12px 10px;
      }
      .assistant-connection-pill {
        max-width:100%;
        white-space:normal;
      }
    }

    @media (max-width:580px) {
      .grid { grid-template-columns:1fr; } .col2 { grid-column:span 1; }
      .header-logo { min-width:52px; height:52px; font-size:25px; border-radius:14px; }
      .header-brand-title { font-size:14px; }
      .main { padding:0 12px; margin-top:24px; }
      .card { padding:22px 16px; } .snap-grid { grid-template-columns:1fr; }
      .snap-lbl { border-right:none; border-bottom:1px solid var(--neutral-100) !important; }
      .step-lbl { display:none; } .plans-panel { width:100%; }
      .help-panel-body { grid-template-columns:1fr; }
      .help-topic-list { border-right:none; border-bottom:1px solid var(--neutral-100); max-height:240px; }
      .help-inline-grid { grid-template-columns:1fr; }
      .header {
        padding:10px 10px 12px;
      }
      body.mobile-shell .header {
        padding:10px;
      }
      .header-brand {
        gap:10px;
      }
      .header-logo {
        min-width:46px;
        height:46px;
        font-size:22px;
        border-radius:12px;
      }
      .header-brand-sub {
        font-size:12px;
        line-height:1.35;
      }
      .header-controls-rail,
      .view-tabs {
        gap:8px;
      }
      body.mobile-shell.sidebar-collapsed .sidebar-home-btn,
      body.mobile-shell.sidebar-collapsed .hdr-btn-rail,
      body.mobile-shell.sidebar-collapsed .dark-toggle-rail {
        min-height:40px;
        padding-left:10px;
        padding-right:10px;
        font-size:11px;
      }
      .view-tab,
      .hdr-btn-rail,
      .sidebar-toggle,
      .dark-toggle-rail {
        min-height:42px;
      }
      .view-tab {
        padding-left:10px;
        padding-right:10px;
      }
      .main,
      .roster-view,
      .reporting-view,
      .rep-view {
        padding:0 12px;
      }
      .notif-tray {
        top:74px;
        left:10px;
        width:calc(100vw - 20px);
        max-height:min(74vh, 620px);
      }
      .floor-news-ticker {
        left:10px;
        right:10px;
        bottom:10px;
        border-radius:14px;
      }
      .floor-news-ticker-track {
        gap:10px;
        padding:9px 12px;
        animation-duration:48s;
      }
      .floor-news-ticker-item {
        font-size:12px;
      }
      .plans-panel-title,
      .modal-title,
      .rep-game-title,
      .team-dashboard-section-title {
        font-size:15px;
      }
      .modal-overlay {
        padding:10px;
        align-items:flex-end;
      }
      .modal {
        max-height:min(calc(100vh - 20px), 88vh);
        padding:18px 16px;
        border-radius:20px 20px 16px 16px;
      }
      .modal-title {
        font-size:16px;
      }
      .modal-sub {
        font-size:12px;
        margin-bottom:16px;
      }
      .modal-actions {
        gap:8px;
      }
      .modal-actions .btn,
      .row-actions .btn,
      .tenant-user-actions .btn,
      .agenda-actions .btn,
      .spotlight-actions .btn,
      .rep-quick-actions .btn,
      .log-form-actions .btn {
        width:100%;
      }
      .roster-filter-bar {
        gap:10px;
      }
      .roster-filter-bar > * {
        min-width:0;
      }
      .spotlight-card,
      .team-dashboard-section,
      .director-section,
      .rep-hero,
      .coach-plan-hero,
      .coach-plan-section {
        padding:14px;
        border-radius:18px;
      }
      .spotlight-head,
      .team-dashboard-section-toggle,
      .director-section-head {
        gap:10px;
      }
      .spotlight-title,
      .rep-hero-title,
      .coach-plan-title,
      .rdh-name {
        font-size:clamp(22px, 7vw, 32px);
        line-height:1.06;
      }
      .briefing-title {
        font-size:22px;
      }
      .spotlight-copy,
      .rep-hero-copy,
      .coach-plan-sub {
        font-size:12px;
      }
      .manager-command-strip,
      .team-kpi-strip,
      .rdv-kpi-strip,
      .director-summary-grid,
      .director-manager-grid,
      .director-rollup-grid,
      .rep-engagement-grid,
      .rep-progress-grid,
      .rep-recap-grid,
      .reporting-summary-grid,
      .reporting-dashboard-grid,
      .reporting-stage-aging,
      .spotlight-metric-strip,
      .coach-plan-meta-grid,
      .coach-plan-action-grid,
      .coach-plan-success-grid,
      .snap-meta-grid,
      .snap-feature-grid {
        grid-template-columns:1fr;
      }
      .team-phone-strip,
      .coverage-summary,
      .kpi-tile-grid,
      .log-type-grid {
        grid-template-columns:1fr;
      }
      .team-dashboard-section-body {
        margin-top:12px;
      }
      .rep-profile-panel {
        width:100vw;
        border-left:none;
      }
      .rp-head,
      .rp-role-banner,
      .rp-section,
      .rp-actions {
        padding-left:14px;
        padding-right:14px;
      }
      .rp-tabs {
        overflow-x:auto;
        scrollbar-width:none;
      }
      .rp-tabs::-webkit-scrollbar {
        display:none;
      }
      .rp-tab {
        min-width:116px;
        flex:0 0 auto;
        padding-left:10px;
        padding-right:10px;
        font-size:10px;
      }
      .et-item {
        gap:10px;
      }
      .et-left {
        width:28px;
      }
      .et-dot {
        width:30px;
        height:30px;
        font-size:13px;
      }
      .et-right {
        padding:11px 12px;
        border-radius:16px;
      }
      .assistant-dock {
        right:10px;
        bottom:10px;
      }
      .assistant-panel {
        width:calc(100vw - 12px);
        height:min(82vh, 760px);
        max-height:calc(100vh - 68px);
        border-radius:20px;
      }
      .assistant-actions {
        grid-template-columns:1fr;
      }
      .assistant-fab {
        padding:11px 14px;
      }
      .assistant-head-actions {
        width:100%;
        justify-content:space-between;
      }
      .compare-modal-inner {
        max-height:88vh;
      }
      .director-jump-strip,
      .director-tab-strip,
      .rep-workspace-tabs,
      .team-reporting-filter-strip,
      .integrations-vendor-strip {
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-bottom:4px;
        scrollbar-width:none;
      }
      .director-jump-strip::-webkit-scrollbar,
      .director-tab-strip::-webkit-scrollbar,
      .rep-workspace-tabs::-webkit-scrollbar,
      .team-reporting-filter-strip::-webkit-scrollbar,
      .integrations-vendor-strip::-webkit-scrollbar {
        display:none;
      }
      .director-jump-btn,
      .director-display-btn,
      .rep-workspace-tab,
      .integration-vendor-btn {
        flex:0 0 auto;
      }
    }
    @media (max-width:760px) {
      body.mobile-shell .header {
        max-height:none;
        overflow:visible;
      }
      body.mobile-shell .header-main,
      body.mobile-shell .header-stack {
        gap:10px;
      }
      body.mobile-shell .sidebar-toggle {
        width:auto;
        align-self:flex-start;
        padding:8px 12px;
      }
      body.mobile-shell .sidebar-section {
        width:100%;
      }
      body.mobile-shell.sidebar-collapsed .sidebar-section {
        display:none;
      }
      body.mobile-shell.sidebar-collapsed .sidebar-section:first-of-type,
      body.mobile-shell.sidebar-collapsed #sidebarCoachingSection {
        display:flex;
      }
      body.mobile-shell.sidebar-collapsed .sidebar-section-label {
        display:none;
      }
      body.mobile-shell.sidebar-collapsed .sidebar-home-nav,
      body.mobile-shell.sidebar-collapsed #workspaceHeaderActions,
      body.mobile-shell.sidebar-collapsed #sidebarCoachingSection .header-controls-rail {
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        gap:8px;
        overflow-x:auto;
        width:100%;
        padding-bottom:2px;
        scrollbar-width:none;
      }
      body.mobile-shell.sidebar-collapsed .sidebar-home-nav::-webkit-scrollbar,
      body.mobile-shell.sidebar-collapsed #workspaceHeaderActions::-webkit-scrollbar,
      body.mobile-shell.sidebar-collapsed #sidebarCoachingSection .header-controls-rail::-webkit-scrollbar {
        display:none;
      }
      body.mobile-shell.sidebar-collapsed .sidebar-home-nav {
        padding:0;
        border:none;
        background:transparent;
        box-shadow:none;
      }
      body.mobile-shell.sidebar-collapsed .sidebar-home-btn,
      body.mobile-shell.sidebar-collapsed .hdr-btn-rail,
      body.mobile-shell.sidebar-collapsed .dark-toggle-rail {
        width:auto;
        min-width:fit-content;
        padding-left:12px;
        padding-right:12px;
        justify-content:flex-start;
        flex:0 0 auto;
      }
      body.mobile-shell.sidebar-collapsed .view-tab-label,
      body.mobile-shell.sidebar-collapsed .sidebar-label {
        display:inline !important;
      }
      body.mobile-shell.sidebar-collapsed .sidebar-kbd {
        display:none !important;
      }
      body.mobile-shell.mobile-nav-open .header {
        max-height:calc(100vh - 10px);
        overflow-y:auto;
      }
      .roster-controls {
        width:100%;
        flex-direction:column;
        align-items:stretch;
      }
      .roster-controls > .btn {
        width:100%;
        justify-content:center;
      }
      .role-scope-stack {
        width:100%;
      }
      .role-toggle {
        width:100%;
        overflow-x:auto;
        flex-wrap:nowrap;
        scrollbar-width:none;
      }
      .role-toggle::-webkit-scrollbar {
        display:none;
      }
      .role-btn {
        flex:0 0 auto;
      }
      .roster-filter-bar > div {
        width:100%;
      }
      .roster-filter-bar .field {
        min-width:0 !important;
        max-width:none !important;
        width:100%;
      }
      .roster-filter-bar .dept-filter {
        width:100%;
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-bottom:2px;
        scrollbar-width:none;
      }
      .roster-filter-bar .dept-filter::-webkit-scrollbar {
        display:none;
      }
      .roster-filter-bar .btn {
        width:100%;
        justify-content:center;
      }
      .rep-card-footer .btn,
      .rep-quick-actions .btn,
      .spotlight-actions .btn,
      .agenda-actions .btn,
      .log-form-actions .btn {
        min-height:42px;
      }
      .manager-rows-wrap,
      .leaderboard-wrap {
        margin-left:-2px;
        margin-right:-2px;
      }
    }
    .dark-toggle-rail { min-width:48px; min-height:36px; }

    body.dark-mode .assistant-brief-card {
      background:linear-gradient(180deg, rgba(34,34,30,0.98) 0%, rgba(24,24,21,0.98) 100%);
      border-color:#2a2a25;
      box-shadow:0 14px 30px rgba(0,0,0,0.28);
    }
    body.dark-mode .assistant-brief-card-title {
      color:#b5b5aa;
    }
    body.dark-mode .reply-card {
      background:linear-gradient(180deg, #131c22 0%, #101820 100%);
      border-color:#274252;
      box-shadow:0 14px 28px rgba(0,0,0,0.22);
    }
    body.dark-mode .notif-source {
      background:rgba(245,161,0,0.18);
      color:#ffd47a;
    }
    body.dark-mode .plans-panel {
      background:linear-gradient(180deg, rgba(29,29,25,0.98) 0%, rgba(22,22,19,0.98) 100%);
      border-left-color:#2a2a25;
    }
    body.dark-mode .plans-panel-head {
      background:linear-gradient(180deg, rgba(33,29,20,0.96) 0%, rgba(22,22,18,0.96) 100%);
      border-bottom-color:#2a2a25;
      box-shadow:0 10px 24px rgba(0,0,0,0.2);
    }
    body.dark-mode .plans-panel-close {
      background:#1f1f1b;
      border-color:#2a2a25;
      color:#a9a99d;
      box-shadow:0 10px 20px rgba(0,0,0,0.18);
    }
    body.dark-mode .plans-panel-close:hover {
      color:#f3efe5;
      border-color:#8f6813;
      background:#2a2317;
    }
    body.dark-mode .plans-panel-note {
      background:linear-gradient(180deg, rgba(54,41,20,0.98) 0%, rgba(37,30,18,0.98) 100%);
      border-bottom-color:#6e561c;
      color:#f0d28b;
    }
    body.dark-mode .plans-empty {
      border-color:#2a2a25;
      background:linear-gradient(180deg, rgba(32,32,28,0.98) 0%, rgba(22,22,19,0.98) 100%);
    }
    body.dark-mode .notif-list {
      background:rgba(0,0,0,0.04);
    }
