/* Partner Cockpit — AMAYA dark premium, phone-primary */
:root{
  --bg:#0a0d12; --bg2:#0e131b; --surface:#141b26; --surface2:#1b2433;
  --line:#222d3d; --line2:#2c3a4f;
  --text:#e8edf4; --muted:#8a97a9; --faint:#5d6b7e;
  --gold:#c5a55a; --gold-soft:#d8c089;
  --ok:#37e29a; --warn:#f5b14c; --bad:#ff6b6b; --info:#5aa9ff;
  --accent:var(--gold);                 /* overridden per business at runtime */
  --radius:16px; --radius-sm:11px;
  --shadow:0 8px 30px rgba(0,0,0,.45);
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bot:env(safe-area-inset-bottom,0px);
  font-size:16px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{
  background:
    radial-gradient(900px 500px at 100% -10%, rgba(197,165,90,.07), transparent 60%),
    var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.45;
  max-width:520px; margin:0 auto; position:relative; overflow-x:hidden;
}
.app{padding:calc(var(--safe-top) + 12px) 16px calc(96px + var(--safe-bot)) 16px}

/* ---------- top bar ---------- */
.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.ico{width:1.15em;height:1.15em;display:inline-block;vertical-align:-0.16em}
.brandmark{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:.02em;background:none;border:none;color:var(--text);text-align:left;cursor:pointer;padding:0}
.brandmark .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent);flex:0 0 auto}
.brandmark small{display:block;color:var(--faint);font-weight:500;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase}
.topbtn{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:1.05rem;position:relative;cursor:pointer}
.topbtn .ico{width:20px;height:20px}
.chev .ico.rot{width:18px;height:18px;opacity:.7}
.topbtn .badge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--bad);color:#fff;font-size:.62rem;font-weight:700;display:grid;place-items:center}

/* ---------- account switcher ---------- */
.acct{width:100%;text-align:left;background:linear-gradient(180deg,var(--surface),var(--bg2));border:1px solid var(--line);border-radius:var(--radius);padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;margin-bottom:12px}
.acct .who .label{font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.acct .who{min-width:0}
.acct .who .name{font-weight:700;font-size:1.05rem;display:flex;align-items:center;gap:8px}
.acct .who .name .pin{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:0 0 auto}
.acct .who .name .ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct .who .sub{font-size:.78rem;color:var(--muted)}
.acct .chev{color:var(--faint);flex:0 0 auto}
.acct[disabled]{cursor:default;opacity:1}

/* ---------- business switcher (chips) ---------- */
.bizrow{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none;-ms-overflow-style:none}
.bizrow::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;padding:8px 13px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:.82rem;font-weight:600;white-space:nowrap;cursor:pointer}
.chip .swatch{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}
.chip.active{background:color-mix(in srgb,var(--accent) 16%,var(--surface));border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--text)}

/* ---------- score hero ---------- */
.hero{background:linear-gradient(160deg,var(--surface) 0%,var(--bg2) 100%);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:14px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(420px 200px at 100% 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%);pointer-events:none}
.hero .cap{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
.gswrap{display:flex;align-items:center;gap:16px;margin-top:8px}
@property --p{syntax:'<number>';inherits:false;initial-value:0}
.ring{--p:0;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
  background:conic-gradient(var(--accent) calc(var(--p)*1%), var(--surface2) 0);
  transition:--p .9s cubic-bezier(.16,1,.3,1)}
.ring i{border-radius:50%;background:var(--bg2);display:grid;place-items:center;font-style:normal;font-weight:800}
.ring.lg{width:78px;height:78px} .ring.lg i{width:62px;height:62px;font-size:1.45rem}
.ring.sm{width:46px;height:46px} .ring.sm i{width:37px;height:37px;font-size:.92rem}
.gsmeta .big{font-weight:700;font-size:1.02rem}
.gsmeta .small{color:var(--muted);font-size:.82rem}
.gsmeta .delta{color:var(--ok);font-size:.78rem;font-weight:600}

/* ---------- section + cards ---------- */
.sec{margin:18px 0 10px;display:flex;align-items:center;justify-content:space-between}
.sec h2{font-size:.95rem;font-weight:700;letter-spacing:.01em}
.sec .more{color:var(--faint);font-size:.78rem}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px 14px;margin-bottom:10px}
.card.tap{cursor:pointer;transition:border-color .15s,transform .05s}
.card.tap:active{transform:scale(.99)}
.row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.row .t{font-weight:650}
.row .s{color:var(--muted);font-size:.8rem}
.val{font-weight:750;font-variant-numeric:tabular-nums}
.pill{font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:7px}
.pill.ok{background:rgba(55,226,154,.14);color:var(--ok)}
.pill.warn{background:rgba(245,177,76,.15);color:var(--warn)}
.pill.bad{background:rgba(255,107,107,.15);color:var(--bad)}
.pill.info{background:rgba(90,169,255,.14);color:var(--info)}

/* mini stat grid on home */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:4px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px}
.stat .n{font-weight:800;font-size:1.35rem;font-variant-numeric:tabular-nums}
.stat .l{color:var(--muted);font-size:.7rem;letter-spacing:.02em}

/* approve loop */
.lead .meta{display:flex;gap:8px;align-items:center;margin-top:3px}
.btnrow{display:flex;gap:8px;margin-top:11px}
.btn{flex:1;border:none;border-radius:10px;padding:10px;font-weight:700;font-size:.86rem;cursor:pointer}
.btn.primary{background:var(--accent);color:#10141b}
.btn.ghost{background:transparent;border:1px solid var(--line2);color:var(--muted);flex:0 0 auto;padding:10px 14px}
.toast{position:fixed;left:50%;bottom:calc(96px + var(--safe-bot));transform:translateX(-50%) translateY(20px);background:var(--surface2);border:1px solid var(--line2);color:var(--text);padding:11px 16px;border-radius:12px;font-size:.85rem;font-weight:600;opacity:0;transition:.25s;pointer-events:none;z-index:50;box-shadow:var(--shadow)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast .chk{color:var(--ok);margin-right:7px}

/* stub modules */
.stub{text-align:center;padding:46px 20px;color:var(--muted)}
.stub .ic{font-size:2.4rem;margin-bottom:10px;filter:grayscale(.2);opacity:.85}
.stub h3{color:var(--text);font-size:1.05rem;margin-bottom:6px}
.stub p{font-size:.86rem;max-width:34ch;margin:0 auto 4px}
.stub .skills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}
.stub .skills span{font-size:.7rem;background:var(--surface);border:1px solid var(--line);color:var(--faint);padding:5px 9px;border-radius:8px}

.empty{color:var(--muted);font-size:.85rem;padding:14px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius-sm)}
.lede{color:var(--muted);font-size:.85rem;line-height:1.5;margin:-2px 0 12px;max-width:60ch}

/* money ledger top-line */
.ledger{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:14px}
.ledger>div{background:var(--surface);padding:12px 13px}
.ledger .k{color:var(--muted);font-size:.7rem}
.ledger .v{font-weight:800;font-size:1.3rem;font-variant-numeric:tabular-nums;margin-top:2px}
.bizhead{display:flex;align-items:baseline;gap:8px;margin:16px 2px 9px;flex-wrap:wrap}
.bizhead .swatch{width:9px;height:9px;border-radius:50%;align-self:center;flex:0 0 auto}
.bizhead .bn{font-weight:700;font-size:.96rem}
.bizhead .bh{color:var(--muted);font-size:.78rem;margin-left:auto}

/* ---------- bottom nav ---------- */
.tabbar{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:520px;display:flex;justify-content:space-around;
  background:color-mix(in srgb,var(--bg2) 92%,transparent);backdrop-filter:blur(14px);
  border-top:1px solid var(--line);padding:9px 6px calc(9px + var(--safe-bot));z-index:40}
.tab{flex:1;background:none;border:none;color:var(--faint);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.62rem;font-weight:600;letter-spacing:.02em;cursor:pointer;padding:3px 0}
.tab .ico{width:22px;height:22px}
.tab.active{color:var(--accent)}

/* ---------- bottom sheet (account picker) ---------- */
.sheet-bg{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:.2s;z-index:60}
.sheet-bg.show{opacity:1;pointer-events:auto}
.sheet{position:fixed;left:50%;transform:translateX(-50%) translateY(110%);bottom:0;width:100%;max-width:520px;background:var(--bg2);border-top:1px solid var(--line2);border-radius:20px 20px 0 0;padding:8px 16px calc(20px + var(--safe-bot));transition:transform .26s cubic-bezier(.2,.8,.2,1);z-index:61}
.sheet.show{transform:translateX(-50%) translateY(0)}
.sheet .grab{width:38px;height:4px;border-radius:2px;background:var(--line2);margin:8px auto 12px}
.sheet h4{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:6px 2px 10px}
.sheet .opt{width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 13px;margin-bottom:8px;display:flex;align-items:center;gap:11px;color:var(--text);cursor:pointer}
.sheet .opt.sel{border-color:var(--gold)}
.sheet .opt .sw{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.sheet .opt .nm{font-weight:700}
.sheet .opt .pr{font-size:.78rem;color:var(--muted)}
.sheet .opt .cnt{margin-left:auto;font-size:.74rem;color:var(--faint)}
.sheet .opt.static{cursor:default}
.sheet-x{position:absolute;top:12px;right:14px;width:32px;height:32px;border-radius:9px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:.9rem;cursor:pointer}

.fadein{animation:fade .25s ease both}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* focus — keyboard users get a clear ring; pointer taps don't */
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
.tab:focus-visible,.chip:focus-visible{outline-offset:-2px}

/* respect reduced motion */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .fadein{animation:none}
  .ring{transition:none}
}

/* provenance chip — what feeds this module */
.prov{display:flex;align-items:center;gap:7px;color:var(--faint);font-size:.74rem;margin:-4px 0 12px}
.prov .ico{width:15px;height:15px;color:var(--accent);opacity:.8}
.prov code{font-size:.72rem;color:var(--muted);background:var(--surface);padding:1px 5px;border-radius:5px}
.prov b{color:var(--muted);font-weight:700}

/* home nav rows */
.card.nav{display:flex;align-items:center;justify-content:space-between}
.card.nav .navl{display:flex;align-items:center;gap:11px}
.card.nav .navl .ico{width:19px;height:19px;color:var(--accent)}
.right{text-align:right}

/* operator account cards */
.acctcard{display:flex;align-items:center;gap:13px}
.acctcard .ac-main{flex:1;min-width:0}
.acctcard .ac-main .t{font-weight:700}
.acctcard .ac-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}

/* intel cards */
.intelcard .t{line-height:1.35}
/* brand cards */
.brandcard{display:flex;align-items:center;gap:12px}
.brandcard .thumb{width:46px;height:46px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;background:var(--surface2);color:var(--faint);font-size:1rem;border:1px solid var(--line)}
.brandcard .thumb.ready{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,var(--surface2)),var(--surface2));color:var(--text)}
.brandcard .bc-main{flex:1;min-width:0}

/* provisioning progress */
.prog{height:5px;border-radius:3px;background:var(--surface2);overflow:hidden;margin:7px 0 3px;max-width:220px}
.prog span{display:block;height:100%;background:var(--accent);border-radius:3px}
.prog.big{height:7px;margin-top:10px;max-width:none}
.s.tiny{font-size:.7rem;color:var(--faint)}
.card.setup{display:block}
.card.setup .row{align-items:flex-start}
.sheet .opt.connrow{cursor:pointer}

/* unified runtime feed consumer */
.runtime-feed{margin:4px 0 6px}
.runtime-proof{display:flex;align-items:center;justify-content:space-between;gap:10px;background:color-mix(in srgb,var(--info) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--info) 24%,var(--line));border-radius:var(--radius-sm);padding:12px 13px;margin-bottom:10px}
.runtime-proof>div{min-width:0}
.runtime-proof .t{font-weight:750}
.runtime-proof .s{color:var(--muted);font-size:.76rem;overflow-wrap:anywhere;word-break:break-word}
.runtime-card .runtime-main{min-width:0}
.runtime-card .meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}
.runtime-boundary{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px;color:var(--faint);font-size:.7rem}
.runtime-boundary code{max-width:100%;overflow-wrap:anywhere;background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:3px 6px;color:var(--muted)}
.runtime-boundary span{background:var(--surface2);border:1px solid var(--line);border-radius:6px;padding:3px 6px}
.runtime-more{color:var(--faint);font-size:.78rem;text-align:center;padding:4px 0 10px}

/* ── Auth login (Phase 0) ─────────────────────────────────────── */
.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px calc(16px + env(safe-area-inset-right,0)) calc(24px + var(--safe-bot)) calc(16px + env(safe-area-inset-left,0));}
.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px 22px;box-shadow:var(--shadow);}
.login-logo{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--text);}
.login-logo::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-left:7px;vertical-align:middle;}
.login-sub{margin:6px 0 22px;font-size:13px;line-height:1.5;color:var(--muted);}
.login-label{display:block;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--muted);margin:14px 0 6px;}
.login-input{width:100%;background:var(--bg2);border:1px solid var(--line2);color:var(--text);border-radius:var(--radius-sm);padding:13px 14px;font-size:16px;outline:none;transition:border-color .15s;}
.login-input:focus{border-color:var(--gold);}
.login-input::placeholder{color:var(--faint);}
.login-err{min-height:18px;margin:10px 0 2px;font-size:12.5px;color:var(--bad);}
.login-btn{width:100%;margin-top:6px;background:var(--gold);color:#10131a;font-weight:800;font-size:15px;border:none;border-radius:var(--radius-sm);padding:13px;cursor:pointer;transition:filter .15s;}
.login-btn:hover{filter:brightness(1.05);}
.login-btn:disabled{opacity:.6;cursor:default;}
.login-alt{display:block;width:100%;margin-top:14px;background:none;border:none;color:var(--gold-soft);font-size:13px;cursor:pointer;padding:6px;}
.login-alt:hover{text-decoration:underline;}
.login-secure{margin-top:18px;text-align:center;font-size:10.5px;color:var(--faint);}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
@media (prefers-reduced-motion:reduce){.login-input,.login-btn{transition:none;}}

/* ── Operator proof workbench (desktop-first control surface) ─────────────── */
body.operator-surface{
  max-width:none;
  min-height:100%;
  background:
    linear-gradient(180deg, rgba(90,169,255,.08), transparent 34%),
    radial-gradient(760px 420px at 92% 8%, rgba(197,165,90,.10), transparent 62%),
    var(--bg);
}
.operator-shell{
  width:min(1240px, calc(100% - 32px));
  margin:0 auto;
  padding:26px 0 44px;
}
.operator-hero{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 360px;
  gap:22px;
  align-items:end;
  padding:26px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(150deg, color-mix(in srgb,var(--surface) 88%,#111827), var(--bg2));
  box-shadow:var(--shadow);
}
.operator-kicker,.operator-label{
  color:var(--gold-soft);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.operator-hero h1{
  margin-top:5px;
  font-size:2.35rem;
  line-height:1.05;
  letter-spacing:0;
}
.operator-copy{
  color:var(--muted);
  max-width:68ch;
  margin-top:10px;
}
.operator-hero-panel{
  border:1px solid var(--line2);
  border-radius:14px;
  padding:18px;
  background:rgba(10,13,18,.56);
}
.operator-state{
  display:inline-flex;
  margin-bottom:10px;
  padding:5px 8px;
  border-radius:8px;
  background:rgba(245,177,76,.15);
  color:var(--warn);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.operator-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
  margin:14px 0;
}
.operator-metric{
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  padding:14px;
}
.operator-metric span{
  display:block;
  color:var(--muted);
  font-size:.74rem;
}
.operator-metric strong{
  display:block;
  margin-top:4px;
  font-size:1.42rem;
  font-variant-numeric:tabular-nums;
}
.operator-layout{
  display:grid;
  grid-template-columns:310px minmax(0, 1fr);
  gap:14px;
  align-items:start;
}
.operator-panel,.operator-main{
  border:1px solid var(--line);
  border-radius:14px;
  background:color-mix(in srgb,var(--surface) 92%,transparent);
}
.operator-panel{
  position:sticky;
  top:16px;
  padding:14px;
}
.operator-panel-head,.operator-toolbar{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
}
.operator-panel-head h2,.operator-toolbar h2{
  font-size:1rem;
}
.operator-panel-head span{
  color:var(--muted);
  font-size:.76rem;
}
.operator-account-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.operator-account{
  display:flex;
  justify-content:space-between;
  gap:10px;
  width:100%;
  padding:12px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--bg2);
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
.operator-account strong,.operator-account small{
  display:block;
}
.operator-account small{
  color:var(--muted);
  margin-top:2px;
}
.operator-account b{
  color:var(--gold-soft);
  font-variant-numeric:tabular-nums;
}
.operator-account.active{
  border-color:color-mix(in srgb,var(--accent) 70%,var(--line));
  background:color-mix(in srgb,var(--accent) 13%,var(--surface));
}
.operator-main{
  padding:16px;
}
.operator-actions,.operator-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.operator-btn,.operator-tab{
  border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));
  border-radius:10px;
  background:var(--accent);
  color:#10141b;
  font-weight:800;
  padding:10px 12px;
  cursor:pointer;
}
.operator-btn.secondary,.operator-tab{
  background:var(--surface2);
  color:var(--text);
  border-color:var(--line2);
}
.operator-tabs{
  margin:16px 0;
}
.operator-tab.active{
  background:color-mix(in srgb,var(--accent) 18%,var(--surface2));
  border-color:color-mix(in srgb,var(--accent) 58%,var(--line2));
  color:var(--gold-soft);
}
.operator-stack,.operator-gates,.operator-routes,.operator-proof-packs{
  display:grid;
  gap:10px;
}
.operator-row,.operator-gate,.operator-route,.operator-proof-pack{
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--bg2);
  padding:14px;
  min-width:0;
}
.operator-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:12px;
}
.operator-row h3,.operator-gate h3,.operator-route h3,.operator-proof-pack h3{
  margin:2px 0 4px;
  font-size:1.02rem;
}
.operator-row p,.operator-gate p,.operator-route p,.operator-proof-pack p{
  color:var(--muted);
}
.operator-row-stats{
  display:flex;
  gap:7px;
  align-items:start;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.operator-row-stats span,.operator-false-flags span,.operator-gate span,.operator-route span{
  border-radius:8px;
  background:var(--surface);
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  padding:5px 8px;
  text-transform:uppercase;
}
.operator-progress{
  grid-column:1 / -1;
  height:7px;
  overflow:hidden;
  border-radius:4px;
  background:var(--surface2);
}
.operator-progress i{
  display:block;
  height:100%;
  border-radius:4px;
  background:var(--accent);
}
.operator-blocker,.operator-next{
  grid-column:1 / -1;
}
.operator-blocker{
  color:var(--warn) !important;
}
.operator-next{
  color:var(--ok) !important;
}
.operator-gates{
  grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));
}
.operator-gate.blocked{
  border-color:color-mix(in srgb,var(--bad) 44%,var(--line));
}
.operator-gate.proof_required{
  border-color:color-mix(in srgb,var(--warn) 48%,var(--line));
}
.operator-gate.ready{
  border-color:color-mix(in srgb,var(--ok) 44%,var(--line));
}
.operator-gate small{
  display:block;
  margin-top:12px;
  color:var(--gold-soft);
  font-weight:800;
}
.operator-routes{
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
}
.operator-proof-pack{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(210px, .85fr);
  gap:12px;
}
.operator-proof-pack span{
  overflow-wrap:anywhere;
}
.operator-proof-meta{
  display:grid;
  gap:7px;
  align-content:start;
}
.operator-proof-meta b,.operator-proof-meta span{
  border-radius:8px;
  background:var(--surface);
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  padding:6px 8px;
  overflow-wrap:anywhere;
}
.operator-proof-meta b{
  color:var(--gold-soft);
}
.operator-routing-gates{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));
  gap:8px;
}
.operator-routing-gates p,.operator-empty{
  border:1px solid color-mix(in srgb,var(--warn) 32%,var(--line));
  border-radius:8px;
  background:var(--bg2);
  color:var(--text);
  padding:12px 13px;
}
.operator-findings{
  display:grid;
  gap:9px;
}
.operator-findings p{
  border:1px solid color-mix(in srgb,var(--warn) 32%,var(--line));
  border-radius:8px;
  background:var(--bg2);
  box-shadow:inset 0 0 0 1px rgba(245,177,76,.08);
  color:var(--text);
  padding:12px 13px;
}
.operator-false-flags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.operator-false-flags span{
  color:var(--ok);
}
@media (max-width:900px){
  .operator-hero,.operator-layout{grid-template-columns:1fr}
  .operator-panel{position:static}
  .operator-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}
}
@media (max-width:620px){
  .operator-shell{width:min(100% - 24px, 520px);padding-top:14px}
  .operator-hero{padding:18px}
  .operator-hero h1{font-size:1.72rem}
  .operator-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .operator-toolbar{align-items:flex-start;flex-direction:column}
  .operator-actions{width:100%}
  .operator-btn{flex:1}
  .operator-row{grid-template-columns:1fr}
  .operator-proof-pack{grid-template-columns:1fr}
  .operator-row-stats{justify-content:flex-start}
}

/* ── Founder Command Center operator shell ────────────────────────────────── */
body.command-surface{
  max-width:none;
  min-height:100%;
  background:
    radial-gradient(920px 540px at 0% 0%, rgba(90,169,255,.11), transparent 62%),
    radial-gradient(720px 480px at 96% 3%, rgba(197,165,90,.10), transparent 60%),
    var(--bg);
}
.command-shell{
  width:min(1320px, calc(100% - 32px));
  margin:0 auto;
  padding:26px 0 46px;
}
.command-hero{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 370px;
  gap:22px;
  align-items:end;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(150deg, color-mix(in srgb,var(--surface) 90%,#0f172a), var(--bg2));
  box-shadow:var(--shadow);
  padding:26px;
}
.command-kicker,.command-label{
  color:var(--gold-soft);
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.command-hero h1{
  margin-top:5px;
  font-size:2.35rem;
  line-height:1.05;
  letter-spacing:0;
}
.command-copy{
  max-width:74ch;
  margin-top:10px;
  color:var(--muted);
}
.command-boundary{
  border:1px solid var(--line2);
  border-radius:14px;
  background:rgba(10,13,18,.58);
  padding:18px;
}
.command-boundary span,.command-chip{
  display:inline-flex;
  border-radius:8px;
  background:rgba(90,169,255,.13);
  color:var(--info);
  font-size:.7rem;
  font-weight:850;
  letter-spacing:.05em;
  padding:5px 8px;
  text-transform:uppercase;
}
.command-boundary strong{
  display:block;
  margin-top:10px;
  line-height:1.45;
}
.command-scoreboard{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:10px;
  margin:14px 0;
}
.command-metric,.command-panel{
  border:1px solid var(--line);
  border-radius:12px;
  background:color-mix(in srgb,var(--surface) 92%,transparent);
}
.command-metric{
  padding:14px;
}
.command-metric span{
  display:block;
  color:var(--muted);
  font-size:.74rem;
}
.command-metric strong{
  display:block;
  margin-top:4px;
  font-size:1.42rem;
  font-variant-numeric:tabular-nums;
}
.command-grid{
  display:grid;
  grid-template-columns:1.25fr .85fr .85fr;
  gap:14px;
  align-items:start;
}
.command-panel{
  padding:15px;
}
.command-panel-wide{
  grid-column:span 2;
}
.command-panel-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  margin-bottom:12px;
}
.command-panel-head h2{
  font-size:1rem;
}
.command-btn{
  border:1px solid color-mix(in srgb,var(--accent) 52%,var(--line));
  border-radius:10px;
  background:var(--accent);
  color:#10141b;
  cursor:pointer;
  font-weight:850;
  padding:10px 12px;
}
.command-agents{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:10px;
}
.command-agent,.command-connector,.command-roi-row,.command-decision,.command-route{
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--bg2);
  padding:13px;
}
.command-agent-top{
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:10px;
}
.command-agent-top span,.command-decision span,.command-connector span,.command-roi-row span,.command-route span{
  display:inline-flex;
  border-radius:8px;
  background:var(--surface);
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.05em;
  padding:5px 8px;
  text-transform:uppercase;
}
.command-agent-top h3,.command-connector h3,.command-decision h3,.command-route h3{
  margin:7px 0 0;
  font-size:1rem;
}
.command-agent-top b{
  color:var(--gold-soft);
  font-variant-numeric:tabular-nums;
}
.command-progress{
  height:7px;
  margin:12px 0 10px;
  overflow:hidden;
  border-radius:4px;
  background:var(--surface2);
}
.command-progress i{
  display:block;
  height:100%;
  border-radius:4px;
  background:linear-gradient(90deg,var(--gold),var(--info));
}
.command-agent p,.command-agent small,.command-connector p,.command-connector small,.command-decision p,.command-decision small,.command-route p,.command-route small,.command-roi-row p{
  color:var(--muted);
}
.command-agent small,.command-connector small,.command-decision small,.command-route small{
  display:block;
  margin-top:7px;
}
.command-control-row{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin:11px 0 8px;
}
.command-control-row button,.command-control-row span{
  border:1px solid var(--line2);
  border-radius:9px;
  background:var(--surface);
  color:var(--text);
  cursor:pointer;
  font-size:.74rem;
  font-weight:800;
  padding:7px 9px;
}
.command-control-row span{
  cursor:default;
  color:var(--gold-soft);
}
.command-connectors,.command-roi,.command-routes,.command-audit{
  display:grid;
  gap:9px;
}
.command-connectors{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
.command-connector.green{
  border-color:color-mix(in srgb,var(--ok) 35%,var(--line));
}
.command-connector.amber{
  border-color:color-mix(in srgb,var(--warn) 42%,var(--line));
}
.command-roi-row strong{
  display:block;
  margin:8px 0 3px;
}
.command-decisions{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:10px;
}
.command-decision.high{
  border-color:color-mix(in srgb,var(--bad) 38%,var(--line));
}
.command-decision.medium{
  border-color:color-mix(in srgb,var(--warn) 40%,var(--line));
}
.command-audit p{
  border:1px solid color-mix(in srgb,var(--info) 28%,var(--line));
  border-radius:10px;
  background:var(--bg2);
  color:var(--text);
  padding:11px 12px;
}
.command-false-flags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.command-false-flags span{
  border-radius:8px;
  background:rgba(55,226,154,.10);
  color:var(--ok);
  font-size:.7rem;
  font-weight:850;
  padding:5px 8px;
}
@media (max-width:1050px){
  .command-grid,.command-hero{grid-template-columns:1fr}
  .command-panel-wide{grid-column:auto}
  .command-scoreboard{grid-template-columns:repeat(3, minmax(0, 1fr))}
  .command-connectors{grid-template-columns:repeat(3, minmax(0, 1fr))}
}
@media (max-width:620px){
  .command-shell{width:min(100% - 24px, 520px);padding-top:14px}
  .command-hero{padding:18px}
  .command-hero h1{font-size:1.72rem}
  .command-scoreboard{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .command-connectors{grid-template-columns:1fr}
  .command-panel-head{align-items:flex-start;flex-direction:column}
  .command-btn{width:100%}
}