
/* v7.30.1 — clean map canvas, dock legends in Intelligence, restore conventional map controls. */
#mapHint{display:none!important}
#declutterNote{left:50%!important;top:8px!important;bottom:auto!important;transform:translateX(-50%)!important;padding:3px 7px!important;font-size:8px!important;opacity:.78}
.mapcredit{left:auto!important;right:8px!important;bottom:8px!important;width:auto!important;max-width:340px!important;padding:3px 6px!important;font-size:8px!important;opacity:.72}
#zoomPanel{left:10px!important;top:auto!important;bottom:10px!important;z-index:30!important}
#zoomPanel button,#zoomLevel{min-width:36px!important}
/* The map no longer owns explanatory legends. */
#map>.legend{display:none!important}
#mapKeyPanel{flex:0 0 auto;border-top:1px solid #20556a;background:#061720;padding:8px 10px 9px;color:#9fbac5;font:800 8px/1.35 "Segoe UI",Arial;overflow:hidden}
#mapKeyPanel .dockTitle{color:#62cfee;font-size:8px;font-weight:950;letter-spacing:.14em;margin-bottom:6px}
#mapKeyPanel .general{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
#mapKeyPanel .general span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
#mapKeyPanel .general i{width:6px;height:6px;border-radius:50%;display:inline-block;box-shadow:0 0 5px currentColor;background:currentColor}
#mapKeyPanel .general .gd i{width:8px;height:8px;border-radius:0;background:transparent;border:1px solid #51dcff;transform:rotate(45deg);box-shadow:none}
#mapKeyPanel .cyclone{display:grid;grid-template-columns:auto auto auto auto;align-items:center;justify-content:start;gap:4px 10px;padding-top:6px;border-top:1px solid #123744}
#mapKeyPanel .cyTitle{grid-column:1/-1;color:#69e6c0;font-size:8px;letter-spacing:.1em;margin-bottom:1px}
#mapKeyPanel .line{display:inline-block;width:25px;height:3px;background:#25d878;vertical-align:middle;margin-right:4px}
#mapKeyPanel .line.future{background:repeating-linear-gradient(90deg,#25d878 0 5px,transparent 5px 9px)}
#mapKeyPanel .cone{display:inline-block;width:25px;height:8px;border-radius:50%;background:rgba(44,159,199,.25);border:1px solid rgba(85,201,238,.35);vertical-align:middle;margin-right:4px}
#mapKeyPanel .intensity{grid-column:1/-1;display:flex;align-items:center;gap:4px;white-space:nowrap;color:#91adba}
#mapKeyPanel .intensity b{color:#d8eef5;margin-right:2px}.mapKeyDot{width:6px;height:6px;border-radius:50%;display:inline-block}.mapKeyTD{background:#22a8ff}.mapKeyTS{background:#25d878}.mapKeyCat1{background:#ffe11a}.mapKeyCat2{background:#ff9f1a}.mapKeyCat3{background:#ff4b4b}.mapKeyCat4{background:#e84cff}.mapKeyCat5{background:#b84cff}
/* Header: one deliberate row. Remove duplicate top-panel toggles and use the freed space for situational summary. */
header{height:62px!important;min-height:62px!important;display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto auto!important;align-items:center!important;column-gap:12px!important;padding:0 12px!important;overflow:hidden!important}
header:before{grid-column:1;grid-row:1;margin:0!important}
header .brand{grid-column:2;grid-row:1;white-space:nowrap!important;margin:0!important}
header #modeText{grid-column:3;grid-row:1;justify-self:start;white-space:nowrap}
header #incidentSummary{grid-column:3;grid-row:1;justify-self:center;max-width:72%;padding-left:0!important;border-left:0!important;overflow:hidden!important}
header #updated{grid-column:4;grid-row:1;margin:0!important;padding-left:10px!important;max-width:260px!important}
header #coverageButton{grid-column:5;grid-row:1;height:30px!important;padding:0 9px!important;font-size:9px!important}
#uiControls{display:none!important}
#mapViewToggleButton{height:20px!important;min-height:20px!important;padding:0 7px!important;border:1px solid #245469!important;background:#071c26!important;color:#9fc4d1!important;font-size:8px!important;font-weight:900!important;pointer-events:auto!important}
#mapViewToggleButton.on{border-color:#2acbf4!important;color:#e9fbff!important;background:#0a3344!important}
#statusBar{z-index:60!important}
@media(max-width:1300px){header #updated{display:none!important}header{grid-template-columns:auto auto minmax(0,1fr) auto!important}header #coverageButton{grid-column:4}header #incidentSummary{max-width:82%}}
