/* Business Performance Command Center™ (/business/command-center). Builds on /theme/theme.css tokens and the Buddy for
   Business™ shell (/business/biz.css: header, footer, type). Navy surfaces, blue/gold data marks, silver hairlines.
   Chart series colours were validated for the navy chart surface (lightness band, chroma, CVD and contrast checks):
   blue #3987e5, gold #c98500, aqua #199e70. Status colours always come with an icon and a word, never alone.
   CSP-safe: no inline styles or scripts; every chart is SVG built by cc-charts.js. */
:root{--cc-surface:#0C1135;--cc-card:rgba(17,23,66,.82);--cc-card-2:rgba(24,31,84,.9);--cc-line:rgba(203,211,230,.14);--cc-line-hi:rgba(203,211,230,.28);
  --cc-ink:#F4F5FB;--cc-ink-2:#C9CFE3;--cc-ink-3:#A9B0CB;--cc-s1:#3987e5;--cc-s2:#c98500;--cc-s3:#199e70;--cc-grid:rgba(203,211,230,.12);
  --cc-ok:#6EE7A0;--cc-watch:#FFD98A;--cc-bad:#FFA8A8;--cc-gold:#E6B85C;--cc-gold-hi:#FFE7A8}
.cc .bz-main{padding-bottom:40px}
.cc-wrap{max-width:1280px;margin:0 auto;padding:0 var(--bz-gutter,16px)}

/* Persistent illustrative-data label: sticky under the header, on every view. */
.cc-label{position:sticky;top:64px;z-index:40;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:8px var(--bz-gutter,16px);
  background:linear-gradient(90deg,#3A2A06,#4A3608 50%,#3A2A06);border-bottom:1px solid rgba(230,184,92,.55);color:var(--cc-gold-hi);font:700 13px/1.35 Inter,sans-serif;letter-spacing:.04em;text-align:center}
.cc-label svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.cc-label small{font-weight:500;letter-spacing:0;color:#F3E2B8}
.cc-label[data-state=none]{background:#1A1F45;border-color:var(--cc-line-hi);color:var(--cc-ink)}
.cc-label[data-state=none] small{color:var(--cc-ink-2)}
@media (max-width:640px){.cc-label{top:60px;gap:6px;padding:6px 12px;font-size:12px}.cc-label small{display:none}}

.cc-head{padding:28px 0 8px}
.cc-eyebrow{margin:0 0 8px;font:700 12px/1.3 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--cc-gold)}
.cc-h1{margin:0;font:400 clamp(28px,3.4vw + 12px,46px)/1.1 Fraunces,Georgia,serif;color:#fff;letter-spacing:-.01em}
.cc-sub{max-width:72ch;margin:10px 0 0;color:var(--cc-ink-2)}

/* Controls */
.cc-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:20px 0 14px;padding:14px;border:1px solid var(--cc-line);border-radius:16px;background:rgba(10,14,46,.7)}
.cc-field{display:grid;gap:6px;min-width:0}
.cc-field>span,.cc-field legend{font:600 13px/1.3 Inter,sans-serif;color:var(--cc-ink-2)}
.cc-field select{width:100%;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--cc-line-hi);background:#0A0F33;color:var(--cc-ink);font:500 15px Inter,sans-serif}
.cc-field select:focus-visible{outline:2px solid var(--cc-gold-hi);outline-offset:2px}
.cc-help{margin:0;font-size:13px;line-height:1.45;color:var(--cc-ink-3)}
.cc-switch{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px 0 6px;border-radius:10px;border:1px solid var(--cc-line-hi);background:#0A0F33;color:var(--cc-ink);font:600 14px Inter,sans-serif;cursor:pointer;text-align:left}
.cc-switch .cc-knob{position:relative;flex:none;width:40px;height:24px;border-radius:12px;background:#3B4165;transition:background .2s}
.cc-switch .cc-knob::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.cc-switch[aria-checked=true] .cc-knob{background:var(--cc-s1)}
.cc-switch[aria-checked=true] .cc-knob::after{transform:translateX(16px)}
.cc-switch:focus-visible{outline:2px solid var(--cc-gold-hi);outline-offset:2px}

/* Role-view tabs: each tab says which roles may open it. */
.cc-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 18px}
.cc-tab{display:grid;gap:4px;align-content:start;min-height:64px;padding:10px 12px;border-radius:14px;border:1px solid var(--cc-line-hi);background:rgba(12,17,53,.8);color:var(--cc-ink);text-align:left;cursor:pointer;font:inherit}
.cc-tab b{font:600 15px/1.2 Inter,sans-serif}
.cc-tab small{font-size:12px;line-height:1.35;color:var(--cc-ink-3)}
.cc-tab[aria-selected=true]{border-color:var(--cc-gold);background:linear-gradient(180deg,rgba(230,184,92,.16),rgba(230,184,92,.05));box-shadow:inset 0 -2px 0 var(--cc-gold)}
.cc-tab[aria-disabled=true]{cursor:not-allowed;opacity:.72;border-style:dashed}
.cc-tab[aria-disabled=true] b::after{content:" · locked";font-weight:500;color:var(--cc-ink-3)}
.cc-tab:focus-visible{outline:2px solid var(--cc-gold-hi);outline-offset:2px}
@media (max-width:560px){.cc-tab{padding:8px}.cc-tab b{font-size:14px}.cc-tab small{font-size:11px}}

.cc-panel[hidden]{display:none}
.cc-grid{display:grid;gap:16px}
.cc-grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.cc-card{min-width:0;padding:18px;border-radius:18px;border:1px solid var(--cc-line);background:var(--cc-card);box-shadow:0 10px 30px rgba(2,4,20,.35)}
.cc-card h2{margin:0 0 4px;font:500 21px/1.25 Fraunces,Georgia,serif;color:#fff}
.cc-card h3{margin:14px 0 6px;font:600 15px/1.3 Inter,sans-serif;color:#fff}
.cc-card-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px;margin-bottom:10px}
.cc-kicker{margin:0;font-size:13px;color:var(--cc-ink-3)}
.cc-sec{margin:22px 0 10px;font:500 24px/1.2 Fraunces,Georgia,serif;color:#fff}
.cc-tag{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--cc-line-hi);font:700 11px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--cc-ink-2);white-space:nowrap}
.cc-tag--demo{border-color:rgba(57,135,229,.7);color:#B9D6FF}
.cc-tag--planned{border-color:rgba(230,184,92,.6);color:var(--cc-gold-hi)}
.cc-tag--det{border-color:rgba(110,231,160,.5);color:var(--cc-ok)}

/* KPI tiles */
.cc-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:12px;margin:0;padding:0;list-style:none}
.cc-tile{display:grid;grid-template-rows:auto auto 1fr auto;gap:4px;min-height:174px;padding:14px;border-radius:16px;border:1px solid var(--cc-line);background:var(--cc-card-2)}
.cc-tile h3{margin:0;font:600 13px/1.3 Inter,sans-serif;color:var(--cc-ink-2)}
.cc-val{font:500 30px/1.1 Fraunces,Georgia,serif;color:#fff;font-variant-numeric:tabular-nums}
.cc-meta{margin:0;font-size:12.5px;line-height:1.45;color:var(--cc-ink-3)}
.cc-spark{display:block;width:100%;height:34px}
.cc-st{display:inline-flex;align-items:center;gap:5px;font:700 12px/1 Inter,sans-serif}
.cc-st svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2}
.cc-st--on-target{color:var(--cc-ok)}.cc-st--watch{color:var(--cc-watch)}.cc-st--off-target{color:var(--cc-bad)}.cc-st--no-data{color:var(--cc-ink-3)}
.cc-delta{font-variant-numeric:tabular-nums}

/* Briefing */
.cc-brief{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin-top:6px}
.cc-brief h3{margin:0 0 8px;font:700 12px/1.3 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--cc-gold)}
.cc-brief ol,.cc-brief ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.cc-stmt{padding:12px;border-radius:12px;border:1px solid var(--cc-line);background:rgba(8,12,40,.6)}
.cc-stmt p{margin:0 0 8px;color:var(--cc-ink);line-height:1.5}
.cc-cites{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.cc-cite{padding:3px 8px;border-radius:8px;border:1px solid rgba(57,135,229,.45);background:rgba(57,135,229,.1);font-size:12px;line-height:1.4;color:#CFE1FF}
.cc-method{margin:12px 0 0;font-size:13px;color:var(--cc-ink-3)}

/* Charts */
.cc-chart{position:relative;margin:8px 0 0}
.cc-chart svg{display:block;width:100%;overflow:visible}
.cc-chart text{fill:var(--cc-ink-3);font:12px Inter,sans-serif}
.cc-chart .cc-ax{stroke:var(--cc-line-hi);stroke-width:1}
.cc-chart .cc-gl{stroke:var(--cc-grid);stroke-width:1}
.cc-chart .cc-tgt{stroke:var(--cc-ink-2);stroke-width:1.5;stroke-dasharray:5 4}
.cc-chart .cc-tgt-l{fill:var(--cc-ink-2)}
.cc-chart .cc-ln{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.cc-chart .cc-ln--dash{stroke-dasharray:6 4}
.cc-chart .cc-dot{stroke:var(--cc-surface);stroke-width:2}
.cc-chart .cc-x{stroke:var(--cc-ink-2);stroke-width:1;stroke-dasharray:2 3}
.cc-chart .cc-hit{fill:transparent}
.cc-chart .cc-dl{fill:var(--cc-ink);font-weight:600}
.cc-tip{position:absolute;z-index:5;min-width:140px;max-width:240px;padding:8px 10px;border-radius:10px;border:1px solid var(--cc-line-hi);background:#070B2C;color:var(--cc-ink);font-size:12.5px;line-height:1.45;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.cc-tip[hidden]{display:none}
.cc-tip b{display:block;margin-bottom:2px}
.cc-tip i{display:inline-block;width:10px;height:3px;margin-right:6px;vertical-align:middle;border-radius:2px}
.cc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;padding:0;list-style:none;font-size:13px;color:var(--cc-ink-2)}
.cc-legend li{display:inline-flex;align-items:center;gap:7px}
.cc-legend i{display:inline-block;width:16px;height:3px;border-radius:2px}
.cc-legend i.dash{height:0;border-top:2px dashed var(--cc-ink-2);background:none}
.cc-sw1{background:var(--cc-s1)}.cc-sw2{background:var(--cc-s2)}.cc-sw3{background:var(--cc-s3)}
.cc-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}
.cc-chip{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--cc-line-hi);background:transparent;color:var(--cc-ink-2);font:600 13px Inter,sans-serif;cursor:pointer}
.cc-chip[aria-pressed=true]{border-color:var(--cc-gold);color:#fff;background:rgba(230,184,92,.14)}
.cc-chip:focus-visible{outline:2px solid var(--cc-gold-hi);outline-offset:2px}

/* Tables (each in a labelled, focusable scroll region so keyboard users can scroll narrow screens) */
.cc-tablewrap{overflow-x:auto;margin:8px 0 0;border-radius:12px;border:1px solid var(--cc-line)}
.cc-tablewrap:focus-visible{outline:2px solid var(--cc-gold-hi);outline-offset:2px}
.cc-table{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}
.cc-table caption{padding:8px 10px;text-align:left;font-weight:600;color:var(--cc-ink-2)}
.cc-table th,.cc-table td{padding:8px 10px;border-top:1px solid var(--cc-line);text-align:right;white-space:nowrap}
.cc-table th:first-child,.cc-table td:first-child{text-align:left}
.cc-table thead th{border-top:0;background:rgba(8,12,40,.7);font-weight:600;color:var(--cc-ink-2)}
.cc-table tbody th{font-weight:600;color:var(--cc-ink)}
.cc-table td{color:var(--cc-ink)}
.cc-neg{color:var(--cc-bad)}.cc-pos{color:var(--cc-ok)}
details.cc-data{margin-top:8px}
details.cc-data summary{display:inline-flex;align-items:center;min-height:44px;color:#B9D6FF;font-weight:600;font-size:14px;cursor:pointer}
details.cc-data summary:focus-visible{outline:2px solid var(--cc-gold-hi);outline-offset:2px}

/* Lists */
.cc-list{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none}
.cc-item{display:grid;gap:4px;padding:10px 12px;border-radius:12px;border:1px solid var(--cc-line);background:rgba(8,12,40,.55)}
.cc-item b{color:#fff;font-weight:600}
.cc-item span{font-size:13px;color:var(--cc-ink-3)}
.cc-item .cc-af{color:var(--cc-bad);font-weight:700}
.cc-note{margin:10px 0 0;padding:10px 12px;border-left:3px solid var(--cc-gold);border-radius:0 10px 10px 0;background:rgba(230,184,92,.07);font-size:13.5px;color:var(--cc-ink-2)}
.cc-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:8px 0 0;padding:0;list-style:none}
.cc-kv li{padding:10px;border-radius:12px;border:1px solid var(--cc-line);background:rgba(8,12,40,.55)}
.cc-kv b{display:block;font:500 22px/1.15 Fraunces,Georgia,serif;color:#fff;font-variant-numeric:tabular-nums}
.cc-kv span{font-size:12.5px;color:var(--cc-ink-3)}

/* Mission Control tile, assist concept, audit */
.cc-mc{border-color:rgba(230,184,92,.45);background:linear-gradient(160deg,rgba(230,184,92,.12),rgba(17,23,66,.85) 45%)}
.cc-ask{margin:10px 0;padding:12px 14px;border-radius:14px;border:1px solid var(--cc-line-hi);background:#0A0F33;font:400 18px/1.45 Fraunces,Georgia,serif;color:#fff}
.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--cc-line-hi);background:rgba(15,20,64,.7);color:var(--cc-ink);font:600 14px Inter,sans-serif;text-decoration:none;cursor:pointer}
.cc-btn:hover{border-color:var(--cc-gold)}
.cc-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}
.cc-btn:focus-visible{outline:2px solid var(--cc-gold-hi);outline-offset:2px}
.cc-assist{display:grid;gap:8px;margin-top:8px}
.cc-bubble{padding:10px 12px;border-radius:12px;background:rgba(57,135,229,.12);border:1px solid rgba(57,135,229,.35);font-size:14px;color:var(--cc-ink)}
.cc-bubble--b{background:rgba(230,184,92,.1);border-color:rgba(230,184,92,.4)}
.cc-log{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none;font-size:13px;color:var(--cc-ink-2)}
.cc-log li{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--cc-line);background:rgba(8,12,40,.5)}
.cc-log time{color:var(--cc-ink-3);font-variant-numeric:tabular-nums}

.cc-empty{display:grid;justify-items:center;align-content:center;min-height:420px;gap:10px;padding:36px 20px;text-align:center;border-radius:18px;border:1px dashed var(--cc-line-hi);background:rgba(12,17,53,.6)}
.cc-empty h2{margin:0;font:500 22px/1.3 Fraunces,Georgia,serif;color:#fff}
.cc-empty p{max-width:60ch;margin:0;color:var(--cc-ink-2)}
.cc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.cc-skel{min-height:420px;border-radius:18px;border:1px solid var(--cc-line);background:rgba(17,23,66,.5)}
@media (prefers-reduced-motion:reduce){.cc-switch .cc-knob,.cc-switch .cc-knob::after{transition:none}}
@media (forced-colors:active){.cc-chart .cc-ln{stroke:CanvasText}.cc-label{border:2px solid CanvasText}}
.cc-fig{margin:0}
@media (max-width:560px){.cc-controls{grid-template-columns:1fr 1fr;gap:10px;padding:12px}.cc-controls>.cc-field:first-child{grid-column:1/-1}.cc-help{display:none}.cc-head{padding-top:18px}.cc-sub{font-size:15px}}