:root{--bg: #060d13;--panel: rgba(7, 18, 25, .9);--panel-2: rgba(9, 24, 32, .96);--line: rgba(111, 225, 255, .15);--line-strong: rgba(111, 225, 255, .28);--text: #d7edf4;--muted: #8cabba;--accent: #6fe1ff;--accent-2: #ffcb6b;--danger: #ff7d7d;--warn: #ffb366;--ok: #7df7bf;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{font-family:IBM Plex Mono,monospace;color:var(--text);background:radial-gradient(circle at 50% 0%,rgba(111,225,255,.14),transparent 28%),linear-gradient(180deg,#071119,var(--bg));overflow:hidden}main[data-mode=operations]{--accent-live: var(--accent-2)}.bg-radial,.bg-grid{position:fixed;inset:0;pointer-events:none}.bg-grid{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,black 38%,transparent 100%);mask-image:radial-gradient(circle at center,black 38%,transparent 100%)}.app-shell{position:relative;max-width:1760px;margin:0 auto;padding:14px;height:100vh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;overflow:hidden}.loading-shell{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 50% 10%,rgba(111,225,255,.12),transparent 26%),linear-gradient(180deg,#061118,#03080d 72%)}.loading-card{width:min(640px,100%);border:1px solid var(--line);background:#071219eb;padding:28px;display:grid;gap:18px}.loading-card p{margin:0;color:var(--muted)}.loading-orbit{width:140px;height:140px;border-radius:50%;border:1px solid rgba(111,225,255,.18);position:relative;justify-self:center}.loading-orbit:before,.loading-orbit:after{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(111,225,255,.12)}.loading-orbit:after{inset:48px;background:radial-gradient(circle,#6fe1ff70,#6fe1ff00)}.loading-strip{display:flex;gap:8px;flex-wrap:wrap}.loading-strip span,.app-banner{border:1px solid var(--line);background:#ffffff05;padding:6px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;border:1px solid var(--line);background:var(--panel);padding:12px 14px;min-height:86px}.topbar-right{display:grid;justify-items:end;gap:8px}.mode-switch{display:inline-flex;gap:6px;border:1px solid var(--line);background:#ffffff05;padding:4px}.mode-btn,.workspace-tab,.ghost-btn{appearance:none;border:1px solid transparent;background:#ffffff05;color:var(--muted);font:inherit;font-size:10px;text-transform:uppercase;letter-spacing:.14em;padding:8px 10px;cursor:pointer}.mode-btn.active,.workspace-tab.active{color:var(--accent);border-color:var(--line);background:#0c1b24eb}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:11px;margin-bottom:8px}h1{margin:0;font-size:clamp(22px,2.6vw,40px);line-height:.95}.topbar-meta{display:flex;flex-wrap:wrap;gap:8px}.meta-pill,.meta{border:1px solid var(--line);background:#ffffff05;padding:6px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.meta-pill .v{color:var(--accent)}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.mode-stage{min-height:0;height:100%;overflow:hidden}.main-grid{display:grid;grid-template-columns:320px minmax(0,1fr) 320px;gap:12px;min-height:0;height:100%}.rail,.center-col{min-width:0;min-height:0}.rail{flex:1 1 0;overflow:hidden;display:flex;flex-direction:column;gap:12px}.center-col{display:grid;grid-template-rows:minmax(0,1.1fr) minmax(0,.9fr);gap:12px;height:100%;overflow:hidden}.panel,.map-card{border:1px solid var(--line);background:var(--panel);padding:10px;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.rail>.panel,.rail>.map-card{flex:1 1 0}.panel-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:8px}h2{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.meta,.muted,.layer-note{color:var(--muted)}.map-wrap{position:relative;min-height:0;height:100%}.map-region-strip{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.region-chip{appearance:none;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--muted);font:inherit;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;cursor:pointer}.region-chip.active{color:var(--accent);border-color:var(--line-strong);background:#6fe1ff14}#world-map{width:100%;height:100%;min-height:320px;display:block;border:1px solid rgba(255,255,255,.05);background:#02080ce0;position:relative;overflow:hidden}.earth-canvas,.map-overlay-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.map-overlay-canvas{z-index:2}.map-status{position:absolute;left:14px;top:14px;z-index:3;border:1px solid rgba(255,255,255,.08);background:#040c12d1;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:6px 8px}.map-status.hidden{display:none}.map-popup{position:absolute;right:14px;top:14px;width:min(280px,calc(100% - 28px));border:1px solid var(--line-strong);background:#081016f0;padding:12px;display:none;z-index:4}.map-popup.show{display:block}.popup-head{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.map-legend{position:absolute;left:12px;bottom:12px;display:flex;gap:12px;flex-wrap:wrap;font-size:10px;letter-spacing:.08em;text-transform:uppercase;z-index:4}.legend-item{display:flex;align-items:center;gap:6px;color:var(--muted)}.legend-dot{width:10px;height:10px;border-radius:999px}.control-hint{position:absolute;right:14px;bottom:12px;color:var(--muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase;background:#040c12bd;border:1px solid rgba(255,255,255,.06);padding:6px 8px;z-index:4}kbd{display:inline-block;min-width:1.6em;padding:2px 5px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);font:inherit;font-size:.92em;text-transform:none}.workspace{min-height:0;height:100%;border:1px solid var(--line);background:#050f16bd;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.workspace-nav{display:flex;gap:8px;padding:8px 10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.workspace-stack{min-height:0;height:100%;padding:10px;overflow:hidden}.workspace-panel{display:grid;min-height:0;height:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ops-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:auto minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:0;height:100%}.ops-command{grid-column:1 / -1}.ops-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}.ops-card,.layer-row,.stat-row,.source-row,.ticker-row,.stream-row,.idea-row,.delta-row,.signal-card,.trend-row,.sitrep-block,.performance-row,.pill-row,.guide-card,.metric-card,.ops-run-row{border:1px solid rgba(255,255,255,.05);background:var(--panel-2);padding:8px}.ops-card-label,.metric-label{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.ops-card-value,.metric-value{margin-top:4px;font-size:18px;color:var(--accent)}.ops-command-row,.layer-row,.stat-row,.source-row,.ops-run-head,.trend-row,.performance-row{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.layer-count{color:var(--accent);font-size:16px}.layer-list,.stat-list,.signal-list,.ticker-list,.stream-list,.delta-list,.ideas-list,.trend-list,.sitrep-card,.source-performance-list,.ops-latest-run,.ops-history-list,.guide-list{display:flex;flex-direction:column;gap:6px;min-height:0;overflow:auto;padding-right:2px}.source-list,.metric-grid{display:grid;gap:6px;min-height:0;overflow:auto}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.source-list{grid-template-columns:1fr}.status-ok{color:var(--ok)}.status-degraded,.status-rate_limited,.status-no_credentials{color:var(--warn)}.status-error{color:var(--danger)}.sparkline{display:flex;align-items:flex-end;gap:3px;min-height:36px}.sparkbar{width:8px;background:linear-gradient(180deg,#6fe1ffeb,#6fe1ff33);display:inline-block}.delta-head{display:flex;justify-content:space-between;gap:8px}.delta-badge{border:1px solid var(--line);padding:2px 6px;font-size:10px;text-transform:uppercase;color:var(--accent)}.sitrep-signals{display:flex;flex-wrap:wrap;gap:6px}.performance-metrics{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted)}.overlay{position:fixed;inset:0;background:#02080cb8;display:none;place-items:center;z-index:20}.overlay.show{display:grid}.overlay-panel{width:min(760px,calc(100vw - 40px));max-height:min(760px,calc(100vh - 40px));border:1px solid var(--line);background:#071219f5;padding:16px;overflow:auto}@media(max-width:1320px){.main-grid{grid-template-columns:280px minmax(0,1fr) 280px}.ops-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto repeat(3,minmax(240px,auto))}}@media(max-width:1040px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}.main-grid,.ops-grid,.workspace-panel,.metric-grid{grid-template-columns:1fr;height:auto}.center-col,.rail,.workspace,.workspace-stack,.mode-stage{height:auto;overflow:visible}.topbar{flex-direction:column;align-items:stretch}.topbar-right{justify-items:start}.ops-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
