.ai-cockpit,.ai-cockpit *,.ai-cockpit *::before,.ai-cockpit *::after{box-sizing:border-box}
.ai-cockpit [hidden]{display:none!important}
.ai-cockpit{--ink:#080d16;--slate:#111b29;--line:rgba(114,228,238,.14);--ice:#72e4ee;--violet:#9b8cff;--white:#f3f6fb;--muted:#93a0b8;--amber:#ffc76b;--red:#ff7d92;background:var(--ink);color:var(--white);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;width:100%;max-width:100%;overflow-x:hidden;padding:18px 22px 28px;line-height:1.4}
.ai-cockpit-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.ai-cockpit-brand{margin:0 0 4px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ice);font-weight:700}
.ai-cockpit h1{margin:0;font-size:clamp(20px,2.2vw,28px);font-weight:650;letter-spacing:-.03em;line-height:1.15}
.ai-cockpit-conn{margin:6px 0 0;font-size:13px;color:var(--muted)}
.ai-cockpit.is-live .ai-cockpit-conn{color:var(--ice)}
.ai-cockpit.is-offline .ai-cockpit-conn{color:var(--red)}
.ai-cockpit-cta,.ai-cockpit-open,.ai-cockpit-viewall{min-height:44px;min-width:44px;padding:0 18px;border:0;border-radius:10px;background:linear-gradient(180deg,#9af3f8,#72e4ee);color:var(--ink);font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.ai-cockpit-cta:hover,.ai-cockpit-cta:focus-visible,.ai-cockpit-open:hover,.ai-cockpit-open:focus-visible,.ai-cockpit-viewall:hover,.ai-cockpit-viewall:focus-visible{background:linear-gradient(180deg,#c5b8ff,var(--violet));color:var(--ink)}
.ai-cockpit-viewall,.ai-cockpit-open{background:transparent;color:var(--white);border:1px solid var(--line)}
.ai-cockpit-viewall:hover,.ai-cockpit-open:hover,.ai-cockpit-viewall:focus-visible,.ai-cockpit-open:focus-visible{border-color:var(--ice);color:var(--ice);background:rgba(114,228,238,.08)}
.ai-cockpit-cta:focus-visible,.ai-cockpit button:focus-visible,.ai-cockpit a:focus-visible,.ai-cockpit-canvas:focus-visible,.ai-cockpit summary:focus-visible{outline:2px solid var(--ice);outline-offset:3px}
.ai-cockpit-canvas:focus-visible{outline-offset:-3px}
.ai-cockpit-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.ai-cockpit-metric{background:linear-gradient(180deg,rgba(114,228,238,.05),transparent 42%),var(--slate);border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-height:72px}
.ai-cockpit-metric b{display:block;font-size:22px;color:var(--white);font-weight:650}
.ai-cockpit-metric span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.ai-cockpit-tele-miss{margin:0 0 12px;color:var(--amber);font-size:13px}
.ai-cockpit.is-telem .ai-cockpit-tele-miss{display:none}
.ai-cockpit-banner{display:none;margin:0 0 12px;padding:10px 14px;border-radius:10px;background:#2a2010;border:1px solid var(--amber);color:var(--amber);font-size:13px}
.ai-cockpit.is-stale .ai-cockpit-banner{display:block}
.ai-cockpit-deck{display:grid;grid-template-areas:"scene inspector";grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr);gap:18px;align-items:start}
.ai-cockpit-scene{grid-area:scene;flex:2 1 0%;min-width:0}
.ai-cockpit-inspector{grid-area:inspector;flex:1 1 32%;min-width:260px;overflow:visible;background:transparent;border:0;padding:0}
.ai-cockpit-viewport{position:relative;height:min(520px,70vh);min-height:420px;background:radial-gradient(120% 80% at 50% 28%,#163044 0%,#080d16 72%);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(114,228,238,.08),0 12px 40px rgba(0,0,0,.28)}
.ai-cockpit-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}
.ai-cockpit-canvas:active{cursor:grabbing}
.ai-cockpit-hud{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-wrap:wrap;gap:8px}
.ai-cockpit-hud button{min-width:44px;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:rgba(17,27,41,.88);color:var(--white);cursor:pointer;font-family:inherit;font-size:13px;transition:border-color .18s ease,color .18s ease}
.ai-cockpit-hud button:hover,.ai-cockpit-hud button[aria-pressed='true']{border-color:var(--ice);color:var(--ice)}
.ai-cockpit-empty{display:none;position:absolute;top:24px;left:24px;right:24px;margin:0;color:var(--muted);font-size:14px;pointer-events:none}
.ai-cockpit.is-empty .ai-cockpit-empty{display:block}
.ai-cockpit-listpane{display:none;position:absolute;inset:0;overflow:auto;padding:20px 20px 72px;background:rgba(8,13,22,.95)}
.ai-cockpit.is-list .ai-cockpit-listpane{display:block}
.ai-cockpit.is-list .ai-cockpit-empty{display:none}
.ai-cockpit h2,.ai-cockpit-listpane h2,.ai-cockpit-inspector h2{margin:0 0 10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ice);font-weight:700}
.ai-cockpit-intake-slot{min-height:300px;border:0;border-radius:14px;background:transparent}
.ai-cockpit-inspect{margin-top:12px;padding:14px 16px 16px;border:1px solid var(--line);border-radius:14px;background:var(--slate)}
.ai-cockpit-inspect .ai-cockpit-strong{color:var(--white);font-size:16px;margin:0 0 8px}
.ai-cockpit-status{margin:0 0 4px;color:var(--ice);font-size:13px}
.ai-cockpit-meta{margin:0 0 10px;color:var(--muted);font-size:13px}
.ai-cockpit-open{margin-top:10px;width:100%}
.ai-cockpit-fleetsec,.ai-cockpit-misssec,.ai-cockpit-pipeline-wrap{margin-top:18px}
.ai-cockpit-misshead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ai-cockpit-misshead h2{margin:0}
.ai-cockpit-fleetstrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.ai-cockpit-missionstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ai-cockpit-task,.ai-cockpit-projbtn,.ai-cockpit-fleet{display:block;width:100%;text-align:left;min-height:44px;margin:0;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--slate);color:var(--white);font-family:inherit;font-size:13px;transition:border-color .18s ease,box-shadow .18s ease}
.ai-cockpit-task,.ai-cockpit-projbtn{cursor:pointer}
.ai-cockpit-task>span{display:block;overflow-wrap:anywhere;font-weight:650}
.ai-cockpit-task small{margin-top:6px;overflow-wrap:anywhere}
.ai-cockpit-task:hover,.ai-cockpit-projbtn:hover,.ai-cockpit-task:focus-visible,.ai-cockpit-projbtn:focus-visible{border-color:var(--ice)}
.ai-cockpit-task.is-selected,.ai-cockpit-projbtn.is-selected{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet)}
.ai-cockpit-fleet-label{display:block;font-weight:650;margin-bottom:4px}
.ai-cockpit-fleet-model{display:block;font-family:ui-monospace,'Cascadia Code',Consolas,monospace;font-size:12px;color:var(--ice);margin-bottom:6px}
.ai-cockpit-fleet-stat,.ai-cockpit-task small,.ai-cockpit-fleet small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.ai-cockpit-inspect p{margin:0 0 8px;color:var(--muted);font-size:13px}
.ai-cockpit-kv{font-size:12px;color:var(--muted);margin:0 0 6px;word-break:break-word}
.ai-cockpit-kv b{color:var(--white);font-weight:600}
.ai-cockpit-link{color:var(--ice);text-decoration:underline}
.ai-cockpit-disclose{margin-top:8px}
.ai-cockpit-disclose summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--white);font-size:13px;list-style:inside}
.ai-cockpit-disclose summary::before{content:'›';display:inline-block;margin-right:8px;color:var(--ice);font-size:18px}
.ai-cockpit-disclose[open]>summary::before{transform:rotate(90deg)}
.ai-cockpit-pipeline{display:flex;gap:0;overflow-x:auto;max-width:100%;width:100%;border:1px solid var(--line);border-radius:14px;background:var(--slate)}
.ai-cockpit-stage{flex:1 0 148px;padding:14px 12px;border-right:1px solid var(--line);min-height:88px}
.ai-cockpit-stage:last-child{border-right:0}
.ai-cockpit-stage strong{display:block;font-size:13px;margin-bottom:6px}
.ai-cockpit-stage span{display:block;color:var(--muted);font-size:12px}
.ai-cockpit-stage.is-wait span{color:var(--amber)}
.ai-cockpit-stage.is-done span{color:var(--ice)}
.ai-cockpit-stage.is-now{box-shadow:inset 0 0 0 1px var(--ice)}
.ai-cockpit-note{margin:8px 0 0;color:var(--amber);font-size:12px}
.ai-cockpit-foot{margin:8px 0 0;color:var(--muted);font-size:12px}
.ai-cockpit-empty-inline{margin:0;color:var(--muted);font-size:13px;grid-column:1/-1}
.ai-cockpit-sr,.ai-cockpit-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ai-cockpit-pc{margin-top:12px}
.ai-cockpit-plist .ai-cockpit-projbtn{margin-bottom:8px}
@media (max-width:1100px){
  .ai-cockpit-deck{grid-template-areas:"inspector" "scene";grid-template-columns:minmax(0,1fr)}
  .ai-cockpit-inspector{min-width:0}
  .ai-cockpit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-cockpit-fleetstrip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-cockpit-missionstrip{grid-template-columns:1fr}
  .ai-cockpit-viewport{min-height:360px;height:400px}
}
@media (max-width:640px){
  .ai-cockpit{padding:14px}
  .ai-cockpit-viewport{height:300px;min-height:280px}
  .ai-cockpit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-cockpit-fleetstrip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-cockpit-missionstrip{grid-template-columns:1fr}
  .ai-cockpit-pipeline{display:grid;grid-template-columns:1fr;overflow:visible}
  .ai-cockpit-stage{display:flex;align-items:center;justify-content:space-between;gap:12px;width:auto;min-height:44px;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}
  .ai-cockpit-stage strong{margin:0}
  .ai-cockpit-stage span{text-align:right}
  .ai-cockpit-stage:last-child{border-bottom:0}
  .ai-cockpit-intake-slot{min-height:300px}
}
@media (prefers-reduced-motion:reduce){
  .ai-cockpit-cta,.ai-cockpit-hud button,.ai-cockpit-task,.ai-cockpit-open,.ai-cockpit-viewall,.ai-cockpit-projbtn,.ai-cockpit-fleet{transition:none}
}