/* UI4.4: Mission Control converged onto the product's canonical design
   tokens (same names/values as console_assets/css/10-console.css, reused
   here by the member console via member.css) instead of a parallel token
   vocabulary. Previously this file defined its own --bg/--panel/--panel2/
   --line/--muted/--accent2/--warn/--shadow with different values from the
   shared set (e.g. a green #72e6b1 accent vs. the product's indigo
   #6366f1), plus --text/--danger sharing names but not values. Now every
   token here is either the exact shared name+value, or has been dropped in
   favor of the shared name (--panel->--surface, --panel2->--surface-raised,
   --line->--border, --muted->--text-muted, --accent2->--accent-2,
   --warn->--warning, --shadow->--shadow-lg) at every call site. No new
   tokens invented; the radius/space/font/transition scale is the same one
   used product-wide, added here so this page draws from the one source of
   truth instead of hand-rolled pixel values. */
:root{color-scheme:dark;--bg:#0a0c10;--surface:#12151b;--surface-raised:#171b23;--border:#262b35;--border-strong:#343b48;--accent:#6366f1;--accent-2:#2563eb;--success:#22c55e;--success-bg:#0f2a1a;--warning:#f59e0b;--warning-bg:#2f2409;--danger:#ef4444;--danger-bg:#2c1212;--text:#e8eaee;--text-muted:#9aa1ad;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--shadow-md:0 4px 16px rgba(0,0,0,.35);--shadow-lg:0 8px 32px rgba(0,0,0,.45);--font-sm:0.8125rem;--font-base:0.9375rem;--font-lg:1.125rem;--font-xl:1.5rem;--transition:140ms ease}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% 0,#132033 0,transparent 34%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:var(--font-base);line-height:1.5;overflow-x:hidden}button,input,textarea{font:inherit}.hidden{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,progress:focus-visible,summary:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}
.button,.mini-button,.text-button,.icon-button,.rail nav a,dialog fieldset label{min-height:44px}
.button,.mini-button{display:inline-flex;align-items:center;justify-content:center}
.text-button,.icon-button{min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.rail nav a{display:flex;align-items:center}
dialog fieldset label{display:flex;align-items:center;min-width:44px}.shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.rail{position:sticky;top:0;height:100vh;border-right:1px solid var(--border);padding:24px 16px;background:rgba(7,10,15,.88);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:28px}.brand{display:flex;gap:8px;align-items:center;color:var(--text);text-decoration:none;font-weight:750}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#07110c;font-weight:900}.rail nav{display:grid;gap:6px}.rail nav a{color:var(--text-muted);text-decoration:none;padding:12px 12px;border-radius:var(--radius-md)}.rail nav a:hover,.rail nav a.active{background:var(--surface-raised);color:var(--text)}.webmcp-status{margin-top:auto;display:flex;gap:8px;align-items:center;color:var(--text-muted);font-size:13px}.status-dot{width:9px;height:9px;border-radius:50%;background:#5b6472;box-shadow:0 0 0 4px rgba(255,255,255,.03)}.webmcp-status.ready .status-dot{background:var(--accent);box-shadow:0 0 16px rgba(99,102,241,.6)}.webmcp-status.unsupported .status-dot{background:var(--warning)}main{padding:32px clamp(16px,4vw,62px) 80px;max-width:1500px;width:100%;margin:0 auto}.hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.eyebrow,.label{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:850;letter-spacing:.14em}.hero h1{font-size:clamp(38px,5vw,72px);line-height:.95;margin:0 0 12px;letter-spacing:-.055em}.lede{color:var(--text-muted);max-width:720px;margin:0;font-size:17px}.agent-boundary{border:1px solid rgba(99,102,241,.3);background:rgba(99,102,241,.07);border-radius:var(--radius-lg);padding:12px 16px;display:grid;gap:4px;min-width:260px}.agent-boundary strong{color:var(--accent)}.agent-boundary span{font-size:13px;color:var(--text-muted)}.card{background:linear-gradient(180deg,rgba(22,30,43,.95),rgba(15,21,31,.95));border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg)}.card h2{margin:0;font-size:21px;letter-spacing:-.02em}.card-head{display:flex;gap:16px;justify-content:space-between;align-items:start;margin-bottom:18px}.pill{border:1px solid var(--border);background:var(--bg);padding:4px 8px;border-radius:999px;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.08em}.campaign-grid,.two-col{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-bottom:18px}.criteria{display:flex;flex-wrap:wrap;gap:8px;min-height:42px}.criterion{border:1px solid var(--border-strong);background:var(--surface-raised);padding:8px 8px;border-radius:999px;color:var(--text);font-size:12px}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.button{border:0;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:850;padding:8px 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button:hover{filter:brightness(1.08)}.button.secondary{background:var(--surface-raised);color:var(--text);border:1px solid var(--border-strong)}.text-button,.icon-button{border:0;background:transparent;color:var(--accent-2);cursor:pointer}.icon-button{font-size:26px;color:var(--text-muted)}.score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.score-grid>div{padding:12px 8px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);display:grid;gap:4px;text-align:center}.score-grid span:last-child{font-size:11px;color:var(--text-muted)}.big-number{font-size:28px;font-weight:850}.market-card{margin-bottom:16px;overflow:hidden}.funnel{display:grid;gap:8px;margin:14px 0}.funnel-row{display:grid;grid-template-columns:180px 1fr 70px;gap:12px;align-items:center}.funnel-row label{color:var(--text-muted);font-size:12px}.bar-progress{width:100%;height:13px;border:1px solid var(--border-strong);border-radius:999px;overflow:hidden;background:var(--bg);appearance:none}.bar-progress::-webkit-progress-bar{background:var(--bg)}.bar-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:999px}.bar-progress::-moz-progress-bar{background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:999px}.funnel-row strong{text-align:right}.frontier{display:flex;gap:8px;overflow:auto;padding-bottom:3px}.frontier-card{min-width:220px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);padding:13px}.frontier-card .delta{color:var(--accent);font-weight:850;font-size:20px}.frontier-card small{display:block;color:var(--text-muted);margin-top:5px}.stack{display:grid;gap:10px}.job-card,.queue-card,.receipt,.pipeline-row{border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-lg);padding:13px}.job-card{display:grid;gap:8px}.job-card h3,.queue-card h3{margin:0;font-size:16px}.job-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--text-muted);font-size:12px}.job-actions{display:flex;gap:8px;flex-wrap:wrap}.mini-button{border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text);border-radius:var(--radius-sm);padding:8px 8px;cursor:pointer;font-size:12px}.mini-button.primary{border-color:rgba(99,102,241,.45);color:var(--accent)}.attention-card{border-color:rgba(245,158,11,.26)}.queue-card{border-left:3px solid var(--warning)}.queue-card p{margin:4px 0;color:var(--text-muted);font-size:12px}.pipeline{display:grid;gap:8px}.pipeline-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.pipeline-stage{font-size:11px;color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em}.analytics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-lg);padding:14px}.metric strong{display:block;font-size:28px}.metric span{color:var(--text-muted);font-size:12px}.fine-print{color:var(--text-muted);font-size:11px;line-height:1.5}.receipts-card{margin-top:18px}.receipts{display:grid;gap:8px}.receipt{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:12px;align-items:start}.receipt-time,.receipt-approval{color:var(--text-muted);font-size:11px}.receipt strong{display:block}.receipt p{margin:4px 0 0;color:var(--text-muted);font-size:12px}.empty{padding:24px;text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted)}.auth-card{max-width:560px;margin:80px auto;text-align:center}.auth-card p{color:var(--text-muted)}dialog{width:min(620px,calc(100vw - 30px));border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);padding:0;box-shadow:0 30px 100px rgba(0,0,0,.6)}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}dialog form{padding:22px}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.dialog-head h2{margin:0}dialog label,dialog fieldset{display:grid;gap:4px;margin:12px 0;color:var(--text-muted);font-size:12px}dialog input,dialog textarea{width:100%;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);padding:8px 12px;outline:none}dialog input:focus,dialog textarea:focus{border-color:var(--accent-2)}dialog fieldset{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;grid-template-columns:repeat(3,1fr)}dialog fieldset legend{padding:0 4px;color:var(--text-muted)}dialog fieldset label{display:flex;align-items:center;gap:8px;margin:2px}dialog fieldset input{width:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:980px){.shell{grid-template-columns:1fr}.rail{position:static;height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-right:0;border-bottom:1px solid var(--border);padding:13px 16px}.rail nav{display:flex;justify-content:center}.webmcp-status{margin-top:0}.campaign-grid,.two-col{grid-template-columns:1fr}.hero{align-items:start;flex-direction:column}.agent-boundary{min-width:0;width:100%}}@media(max-width:620px){main{padding:24px 13px 50px}.rail{grid-template-columns:1fr auto}.rail nav{grid-column:1/-1;justify-content:flex-start;overflow:auto}.webmcp-status span:last-child{display:none}.score-grid,.analytics{grid-template-columns:repeat(2,1fr)}.funnel-row{grid-template-columns:110px 1fr 45px}.receipt{grid-template-columns:1fr}.receipt-approval{text-align:left}.form-grid{grid-template-columns:1fr}dialog fieldset{grid-template-columns:1fr}.card{padding:17px}.hero h1{font-size:46px}}
.wrap-pre{white-space:pre-wrap;word-break:break-word}
.status-banner{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-lg);padding:12px 16px;color:var(--text-muted);margin-bottom:16px;font-size:13px}
.status-banner-error{border-color:var(--danger);background:var(--danger-bg);color:var(--text)}
.status-banner-error #retryLoadButton{color:var(--danger);text-decoration:underline;margin-left:auto}
.spinner-dot{width:9px;height:9px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 4px rgba(37,99,235,.15);flex:0 0 auto;animation:pulse 1.1s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}
.capability-note{margin:-4px 0 16px;padding:8px 12px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg)}
.mc-message{min-height:1.2rem;color:var(--accent-2);font-size:13px;margin:-6px 0 14px}
.mc-message:empty{margin:0;min-height:0}
.button:disabled,.mini-button:disabled,.text-button:disabled{opacity:.55;cursor:not-allowed;filter:none}
@media(prefers-reduced-motion:reduce){.spinner-dot{animation:none}}