:is(#hazardsCommandStage,#hazardsMapStage) { --nh-radius: 12px; }
:is(#hazardsCommandStage,#hazardsMapStage) .hazards-command-head { background:linear-gradient(125deg,rgba(32,139,183,.13),rgba(219,110,45,.06));border-radius:var(--nh-radius) var(--nh-radius) 0 0; }
:is(#hazardsCommandStage,#hazardsMapStage) .nh-tabs { display:flex;gap:5px;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--border); }
:is(#hazardsCommandStage,#hazardsMapStage) .nh-tabs button { border:1px solid var(--border);border-radius:9px;background:var(--bg-card);color:var(--text);padding:9px 14px;font:600 11px var(--font-mono);cursor:pointer; }
:is(#hazardsCommandStage,#hazardsMapStage) .nh-tabs button[aria-selected="true"] { color:var(--text-bright);background:rgba(56,189,248,.16);border-color:#38bdf8;box-shadow:inset 0 -2px #38bdf8; }
:is(#hazardsCommandStage,#hazardsMapStage) .nh-control-panel { padding:8px; }
:is(#hazardsCommandStage,#hazardsMapStage) .nh-control-panel[hidden] { display:none!important; }
:is(#hazardsCommandStage,#hazardsMapStage) #hazardsCommandFilters { display:flex;gap:7px;flex-wrap:wrap;align-items:stretch;padding:0;border:0; }
:is(#hazardsCommandStage,#hazardsMapStage) .hazards-command-filter { display:flex;gap:7px;align-items:center;min-height:42px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s; }
:is(#hazardsCommandStage,#hazardsMapStage) .hazards-command-filter:hover { border-color:var(--hazard-color,#38bdf8);background:rgba(56,189,248,.08); }
:is(#hazardsCommandStage,#hazardsMapStage) .hazards-command-filter.active { border-color:var(--hazard-color,#38bdf8);box-shadow:inset 0 -2px var(--hazard-color,#38bdf8);background:rgba(56,189,248,.1); }
.nh-chip-icon { display:grid;place-items:center;min-width:25px;height:25px;border-radius:7px;background:rgba(127,127,127,.12);color:var(--hazard-color,#38bdf8);font-size:14px;font-weight:800; }
.nh-chip-copy { display:grid;gap:2px;text-align:left;font-size:10px; }
.nh-chip-copy small { color:var(--text-muted);font-size:9px; }
.nh-more-filters { flex:1 1 100%;border:1px solid var(--border);border-radius:8px;padding:8px; }
.nh-more-filters > summary { cursor:pointer;font-size:10px;color:var(--text-muted); }
.nh-more-grid { display:flex;gap:6px;flex-wrap:wrap;padding-top:8px; }
.nh-layer-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:8px;margin-block:8px; }
.nh-layer-option { display:flex;align-items:flex-start;gap:8px;border:1px solid var(--border);border-radius:9px;padding:10px;background:var(--bg-card); }
.nh-layer-option input { margin-top:3px;accent-color:#38bdf8; }
.nh-layer-option strong { display:block;color:var(--text-bright);font-size:11px; }
.nh-layer-option small,.nh-note { display:block;color:var(--text-muted);font-size:10px;line-height:1.5; }
.nh-toolbar-row { display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding-block:5px; }
.nh-toolbar-row input[type="search"] { min-width:0;flex:1 1 150px; }
.nh-toolbar-row select { max-width:100%;padding:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:6px; }
.nh-state { border-left:3px solid #38bdf8;padding:7px 10px;color:var(--text-muted);font-size:10px;line-height:1.5; }
.nh-state[data-state="partial"],.nh-state[data-state="stale"] { border-color:#fbbf24; }
.nh-source-details { border:1px solid var(--border);border-radius:8px;padding:8px;margin-block:8px; }
.nh-source-details summary { cursor:pointer;font-weight:600;font-size:11px; }
.nh-source-row { padding:7px;border-bottom:1px solid var(--border);font-size:10px;line-height:1.5;overflow-wrap:anywhere; }
.nh-source-row:last-child { border-bottom:0; }
.nh-event { width:100%;text-align:left;display:block;border:1px solid var(--border);border-left:3px solid var(--hazard-color);border-radius:8px;padding:9px;margin-block:6px;background:var(--bg-card);color:var(--text);cursor:pointer; }
.nh-event strong { display:block;font-size:11px;line-height:1.45; }
.nh-event small { display:block;font-size:9px;color:var(--text-muted);margin-top:4px; }
.nh-new { display:inline-block;padding:1px 5px;margin-right:5px;border-radius:4px;background:#facc15;color:#172033;font:700 9px var(--font-mono); }
.nh-event[data-fresh="true"] { animation:nh-alert-pulse 2.5s ease-in-out infinite; }
@keyframes nh-alert-pulse { 0%,100%{box-shadow:0 0 0 0 rgba(250,204,21,.05)}50%{box-shadow:0 0 0 2px rgba(250,204,21,.55)} }
.nh-more { width:100%;padding:9px;border:1px solid var(--border);border-radius:7px;background:var(--bg-card);color:var(--text-bright);cursor:pointer; }
.nh-detail { border:1px solid var(--border);border-radius:10px;padding:10px;margin-block:8px;background:var(--bg-card);color:var(--text);font-size:11px;line-height:1.5;overflow-wrap:anywhere; }
.nh-detail h3 { font-size:13px;line-height:1.4;margin:0 0 8px; }
.nh-detail pre { white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:280px;overflow:auto; }
.nh-detail a { color:var(--accent); }
.nh-weather-card { display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px;border:1px solid var(--border);border-radius:8px;margin-block:8px; }
.nh-weather-card .nh-degrees { grid-column:1/-1;font-size:25px;font-weight:700;color:var(--nh-temp-color); }
.nh-gauge { min-width:0;font-size:10px; }
.nh-gauge strong { display:block; }
.nh-gauge-track { height:6px;margin-top:5px;border-radius:3px;background:rgba(127,127,127,.2);overflow:hidden; }
.nh-gauge-track span { display:block;height:100%;background:var(--nh-gauge-color);width:var(--nh-fill); }
.nh-gauge[data-missing="true"] .nh-gauge-track { background:repeating-linear-gradient(135deg,transparent,transparent 3px,rgba(127,127,127,.3) 3px,rgba(127,127,127,.3) 6px); }
.nh-scale { display:flex;gap:8px;flex-wrap:wrap;font-size:10px;margin-block:7px; }
.nh-scale span { border-bottom:3px solid var(--nh-color);padding-bottom:3px; }
:is(#hazardsCommandStage,#hazardsMapStage) .hazards-command-rail { min-height:0;max-height:660px;overflow:auto; }
:is(#hazardsCommandStage,#hazardsMapStage) .hazards-command-map { min-height:430px; }
.nh-map-note { position:absolute;bottom:8px;left:8px;max-width:65%;z-index:3;background:rgba(9,18,31,.9);color:#e2e8f0;border:1px solid #475569;border-radius:6px;padding:6px 8px;font-size:10px;pointer-events:none; }
#nhFullscreenControls { display:none; }
.watchtower-map-lightbox-stage > #hazardsMapStage > #nhFullscreenControls { display:block!important;position:absolute;left:8px;top:8px;z-index:11;min-height:40px;padding:8px 12px;background:var(--bg-card);color:var(--text-bright); }
.watchtower-map-lightbox-stage > #hazardsMapStage.nh-fullscreen-controls-open > #nhTabs { display:flex!important;position:absolute;left:8px;top:54px;width:min(480px,calc(100% - 16px));box-sizing:border-box;z-index:10;background:var(--bg-card);border:1px solid var(--border);border-radius:9px 9px 0 0; }
.watchtower-map-lightbox-stage > #hazardsMapStage.nh-fullscreen-controls-open > #nhControlPanels { display:block!important;position:absolute;left:8px;top:108px;width:min(480px,calc(100% - 16px));max-height:calc(100% - 130px);overflow:auto;box-sizing:border-box;z-index:10;background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 9px 9px; }
@media(max-width:600px) { :is(#hazardsCommandStage,#hazardsMapStage) .nh-tabs button{flex:1 1 auto;padding:9px 7px;font-size:10px;}:is(#hazardsCommandStage,#hazardsMapStage) .hazards-command-filter{padding:6px;min-height:44px;}.nh-chip-copy{font-size:9px;}:is(#hazardsCommandStage,#hazardsMapStage) .hazards-command-rail{max-height:480px;}.nh-layer-grid{grid-template-columns:1fr;} }
@media(prefers-reduced-motion:reduce) { .nh-event[data-fresh="true"]{animation:none;border-color:#facc15;}:is(#hazardsCommandStage,#hazardsMapStage) *{scroll-behavior:auto;} }