:root{
  --bg:#050b0e;--panel:#0a1418;--panel-2:#0d1a1f;--panel-3:#112229;
  --line:#1c3037;--line-strong:#2a464e;--text:#e5eff0;--muted:#80969c;
  --teal:#2dd6bd;--cyan:#55bde5;--amber:#f5af45;--red:#ff5b50;--green:#56d79d;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--text);font-family:var(--sans);background:
  linear-gradient(rgba(45,214,189,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(45,214,189,.018) 1px,transparent 1px),var(--bg);
  background-size:44px 44px}
button,input{font:inherit}
button{color:inherit}
.topbar{height:66px;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(5,11,14,.96);display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}
.brandmark{width:32px;height:32px;border:1px solid #276158;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;padding:7px;background:#0b211f}
.brandmark i{display:block;background:var(--teal);height:35%}.brandmark i:nth-child(2){height:100%}.brandmark i:nth-child(3){height:65%}
.brand{display:grid;gap:3px;min-width:220px}.brand strong{font-size:13px;letter-spacing:.02em}.brand span{font:9px var(--mono);color:var(--muted);letter-spacing:.11em;text-transform:uppercase}
.scope-chip{padding:7px 16px;border-left:1px solid var(--line);display:grid;gap:3px}.scope-chip span,.shift-summary span{font:8px var(--mono);letter-spacing:.13em;color:var(--muted)}.scope-chip strong{font-size:11px}
.top-status{margin-left:auto;display:flex;align-items:center;gap:9px}.top-status strong,.top-status small{display:block}.top-status strong{font-size:11px}.top-status small{font-size:9px;color:var(--muted);margin-top:2px}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(86,215,157,.1)}
.ops-clock{font:11px var(--mono);color:#a8babe;border-left:1px solid var(--line);padding-left:18px}
main{max-width:1880px;margin:0 auto;padding:22px 24px 50px}
.mission-header{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}
.mission-header h1{font-size:30px;line-height:1;margin:0 0 8px;letter-spacing:-.035em}.mission-header>div>p:last-child{font-size:12px;color:var(--muted);margin:0}
.eyebrow{font:800 8px var(--mono);letter-spacing:.17em;color:var(--teal);margin:0 0 7px}
.shift-summary{border:1px solid var(--line);background:var(--panel);padding:10px 13px;display:grid;gap:3px;min-width:265px}.shift-summary strong{font-size:11px}.shift-summary small{font-size:9px;color:var(--muted)}
.panel{background:var(--panel);border:1px solid var(--line)}
.panel-title,.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.panel-title h2,.panel-heading h2,.assistant-head h2,.technical-detail h2,.camera-wall-heading h2{font-size:17px;line-height:1.1;margin:0;letter-spacing:-.02em}
.panel-title h3,.response-actions h3,.signal-panel h3,.event-stream h3{font-size:13px;margin:0}
.tag{font:800 7px var(--mono);letter-spacing:.12em;padding:4px 6px;border:1px solid var(--line-strong);white-space:nowrap}
.tag.real{color:var(--teal);background:#0b2522}.tag.simulated{color:#a8b8bc;background:#142126}.tag.mixed{color:var(--cyan);background:#10232b}
.kpi-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:var(--panel);margin-bottom:14px}
.kpi-strip article{padding:13px 15px;border-right:1px solid var(--line)}.kpi-strip article:last-child{border:0}
.kpi-strip span{display:flex;align-items:center;gap:7px;font:700 8px var(--mono);color:var(--muted);letter-spacing:.09em}.kpi-strip span b{font-size:6px;color:#6e868c;border:1px solid #263c42;padding:2px 3px}
.kpi-strip strong{display:block;font:600 24px var(--mono);margin:7px 0 4px}.kpi-strip strong small{font-size:11px;color:var(--muted)}
.kpi-strip em{font:normal 9px var(--mono);color:var(--muted)}.kpi-strip em.good{color:var(--green)}.kpi-strip em.warn{color:var(--amber)}
.command-grid{display:grid;grid-template-columns:245px minmax(570px,1fr) 310px;gap:14px;align-items:start}
.site-rail{padding:16px;min-height:732px}.site-rail .panel-title{margin-bottom:14px}
.site{width:100%;border:1px solid transparent;background:transparent;padding:10px 8px;display:grid;grid-template-columns:34px 1fr 8px;gap:9px;align-items:center;text-align:left;cursor:pointer;margin-bottom:4px}
.site:hover,.site.active{background:var(--panel-3);border-color:var(--line-strong)}.site.active{box-shadow:inset 2px 0 var(--teal)}
.site-icon{width:32px;height:32px;display:grid;place-items:center;background:#101f24;border:1px solid var(--line);font:800 9px var(--mono);color:var(--teal)}
.site strong,.site small{display:block}.site strong{font-size:10px}.site small{font-size:8px;color:var(--muted);margin-top:4px}
.critical-dot,.warning-dot,.healthy-dot{width:6px;height:6px;border-radius:50%;background:var(--red)}.warning-dot{background:var(--amber)}.healthy-dot{background:var(--green)}
.estate-map{height:225px;margin-top:18px;border:1px solid var(--line);position:relative;overflow:hidden;background:
  radial-gradient(circle at 58% 42%,rgba(45,214,189,.1),transparent 30%),#091215}
.map-grid{position:absolute;inset:0;background:linear-gradient(25deg,transparent 49%,#173038 50%,transparent 51%),linear-gradient(155deg,transparent 49%,#173038 50%,transparent 51%);background-size:70px 52px;opacity:.5}
.pin{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(86,215,157,.12)}.pin.alert{background:var(--red);box-shadow:0 0 0 6px rgba(255,91,80,.15)}.pin.warn{background:var(--amber);box-shadow:0 0 0 5px rgba(245,175,69,.13)}.p1{left:28%;top:35%}.p2{left:62%;top:29%}.p3{left:44%;top:68%}.p4{left:78%;top:61%}
.estate-map small{position:absolute;left:10px;bottom:9px;font:8px var(--mono);color:var(--muted)}
.scope-lock{display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px;border:1px solid #21403d;background:#0a211f}.scope-lock>span{color:var(--teal)}.scope-lock strong,.scope-lock small{display:block}.scope-lock strong{font-size:9px}.scope-lock small{font-size:8px;color:var(--muted);margin-top:3px}
.primary-ops{min-width:0}.camera-wall-heading{min-height:63px;display:flex;justify-content:space-between;align-items:start}
.feed-switcher{display:flex;gap:7px}.feed-button{width:170px;text-align:left;border:1px solid var(--line);background:var(--panel);padding:7px 9px;cursor:pointer}.feed-button:hover,.feed-button.active{border-color:#2e6d65;background:#0c211f}.feed-button:disabled{opacity:.62;cursor:wait}.feed-button span,.feed-button strong,.feed-button small{display:block}.feed-button span{font:700 7px var(--mono);color:var(--teal);letter-spacing:.08em}.feed-button strong{font-size:9px;margin:4px 0 2px}.feed-button small{font-size:7px;color:var(--muted)}
.icon-button{width:35px;border:1px solid var(--line);background:var(--panel-2);cursor:pointer;font-size:16px}.icon-button:disabled{opacity:.35}
.video-card{position:relative;border:1px solid var(--line-strong);background:#05090b;overflow:hidden}.video-topbar{height:38px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);color:var(--muted);letter-spacing:.08em;background:#0a1519}.video-topbar div{display:flex;align-items:center;gap:8px}.video-topbar strong{color:var(--text)}
.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5d7075}.live-dot.active{background:var(--red);box-shadow:0 0 0 4px rgba(255,91,80,.12);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.4}}
video{display:block;width:100%;aspect-ratio:16/9;background:#030607;object-fit:contain}
.video-hud{position:absolute;inset:49px 12px 44px;pointer-events:none}.hud-corner{position:absolute;width:22px;height:22px;border-color:rgba(45,214,189,.5);border-style:solid}.tl{left:0;top:0;border-width:1px 0 0 1px}.tr{right:0;top:0;border-width:1px 1px 0 0}.bl{left:0;bottom:0;border-width:0 0 1px 1px}.br{right:0;bottom:0;border-width:0 1px 1px 0}.stream-code{position:absolute;right:8px;top:6px;font:7px var(--mono);color:rgba(119,231,214,.7)}
.video-overlay{position:absolute;left:12px;right:12px;bottom:34px;display:flex;align-items:end;justify-content:space-between;gap:30px;padding:20px 8px 7px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.7));font:9px var(--mono);pointer-events:none}.video-overlay #phase{max-width:74%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.video-overlay #phase.safety{background:rgba(166,31,24,.9);padding:5px 7px;color:#fff;font-weight:800}
.timeline{height:5px;background:#16262a;position:relative}.incident-band{position:absolute;height:100%;background:rgba(245,175,69,.45)}.progress{position:absolute;height:100%;width:0;background:var(--teal)}.playhead{position:absolute;top:-3px;width:1px;height:11px;background:white}
.timeline-labels{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#63777c;background:#071014;font:7px var(--mono)}.incident-label{color:var(--amber)}
.live-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.signal-panel,.event-stream{padding:14px;height:202px}
.signal-chart{margin-top:8px}.chart-row{height:43px;display:grid;grid-template-columns:72px 1fr 40px;align-items:center;border-top:1px solid #15272d}.chart-row>span{font:7px var(--mono);color:var(--muted)}.chart-row svg{width:100%;height:34px}.chart-row polyline{fill:none;stroke:var(--teal);stroke-width:1.4}.chart-row polyline.amber{stroke:var(--amber)}.chart-row b{text-align:right;font:8px var(--mono)}
.event-stream ol{list-style:none;padding:0;margin:8px 0 0;max-height:134px;overflow:auto}.event-stream li{display:grid;grid-template-columns:34px 1fr 30px;gap:8px;padding:7px 0;border-top:1px solid #15272d}.event-stream time{font:7px var(--mono);color:var(--teal)}.event-stream strong,.event-stream small{display:block}.event-stream strong{font-size:9px}.event-stream small{font-size:7px;color:var(--muted);margin-top:2px}.event-stream li>b{font:6px var(--mono);color:#6e858b;text-transform:uppercase}
.response-column{display:grid;gap:14px}.notifications{padding:15px;min-height:430px}.panel-heading{padding-bottom:12px;border-bottom:1px solid var(--line)}.count{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--red);font:700 10px var(--mono)}
.standing-incident{margin-top:12px;border:1px solid #5a2c29;border-left:3px solid var(--red);padding:10px;background:#1e1112}.standing-incident div{display:flex;justify-content:space-between;align-items:center}.standing-incident time{font:7px var(--mono);color:var(--muted)}.standing-incident>strong,.standing-incident>p,.standing-incident>small{display:block}.standing-incident>strong{font-size:10px;margin-top:7px}.standing-incident>p{font-size:8px;color:#b6c3c6;margin:3px 0}.standing-incident>small{font:6px var(--mono);color:#6e8287}.sev{font:700 7px var(--mono);padding:3px 4px}.sev.critical{color:#ff968e;background:#481b1a}
.empty-state{text-align:center;padding:30px 10px;color:var(--muted)}.empty-state p{font-size:9px;color:#c0ccce;margin:0 0 4px}.empty-state small{font-size:7px}.notification-list{display:grid;gap:7px;max-height:230px;overflow:auto}.notification{border:1px solid #584528;border-left:3px solid var(--amber);background:#211b12;padding:8px;animation:arrive .25s ease both}.notification.critical{border-color:#66312e;border-left-color:var(--red);background:#211111}.notification-head{display:flex;justify-content:space-between;font:6px var(--mono);color:var(--muted);margin-bottom:5px}.notification strong,.notification p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification strong{font-size:9px}.notification p{font-size:7px;color:#a6b6ba;margin:4px 0 0}@keyframes arrive{from{opacity:0;transform:translateY(-5px)}}.delivered{color:var(--teal)!important}
.response-actions{padding:15px}.response-status{border:1px solid var(--line);background:#0c181d;padding:10px;margin:11px 0}.response-status span,.response-status small{display:block}.response-status span{font-size:9px}.response-status small{font-size:7px;color:var(--muted);margin-top:4px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.action-grid button,.contain-button{border:1px solid var(--line-strong);background:#112228;padding:8px;font-size:8px;text-align:left;cursor:pointer}.action-grid button:hover{border-color:var(--teal);color:var(--teal)}.contain-button{width:100%;margin-top:7px;border-color:#67342f;background:#231313;color:#ff8d84}.contain-button span{float:right;font:6px var(--mono)}.control-disclosure{font-size:7px;line-height:1.4;color:var(--muted);margin:8px 0 0}
.operations-lower{display:grid;grid-template-columns:1.08fr .92fr;gap:14px;margin-top:14px}.assistant-panel,.fleet-panel{padding:17px}.assistant-head{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:start}.assistant-head>div:nth-child(2)>span{font-size:8px;color:var(--muted)}.assistant-orb{width:34px;height:34px;display:grid;place-items:center;border:1px solid #25675f;background:#0b2623;color:var(--teal)}
.assistant-conversation{height:128px;overflow:auto;margin:13px 0;border:1px solid var(--line);background:#071115;padding:10px}.assistant-message{margin-bottom:9px}.assistant-message strong{font:700 7px var(--mono);color:var(--teal);text-transform:uppercase}.assistant-message p{font-size:10px;line-height:1.5;margin:4px 0;color:#c2ced0}.assistant-message.user{text-align:right}.assistant-message.user strong{color:var(--cyan)}.assistant-message.user p{color:#9fb2b6}
.prompt-chips{display:flex;gap:5px;flex-wrap:wrap}.prompt-chips button{border:1px solid var(--line);background:#101e23;padding:5px 7px;font-size:7px;cursor:pointer}.prompt-chips button:hover{border-color:#33736a;color:var(--teal)}
.assistant-form{display:grid;grid-template-columns:1fr auto;margin-top:8px}.assistant-form input{border:1px solid var(--line-strong);background:#081216;color:var(--text);padding:10px;font-size:9px;outline:0}.assistant-form input:focus{border-color:var(--teal)}.assistant-form button{border:0;background:var(--teal);color:#03110f;padding:0 14px;font-size:9px;font-weight:800;cursor:pointer}
.asset-table{margin-top:12px}.asset-table>div{display:grid;grid-template-columns:1.1fr 1fr .8fr 1.7fr .55fr;gap:8px;align-items:center;padding:9px 4px;border-top:1px solid #15272d;font-size:8px}.asset-table .asset-head{font:7px var(--mono);color:var(--muted)}.asset-table strong{font:700 8px var(--mono)}.asset-table b{font:normal 7px var(--mono);color:var(--muted)}.state{font:700 7px var(--mono)}.state.danger{color:var(--red)}.state.warning{color:var(--amber)}.state.good{color:var(--green)}
.platform-health{margin-top:14px;padding:17px}.health-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:12px;border:1px solid var(--line)}.health-grid article{padding:11px;border-right:1px solid var(--line)}.health-grid article:last-child{border:0}.health-grid span,.health-grid strong,.health-grid small{display:block}.health-grid span{font:7px var(--mono);color:var(--muted)}.health-grid strong{font-size:11px;margin:7px 0 3px}.health-grid small{font-size:7px;color:#6e8388}
.pipeline-flow{display:flex;align-items:stretch;margin-top:12px}.pipeline-flow article{flex:1;border:1px solid var(--line);padding:9px;display:grid;grid-template-columns:20px 1fr;column-gap:5px;transition:.2s}.pipeline-flow article>span{grid-row:1/3;font:700 7px var(--mono);color:#61777d}.pipeline-flow strong{font-size:9px}.pipeline-flow small{font-size:7px;color:var(--muted);margin-top:2px}.pipeline-flow i{display:grid;place-items:center;padding:0 5px;color:#52676c;font-style:normal}.pipeline-flow article.active{border-color:var(--teal);background:#0b2522}.pipeline-flow article.done{border-color:#28534d;background:#0b1e1c}
.truth-panel{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:14px}.truth-panel>div{padding:11px 14px;background:var(--panel);display:grid;grid-template-columns:180px 1fr;gap:12px}.truth-panel strong{font:800 7px var(--mono);color:var(--teal)}.truth-panel>div:last-child strong{color:#a8b7ba}.truth-panel span{font-size:8px;color:var(--muted)}
.technical-detail{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;padding:17px;margin-top:14px}.technical-detail dl{margin:0}.technical-detail dl>div{display:grid;grid-template-columns:125px 1fr;padding:7px 0;border-top:1px solid var(--line);font-size:8px}.technical-detail dt{color:var(--muted)}.technical-detail dd{margin:0;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.about-demo{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;padding:20px 22px;margin-top:14px}.about-demo h2{font-size:17px;line-height:1.1;margin:0 0 12px;letter-spacing:-.02em}.about-demo p{max-width:780px;margin:0 0 10px;font-size:12px;line-height:1.6;color:#a8babe}.about-demo .eyebrow{margin:0 0 7px;font:800 8px var(--mono);letter-spacing:.17em;color:var(--teal)}.about-links h3{margin:0 0 8px;font:800 9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.about-links ul{margin:0;padding:0;list-style:none}.about-links li{border-top:1px solid var(--line)}.about-links a{display:block;padding:9px 0;font-size:12px;color:var(--text);text-decoration:underline;text-underline-offset:3px}.about-links a:hover,.about-links a:focus-visible{color:var(--teal)}.about-links a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
footer{display:flex;justify-content:space-between;gap:40px;padding:18px 2px 0;color:#60757a;font-size:8px;line-height:1.55}footer p{max-width:1050px;margin:0}footer span{white-space:nowrap}
@media(max-width:1350px){.command-grid{grid-template-columns:210px minmax(500px,1fr) 285px}.scope-chip:nth-of-type(2){display:none}.kpi-strip{grid-template-columns:repeat(3,1fr)}.kpi-strip article:nth-child(4),.kpi-strip article:nth-child(5){border-top:1px solid var(--line)}}
@media(max-width:1050px){.topbar{position:static}.scope-chip,.ops-clock{display:none}.command-grid{grid-template-columns:210px 1fr}.response-column{grid-column:1/-1;grid-template-columns:1fr 1fr}.site-rail{min-height:auto}.operations-lower{grid-template-columns:1fr}.health-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){main{padding:16px 12px}.topbar{padding:0 12px}.top-status{display:none}.mission-header{display:block}.shift-summary{margin-top:12px}.kpi-strip{grid-template-columns:1fr 1fr}.command-grid{grid-template-columns:1fr}.site-rail{display:none}.camera-wall-heading{display:block}.feed-switcher{margin:10px 0}.feed-button{flex:1;width:auto}.response-column{grid-template-columns:1fr}.live-detail-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:1fr 1fr}.pipeline-flow{display:grid;grid-template-columns:1fr 1fr}.pipeline-flow i{display:none}.truth-panel{grid-template-columns:1fr}.truth-panel>div{grid-template-columns:1fr}.technical-detail{grid-template-columns:1fr;gap:10px}.asset-table>div{grid-template-columns:1fr 1fr}.asset-table>div>*:nth-child(4),.asset-table>div>*:nth-child(5){display:none}.assistant-head{grid-template-columns:38px 1fr}.assistant-head>.tag{display:none}.mission-header h1{font-size:26px}}
#storedIncidents{max-height:190px;overflow:auto;border-bottom:1px solid var(--line);padding:8px 14px;font-size:10px;line-height:1.5}
#observedDevices{max-height:240px;overflow:auto;padding:12px;font-size:11px;line-height:1.5}
#telemetryStatus,.site-rail>p,.response-actions>p{font-size:11px;line-height:1.5;color:var(--muted);padding:8px 12px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:760px){.about-demo{grid-template-columns:1fr;gap:18px}}