:root{
  --bg:#061611;--bg2:#08221b;--panel:#0b2b23;--panel2:#0d342a;--panel3:#102f29;
  --line:#195647;--line2:#21826a;--text:#f2f6f0;--muted:#9bb4aa;--gold:#f4c651;--amber:#f6b84a;
  --green:#1cd5a4;--green2:#0ba37d;--red:#ff5964;--blue:#3aa8ff;--purple:#8b7cf6;--shadow:0 18px 45px rgba(0,0,0,.25);
  --radius:18px;
}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 75% 10%,rgba(30,120,90,.14),transparent 30%),linear-gradient(180deg,var(--bg),#06130f 60%,#071c16);color:var(--text);min-height:100vh;overflow-x:hidden}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:272px;background:linear-gradient(180deg,#081b16,#071611 68%,#050f0c);border-right:1px solid #173a31;padding:22px 16px 18px;z-index:40;display:flex;flex-direction:column}.brand-block{display:flex;gap:13px;align-items:center;padding:2px 8px 18px;border-bottom:1px solid #173a31}.brand-logo{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.45))}.brand-copy{display:flex;flex-direction:column;line-height:1.08}.brand-copy strong{font-size:1.15rem;letter-spacing:.05em}.brand-copy span{font-size:.66rem;color:var(--muted);letter-spacing:.16em;margin-top:7px}.mode-chip{margin:16px 8px 10px;border:1px solid rgba(244,198,81,.35);background:rgba(244,198,81,.08);border-radius:10px;padding:9px 10px;color:#e9d38a;font-size:.68rem;letter-spacing:.08em;display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.online{background:var(--green);box-shadow:0 0 0 4px rgba(28,213,164,.09),0 0 12px rgba(28,213,164,.65)}.dot.pulse{background:var(--amber);animation:pulse 1.8s infinite}.side-nav{display:grid;gap:5px;margin-top:5px}.nav-item{border:1px solid transparent;background:transparent;color:#a8bdb5;border-radius:12px;display:flex;align-items:center;gap:12px;padding:12px 13px;text-align:left;font:inherit;cursor:pointer;transition:.18s}.nav-item:hover{background:#0b2b23;color:#fff;border-color:#19483d}.nav-item.active{background:linear-gradient(90deg,rgba(28,213,164,.18),rgba(14,52,42,.85));border-color:#1f765f;color:#fff;box-shadow:inset 3px 0 0 var(--green)}.nav-icon{width:25px;height:25px;display:grid;place-items:center;border:1px solid #295047;border-radius:8px;color:var(--gold);font-weight:800}.sidebar-footer{margin-top:auto;border-top:1px solid #173a31;padding:16px 8px 2px;color:var(--muted);font-size:.7rem}.system-mini{display:flex;align-items:center;gap:9px;margin-bottom:13px}.system-mini div{display:flex;flex-direction:column;flex:1}.system-mini b{color:#fff;font-size:.82rem}.system-mini small{font-size:.66rem}.mini-badge{font-size:.55rem;letter-spacing:.1em;color:#092116;background:var(--green);padding:4px 6px;border-radius:6px;font-weight:900}.main-area{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:30;min-height:76px;padding:13px 24px;background:rgba(6,22,17,.88);backdrop-filter:blur(14px);border-bottom:1px solid #174235;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar-left{display:flex;align-items:center;gap:12px}.topbar h1{margin:2px 0 0;font-size:1.45rem;letter-spacing:.01em}.eyebrow{font-size:.65rem;color:var(--gold);letter-spacing:.11em}.topbar-right{display:flex;align-items:center;gap:9px}.status-pill{display:flex;align-items:center;gap:7px;border:1px solid #245548;background:#0a2921;border-radius:10px;padding:8px 10px;font-size:.7rem;color:var(--muted)}.status-pill strong{color:#fff}.online-pill{color:#9bead4}.rec-dot{color:#ff6068}.timebox{display:flex;gap:5px;align-items:baseline;padding:8px 3px;font-variant-numeric:tabular-nums}.timebox strong{font-size:1rem}.timebox span{font-size:.6rem;color:var(--muted)}.operator-btn{background:#0b2a22;border:1px solid #245548;color:#fff;padding:6px 9px;border-radius:12px;display:flex;align-items:center;gap:8px;cursor:pointer}.avatar{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#1bd2a2,#1f6c5a);display:grid;place-items:center;font-size:.68rem;font-weight:900}.operator-btn>span:nth-child(2){display:flex;flex-direction:column;text-align:left}.operator-btn b{font-size:.75rem}.operator-btn small{font-size:.58rem;color:var(--muted)}.workspace{padding:24px;max-width:1900px;margin:auto}.view{display:none;animation:fade .22s ease}.view.active{display:block}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.section-heading h2{font-size:1.75rem;margin:2px 0 4px}.section-heading p{margin:0;color:var(--muted);max-width:780px}.section-kicker{color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.13em}.actions{display:flex;gap:10px;align-items:center}.btn{border:1px solid #2a6254;background:#0c2d25;color:#eff8f4;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;transition:.17s}.btn:hover{transform:translateY(-1px);border-color:#3a967e}.btn.primary{background:linear-gradient(180deg,#18b78b,#0b8e6d);border-color:#28d7aa;color:#031611}.btn.ghost{background:#0a261f}.btn.danger{border-color:#9d4148;background:#4a2024}.btn.small{padding:8px 10px;font-size:.72rem}.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid #28564a;background:#0b2b23;color:#fff;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-12{grid-column:span 12}.panel,.metric-card,.sensor-card,.settings-card{background:linear-gradient(180deg,rgba(13,51,42,.97),rgba(7,31,25,.97));border:1px solid #205747;border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.panel:before,.metric-card:before,.sensor-card:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(34,197,153,.055),transparent 40%);pointer-events:none}.panel{padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#bcd1c9;font-size:.72rem;font-weight:900;letter-spacing:.07em;margin-bottom:14px}.tag{font-size:.58rem;padding:5px 7px;border-radius:999px;letter-spacing:.08em}.tag.green{background:rgba(25,212,159,.14);color:#6ff0cb;border:1px solid rgba(25,212,159,.35)}.tag.amber{background:rgba(246,184,74,.12);color:#ffd47c;border:1px solid rgba(246,184,74,.35)}.overview-grid{align-items:stretch}.mission-card{min-height:252px;background:linear-gradient(145deg,#0c352a,#0b241e)}.mission-title{font-size:1.45rem;font-weight:800;max-width:420px;margin:7px 0 20px}.mission-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mission-meta div{border-left:2px solid #267562;padding-left:10px}.mission-meta span{font-size:.56rem;color:var(--muted);letter-spacing:.08em}.mission-meta strong{display:block;font-size:1.05rem;margin-top:3px}.mission-meta small{color:#6f8f84;font-size:.6rem}.progress-track{height:8px;border-radius:99px;background:#082018;margin:20px 0 12px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--green2),var(--gold));box-shadow:0 0 10px rgba(28,213,164,.45)}.mission-note{font-size:.68rem;color:#9eb5ac}.vehicle-card{padding:0}.vehicle-stage{height:190px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 70%,rgba(21,137,105,.28),transparent 44%),linear-gradient(180deg,#092820,#071b16)}.vehicle-stage:after{content:"";position:absolute;left:6%;right:6%;bottom:24px;height:1px;background:linear-gradient(90deg,transparent,#256b59,transparent)}.ugv-hero{width:72%;max-height:175px;position:relative;z-index:3;filter:drop-shadow(0 18px 18px rgba(0,0,0,.35))}.radar-ring{position:absolute;border:1px solid rgba(30,213,166,.15);border-radius:50%;width:150px;height:150px}.r2{width:220px;height:220px}.r3{width:300px;height:300px}.callout{position:absolute;z-index:5;border:1px solid #237765;background:rgba(6,31,24,.85);border-radius:8px;padding:5px 7px;font-size:.55rem;display:flex;gap:5px}.callout span{color:#8ab9a8}.callout b{color:#6df0c9}.c1{left:7%;top:18%}.c2{right:8%;top:14%}.c3{left:10%;bottom:15%}.c4{right:8%;bottom:17%}.vehicle-strip{height:68px;border-top:1px solid #205546;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 12px}.vehicle-strip div{padding:0 11px;border-right:1px solid #163f35}.vehicle-strip div:last-child{border:0}.vehicle-strip span{font-size:.5rem;color:#7e9f94;display:block}.vehicle-strip strong{font-size:.73rem}.alert-panel{min-height:252px}.alert-list{display:grid;gap:8px}.alert-item{width:100%;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;background:#0b271f;border:1px solid #244b40;border-radius:10px;padding:10px;color:#fff;text-align:left;cursor:pointer}.alert-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-weight:900}.amber-alert .alert-icon{background:#5d451d;color:#ffd774}.red-alert .alert-icon{background:#5b2227;color:#ffb4b9}.alert-item span:nth-child(2){display:flex;flex-direction:column}.alert-item b{font-size:.72rem}.alert-item small{font-size:.58rem;color:var(--muted)}.alert-item time{font-size:.55rem;color:#6f8e83}.text-btn{border:0;background:transparent;color:#69dfc0;padding:12px 0 0;cursor:pointer;font-size:.7rem}.metric-card{padding:14px;display:flex;align-items:center;gap:10px;min-height:96px}.metric-icon{width:36px;height:36px;border-radius:12px;background:#123d31;border:1px solid #236a58;display:grid;place-items:center;color:var(--gold);font-size:1.1rem}.metric-card>div:nth-child(2){flex:1}.metric-card span{display:block;font-size:.58rem;color:#8aa79c}.metric-card strong{font-size:1.15rem;display:block;margin:2px 0}.metric-card small{color:#78978c;font-size:.57rem}.sparkbar{height:35px;width:36px;display:flex;align-items:end;gap:3px}.sparkbar i{width:4px;background:var(--green);border-radius:2px}.trend{font-size:.55rem;font-weight:800}.trend.up{color:#ffd26e}.trend.ok{color:#5ce0ba}.trend.neutral{color:#8eb1a5}.signal-bars{display:flex;align-items:end;gap:3px;height:26px}.signal-bars i{display:block;width:4px;background:#2ed2a5;border-radius:2px}.signal-bars i:nth-child(1){height:8px}.signal-bars i:nth-child(2){height:12px}.signal-bars i:nth-child(3){height:17px}.signal-bars i:nth-child(4){height:22px}.signal-bars i:nth-child(5){height:26px}.signal-bars .off{background:#25463d}.chart-panel canvas,.big-chart canvas,.comms-grid canvas{width:100%;height:250px;background:linear-gradient(180deg,rgba(4,21,17,.55),rgba(9,39,31,.2));border-radius:12px;border:1px solid #153e33}.chart-footer{display:flex;justify-content:space-between;color:#6f9186;font-size:.58rem;margin-top:9px}.legend{display:flex;gap:12px;font-size:.58rem}.legend i{display:inline-block;width:16px;height:2px;margin-right:5px;vertical-align:middle}.legend .l1{background:#38d49f}.legend .l2{background:#f2c14e}.legend .l3{background:#5da5ff}.map-card{padding-bottom:12px}.mini-map{height:235px;border:1px solid #1c5244;border-radius:12px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 25%,#173c31,#08231c 65%)}.map-grid,.tactical-map-large:before{position:absolute;inset:0;background-image:linear-gradient(rgba(38,125,101,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(38,125,101,.13) 1px,transparent 1px);background-size:34px 34px}.mini-map svg,.tactical-map-large svg{position:absolute;inset:0;width:100%;height:100%}.terrain{fill:none;stroke:#315f50;stroke-width:4;opacity:.7}.route-line{fill:none;stroke:#f4c651;stroke-width:5;stroke-dasharray:10 8;filter:drop-shadow(0 0 5px rgba(244,198,81,.35))}.route-line.thick{stroke-width:7}.wp{fill:#0ad9b5;stroke:#e8fff7;stroke-width:3}.ugv-ring{fill:rgba(28,213,164,.15);stroke:#50e3bd;stroke-width:4}.ugv-dot{fill:#f4c651}.heading-arrow{fill:#f4c651}.map-label{position:absolute;font-size:.5rem;letter-spacing:.08em;color:#a6c7bb}.ml-a{left:12%;bottom:12%}.ml-b{left:45%;top:36%}.ml-c{right:12%;top:17%}.map-scale{position:absolute;right:10px;bottom:9px;color:#8db1a4;font-size:.5rem;border-top:2px solid #a7c6bb;padding-top:3px;width:65px;text-align:center}.map-meta{display:flex;justify-content:space-between;margin-top:9px;font-size:.58rem;color:#7f9f94}.map-meta b{color:#d8e8e1}.select,.input{background:#0b2c24;border:1px solid #2a6254;color:#fff;border-radius:10px;padding:10px 12px}.tabs{display:flex;gap:6px}.tab,.tiny-btn{border:1px solid #285e50;background:#0b2922;color:#9bb5aa;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:.6rem}.tab.active{background:#175845;color:#fff;border-color:#28a381}.mono-badge{font-family:ui-monospace,Consolas,monospace;font-size:.6rem;color:#62e6c3}.kv-list{display:grid}.kv-list div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #173f35;font-size:.7rem}.kv-list span{color:#84a398}.ok-text{color:#5ae0ba}.packet-code{margin:0;background:#041712;border:1px solid #1a4c3f;border-radius:12px;padding:14px;color:#77e8c9;overflow:auto;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}.tactical-map-panel{padding:8px}.tactical-map-large{height:650px;border-radius:14px;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 15%,#1b4c3d,#08231c 55%,#061812);transform-origin:center;transition:.3s}.contour{position:absolute;border:1px solid rgba(59,132,109,.19);border-radius:50%;transform:rotate(-15deg)}.c-a{width:360px;height:180px;left:10%;top:17%}.c-b{width:540px;height:240px;left:30%;top:50%}.c-c{width:260px;height:140px;right:8%;top:12%}.river{fill:none;stroke:#2d7d83;stroke-width:18;opacity:.45}.waypoint{position:absolute;border:1px solid #3a9178;background:#0b2e25;color:#fff;border-radius:10px;padding:7px 9px;display:flex;gap:7px;align-items:center;cursor:pointer}.waypoint b{width:24px;height:24px;border-radius:50%;background:#f4c651;color:#142018;display:grid;place-items:center}.waypoint span{font-size:.62rem}.wpa{left:8%;bottom:11%}.wpb{left:40%;top:39%}.wpc{right:15%;top:23%}.map-legend{position:absolute;left:16px;bottom:14px;display:flex;gap:12px;background:rgba(4,20,16,.8);border:1px solid #205848;padding:8px 10px;border-radius:10px;font-size:.55rem}.map-legend i{display:inline-block;width:13px;height:3px;margin-right:5px}.lg-route{background:#f4c651}.lg-pos{background:#1cd5a4}.lg-wp{background:#fff}.map-controls{position:absolute;right:14px;top:14px;display:grid;gap:5px}.map-controls button{width:34px;height:34px;border-radius:8px;background:#0a271f;border:1px solid #2d6959;color:#fff;font-size:1rem;cursor:pointer}.route-panel h3{font-size:.85rem;color:#dbe8e3}.route-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}.route-summary div{background:#09261f;border:1px solid #1d4a3d;border-radius:10px;padding:9px}.route-summary span{font-size:.5rem;color:#84a195}.route-summary strong{display:block;margin-top:3px;font-size:.82rem}.wp-row{width:100%;display:grid;grid-template-columns:28px 1fr 20px;gap:8px;align-items:center;background:#09261f;border:1px solid #1b463a;color:#fff;border-radius:10px;padding:9px;margin:7px 0;text-align:left;cursor:pointer}.wp-row>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#173a31;color:#aec9be}.wp-row.active{border-color:#d6ab45;background:#312918}.wp-row.active>span{background:#f4c651;color:#11231d}.wp-row.complete{opacity:.7}.wp-row div{display:flex;flex-direction:column}.wp-row b{font-size:.7rem}.wp-row small{font-size:.55rem;color:#809d92}.note-box{margin-top:12px;background:#09261f;border:1px solid #1d493d;border-radius:10px;padding:11px}.note-box b{font-size:.66rem;color:var(--gold)}.note-box p{font-size:.6rem;color:#84a398;line-height:1.5;margin:4px 0 0}.sensor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sensor-card{padding:16px;min-height:220px}.sensor-top{display:flex;justify-content:space-between}.sensor-glyph{width:46px;height:46px;border-radius:14px;background:#123b30;display:grid;place-items:center;color:#f2c14e;font-size:1.35rem}.sensor-card h3{margin:15px 0 2px}.sensor-card p{margin:0 0 14px;color:#8eaa9f;font-size:.68rem}.sensor-kvs{display:grid;gap:7px;margin-bottom:13px}.sensor-kvs div{display:flex;justify-content:space-between;font-size:.62rem;padding-bottom:6px;border-bottom:1px solid #173e34}.sensor-kvs span{color:#7f9c92}.add-card{display:grid;place-items:center;text-align:center;border-style:dashed}.add-glyph{font-size:2.2rem;color:#69d8b9}.battery-visual{display:flex;gap:20px;align-items:center}.battery-shell{width:110px;height:200px;border:5px solid #64877a;border-radius:16px;position:relative;padding:6px;display:flex;align-items:end}.battery-shell:before{content:"";position:absolute;top:-15px;left:33px;width:35px;height:12px;background:#64877a;border-radius:5px 5px 0 0}.battery-fill{width:100%;background:linear-gradient(180deg,#f4c651,#1cd5a4);border-radius:8px;transition:.3s}.battery-pct{position:absolute;inset:0;display:grid;place-items:center;font-size:1.25rem;font-weight:900;color:#fff;text-shadow:0 2px 5px #000}.battery-data{flex:1;display:grid;gap:9px}.battery-data div{display:flex;justify-content:space-between;border-bottom:1px solid #1b4c3f;padding-bottom:7px;font-size:.65rem}.battery-data span{color:#87a398}.rail-list{display:grid;gap:10px}.rail-list div{display:grid;grid-template-columns:1fr auto;gap:3px}.rail-list span{font-size:.62rem;color:#8fac9f}.rail-list b{font-size:.65rem}.rail-list meter{grid-column:1/-1;width:100%;height:10px}.temp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.temp-grid div{background:#09261f;border:1px solid #1d4c3f;border-radius:10px;padding:10px}.temp-grid span{font-size:.57rem;color:#8aa69b}.temp-grid strong{display:block;font-size:.82rem;margin:4px 0 9px}.temp-grid i{display:block;height:5px;border-radius:99px;background:linear-gradient(90deg,#1cd5a4 var(--v),#183a31 var(--v))}.power-flow{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:12px 0}.flow-node{min-width:110px;border:1px solid #276353;background:#0a2a22;border-radius:10px;padding:11px;text-align:center}.flow-node b{display:block;font-size:.62rem}.flow-node span{font-size:.55rem;color:#8da99e}.power-flow>i{color:var(--gold);font-style:normal}.load-bars{display:grid;gap:10px}.load-bars div{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:.6rem}.load-bars span{color:#9ab5aa}.load-bars i{grid-column:1/-1;height:7px;border-radius:99px;background:linear-gradient(90deg,#1cd5a4,#f4c651);max-width:100%}.link-diagram{display:grid;grid-template-columns:1fr 1.3fr .7fr 1.3fr 1fr;align-items:center;gap:10px;padding:12px 0}.link-node,.relay-node,.gcs-node{text-align:center}.link-node img{width:170px;display:block;margin:auto}.link-node b,.relay-node b,.gcs-node b{display:block}.link-node small,.relay-node small,.gcs-node small{color:#86a399;font-size:.58rem}.relay-node,.gcs-node{font-size:2rem;color:#f4c651}.link-line{height:70px;position:relative;border-top:2px dashed #2fc9a0;display:flex;justify-content:center;margin-top:25px}.link-line span{font-size:.55rem;color:#86a399;margin-top:9px}.packet{width:9px;height:9px;border-radius:50%;background:#f4c651;position:absolute;top:-6px;animation:packet 2.8s linear infinite}.packet.p2{animation-delay:1.4s}.check-list{display:grid;gap:10px;font-size:.65rem}.check-list label,.mission-checks label{display:flex;gap:9px;align-items:center;color:#c5d6cf}.check-list input,.mission-checks input{accent-color:#1cd5a4}.log-panel{padding:0}.log-filters{padding:13px 13px 0;display:flex;gap:7px}.table-wrap{overflow:auto;padding:12px}.log-table{width:100%;border-collapse:collapse;font-size:.66rem;min-width:840px}.log-table th{text-align:left;color:#91ac9f;font-size:.55rem;letter-spacing:.06em;padding:10px;border-bottom:1px solid #245143}.log-table td{padding:11px 10px;border-bottom:1px solid #173d33}.log-level{font-size:.55rem;font-weight:900;border-radius:8px;padding:4px 6px;display:inline-block}.log-level.INFO{background:#133c31;color:#74dfbf}.log-level.WARN{background:#4f3d1c;color:#ffd475}.log-level.ERROR{background:#4c2024;color:#ff9da4}.brief-title{font-size:1.35rem;margin:6px 0}.brief-copy{color:#a0b8ae;font-size:.75rem;line-height:1.65}.brief-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.brief-steps div{background:#09261f;border:1px solid #1e4b3f;border-radius:11px;padding:11px}.brief-steps span{color:#f4c651;font-weight:900;font-size:.7rem}.brief-steps b{display:block;font-size:.68rem;margin-top:5px}.brief-steps small{display:block;color:#7f9a90;font-size:.55rem;margin-top:3px}.constraint-list{display:grid;gap:11px}.constraint-list div{display:flex;gap:10px;border-bottom:1px solid #173d33;padding-bottom:10px}.constraint-list i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#123b31;color:#55dbb5;font-style:normal}.constraint-list span{display:flex;flex-direction:column}.constraint-list b{font-size:.7rem}.constraint-list small{font-size:.58rem;color:#88a297}.mission-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mission-checks label{border:1px solid #214c40;background:#09261f;padding:10px;border-radius:10px;font-size:.62rem}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-card{padding:16px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #173d33}.setting-row span{display:flex;flex-direction:column}.setting-row b{font-size:.7rem}.setting-row small{font-size:.58rem;color:#84a096;margin-top:3px}.setting-row input{width:42px;height:22px;accent-color:#1cd5a4}.setting-block{display:grid;gap:7px;margin:11px 0}.setting-block>span{font-size:.62rem;color:#8ea89e}.about-proto{display:flex;gap:14px;align-items:center}.about-proto img{width:75px}.about-proto h3{margin:0 0 6px}.about-proto p{color:#96b0a5;font-size:.65rem;line-height:1.5}.about-proto span{font-size:.55rem;color:#67877c}.scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:35}.modal{border:0;background:transparent;padding:0;color:#fff}.modal::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.modal-card{width:min(650px,calc(100vw - 30px));background:#0b2922;border:1px solid #2b6657;border-radius:18px;padding:16px;box-shadow:0 25px 70px #000}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:2px 0}.calibration-body{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center;padding:18px 0}.cal-gauge{display:grid;place-items:center}.gauge-ring{width:130px;height:130px;border-radius:50%;background:conic-gradient(#1cd5a4 0%,#173b32 0);display:grid;place-items:center;position:relative}.gauge-ring:after{content:"";width:96px;height:96px;border-radius:50%;background:#0b2922;position:absolute}.gauge-ring span{z-index:2;font-weight:900;font-size:1.3rem}.calibration-body p,.calibration-body li{color:#9cb6ab;font-size:.68rem;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:20px;bottom:20px;z-index:100;transform:translateY(140%);opacity:0;transition:.25s;background:#0e332a;border:1px solid #28705d;border-radius:12px;padding:11px 14px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:250px}.toast.show{transform:none;opacity:1}.toast b{font-size:.72rem}.toast span{font-size:.62rem;color:#92afa3}.mobile-only{display:none}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}@keyframes fade{from{opacity:.2;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes packet{from{left:0}to{left:100%}}
html[data-contrast="high"]{--panel:#103c31;--panel2:#124638;--line:#2b9e80;--muted:#c0d3cb;--bg:#020a08;--bg2:#061913}html[data-compact="1"] .workspace{padding:16px}html[data-compact="1"] .panel{padding:12px}html[data-compact="1"] .metric-card{min-height:80px}.map-motion-off #ugvMarker,.map-motion-off #ugvMarkerLarge{transition:none!important}
@media(max-width:1250px){.app-shell{grid-template-columns:220px 1fr}.sidebar{width:220px}.topbar-right .status-pill:nth-child(2),.operator-btn small{display:none}.span-2{grid-column:span 3}.span-4{grid-column:span 6}.span-5{grid-column:span 6}.span-8{grid-column:span 12}.alert-panel{grid-column:span 6}.vehicle-card{grid-column:span 6}.mission-card{grid-column:span 6}.sensor-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.app-shell{display:block}.sidebar{transform:translateX(-105%);transition:.25s;width:268px}.sidebar.open{transform:none}.main-area{grid-column:auto}.scrim.show{display:block}.mobile-only{display:grid;place-items:center}.topbar{padding:10px 13px}.topbar-right .status-pill,.operator-btn{display:none}.workspace{padding:14px}.section-heading{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.span-2,.span-3,.span-4,.span-5,.span-7,.span-8,.span-9,.span-12{grid-column:span 1}.map-layout{grid-template-columns:1fr}.tactical-map-large{height:500px}.sensor-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.mission-checks{grid-template-columns:1fr 1fr}.brief-steps{grid-template-columns:1fr 1fr}.link-diagram{grid-template-columns:1fr}.link-line{height:35px;border-top:0;border-left:2px dashed #2fc9a0;margin:0 auto;width:2px}.link-line span{display:none}.panel-head{flex-wrap:wrap}.vehicle-stage{height:230px}}

/* v2 realtime-ready additions */
.skip-link{position:fixed;left:10px;top:10px;z-index:9999;transform:translateY(-160%);background:#f4c651;color:#071a16;padding:9px 12px;border-radius:8px;font-weight:800}.skip-link:focus{transform:none}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(244,198,81,.85);outline-offset:2px}
.dot.warn{background:#f4c651;box-shadow:0 0 0 4px rgba(244,198,81,.12)}.dot.offline{background:#ff6872;box-shadow:0 0 0 4px rgba(255,104,114,.12)}
.warning-pill{border-color:#866b2d!important;background:#322a17!important}.danger-pill{border-color:#834047!important;background:#351c20!important}
.realtime-card{grid-column:1/-1}.connection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.setting-block .input{width:100%;box-sizing:border-box}.setting-block[hidden]{display:none!important}
.connection-status{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 12px;margin:12px 0;background:#081f1a;border:1px solid #204c40;border-radius:10px}.connection-status b{font-size:.7rem}.connection-status small{display:block;color:#82a094;font-size:.58rem;margin-top:2px}.connection-led{width:11px;height:11px;border-radius:50%}.connection-led.online{background:#1cd5a4;box-shadow:0 0 0 4px rgba(28,213,164,.12)}.connection-led.warn{background:#f4c651;box-shadow:0 0 0 4px rgba(244,198,81,.12)}.connection-led.offline{background:#ff6872;box-shadow:0 0 0 4px rgba(255,104,114,.12)}.connection-last{color:#78988c;font-size:.56rem;text-align:right}.connection-actions{display:flex;flex-wrap:wrap;gap:8px}.security-note{margin-top:12px;padding:10px 12px;border-left:3px solid #f4c651;background:rgba(244,198,81,.06);color:#9eb8ae;font-size:.6rem;line-height:1.5}.security-note b{color:#e9c563}.contract-list{display:grid;gap:8px;margin:8px 0 13px}.contract-list div{display:grid;grid-template-columns:145px 1fr;gap:12px;padding-bottom:7px;border-bottom:1px solid #173d33}.contract-list b{font-size:.6rem;color:#dfebe6}.contract-list span{font-size:.58rem;color:#83a196}.select:disabled,.input:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1250px){.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.connection-grid{grid-template-columns:1fr}.connection-status{grid-template-columns:auto 1fr}.connection-last{grid-column:2;text-align:left}.contract-list div{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}