:root{--cmd:212px;--intel:310px;--head:62px;--foot:24px;--cyan:#29cdf5;--line:#17485b;--panel:#06141d;--text:#dceff6;--muted:#6f99aa}
html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#02070a}
#app{display:grid!important;grid-template-columns:var(--cmd) minmax(0,1fr);grid-template-rows:var(--head) minmax(0,1fr) var(--foot);position:relative!important}
header{grid-column:1/-1;grid-row:1;position:relative!important;inset:auto!important;height:auto!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 12px!important;background:linear-gradient(180deg,#071b25,#05131b)!important;border-bottom:1px solid #23708b!important;z-index:40}
header .brand{font:900 20px/1 "Segoe UI",Arial!important;letter-spacing:.22em!important;color:#f1fbff!important}
header .live{padding:6px 8px!important;border:1px solid #1fb97e!important;background:#073224!important;color:#59f3b9!important;font-size:10px!important;font-weight:900!important}
#modeText{font-size:10px!important;color:#83b2c4!important;letter-spacing:.1em!important}
#incidentSummary{display:flex!important;gap:5px!important;align-items:center!important;min-width:0!important;overflow:hidden!important}
#updated{margin-left:auto!important;max-width:400px!important;color:#729cad!important;font-size:9px!important;line-height:1.25!important}
#missionSidebar{grid-column:1;grid-row:2;background:#050f16;border-right:1px solid var(--line);padding:10px 8px;overflow:auto;z-index:20;user-select:none;-webkit-user-select:none}
#missionSidebar .sec{margin-bottom:13px}.sidebarSectionTitle{font-size:9px;font-weight:900;letter-spacing:.17em;color:#6595a8;margin:0 4px 6px;padding-bottom:6px;border-bottom:1px solid #153845}
.regionButtons{display:flex;flex-wrap:wrap;gap:4px}.regionButtons button{height:28px;padding:0 9px;border:1px solid #1a4557;background:#071a24;color:#a9c7d2;font-size:9px;font-weight:900;cursor:pointer}.regionButtons button:first-child{width:100%;color:#fff}.regionButtons button.on{background:#0b3b4f;border-color:#2acbf4;box-shadow:inset 3px 0 #2acbf4}
.hazardButtons{display:grid;grid-template-columns:1fr 1fr;gap:4px}.hazardButtons button{height:31px;position:relative;padding:0 7px 0 23px;text-align:left;border:1px solid #173b4b;background:#071923;color:#91afbb;font-size:9px;font-weight:900;cursor:pointer}.hazardButtons button:before{content:"";position:absolute;left:9px;top:11px;width:6px;height:6px;border-radius:50%;border:1px solid #4d7382}.hazardButtons button.on{background:#092a39;color:#eefbff;border-color:#1e6179}.hazardButtons button.on:before{background:#29cdf5;border-color:#29cdf5;box-shadow:0 0 7px #29cdf5}
#savedLocationsList{display:flex;flex-direction:column;gap:5px}.savedLocationCard{padding:8px;background:#071923;border:1px solid #163b4b;border-left:3px solid #22d49a;cursor:pointer}.savedLocationCardTop{display:flex;justify-content:space-between;font-size:11px;font-weight:900;color:#eefbff}.savedLocationState{font-size:8px;color:#27e1a6;font-weight:900;letter-spacing:.09em;margin-top:3px}.savedLocationMeta{font-size:9px;color:#789eae;margin-top:4px;line-height:1.35}
.operationsButtons{display:grid;grid-template-columns:1fr 1fr;gap:4px}.operationsButtons button{height:30px;border:1px solid #205267;background:#08202c;color:#d4e9f1;font-size:9px;font-weight:900;cursor:pointer}
nav,#layersPanel{display:none!important}
.main{grid-column:2;grid-row:2;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) var(--intel)!important;min-width:0!important;background:#02070a}
#map{position:relative!important;inset:auto!important;width:auto!important;height:100%!important;grid-column:1;min-width:0!important;border-right:1px solid var(--line)!important}
.main>aside.side{position:relative!important;inset:auto!important;width:auto!important;height:100%!important;grid-column:2;display:flex!important;flex-direction:column!important;padding:0!important;background:#05131c!important;border:0!important}
#feedHeading{flex:0 0 48px;margin:0!important;padding:14px 12px!important;background:#071d28!important;border-bottom:1px solid #20556a!important;color:#eefbff!important;font-size:11px!important;letter-spacing:.14em!important}
#feedHeading:before{content:"INTELLIGENCE // ";color:#2acbf4}
#feed{position:relative!important;inset:auto!important;flex:1!important;overflow:auto!important}
#feed>div{margin:0!important;padding:10px 10px 10px 12px!important;min-height:64px!important;background:#061720!important;border:0!important;border-bottom:1px solid #163642!important;border-left:3px solid #d48e18!important}
#feed>div:hover{background:#09232f!important}
footer{grid-column:1/-1;grid-row:3;position:relative!important;inset:auto!important;height:auto!important;display:flex!important;align-items:center!important;padding:0 8px!important;background:#041119!important;border-top:1px solid #17485b!important;font-size:8px!important;color:#5f899a!important}
#ewAnalysis{right:calc(var(--intel) + 12px)!important;top:74px!important;width:390px!important;max-height:calc(100% - 100px)!important}
#alertCentre,#ewReplay,#ewSimulator{left:calc(var(--cmd) + 12px)!important;top:74px!important}
@media(max-width:1500px){:root{--cmd:195px;--intel:285px}header .brand{font-size:17px!important}#updated{max-width:280px!important}}