/* Top navigation and a shared, edge-docked workspace. */
:root{--ops-panel-width:clamp(240px,23vw,320px);--ops-dock-width:0px;--ops-notice-width:clamp(240px,23vw,310px)}
body #header{inset:0 0 auto!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:'brand nav tools' 'modes modes modes';gap:4px 10px;height:auto!important;min-height:0!important;padding:5px 10px 7px!important;border-radius:0;box-sizing:border-box;background:#080f1b}
#header .header-left{grid-area:brand;gap:8px;min-width:0}
#header .fishacat-home img{width:112px!important;height:auto!important}
#header h1{font-size:16px!important;white-space:nowrap}
#header h1 small{font-size:9px}
#header .header-right{grid-area:tools;margin:0;gap:5px}
#header .header-search-btn{min-width:30px;width:30px;padding:6px}
#header .header-search-btn span{display:none}
body #header #primary-nav{grid-area:nav;position:static!important;inset:auto!important;display:flex;flex-direction:row;width:auto!important;height:48px!important;min-height:0;max-height:none;padding:0;margin:0;border:0;border-radius:0;background:transparent;overflow-x:auto;overflow-y:hidden;align-items:stretch;justify-content:flex-end}
#header .ops-nav-main,#header .ops-nav-utilities{display:contents}
body #header #primary-nav .primary-nav-btn{display:flex;position:relative;flex:1 0 48px!important;min-width:48px!important;max-width:78px;width:auto;min-height:44px!important;height:48px;padding:4px 3px;margin:0;gap:4px;align-items:center;justify-content:center;flex-direction:column;border:0;border-left:1px solid #ffffff12;border-bottom:2px solid transparent;border-radius:0;font:500 9px/1.15 Inter,Arial,sans-serif;text-align:center}
#header #primary-nav .primary-nav-btn svg{width:18px;height:18px;flex-shrink:0}
#header #primary-nav .primary-nav-btn[aria-expanded=true],#header #primary-nav .primary-nav-btn[aria-pressed=true]{border-bottom-color:#ffc300;background:#ffc30018}
#header #primary-nav .primary-nav-badge{position:absolute;top:0;right:2px;font-size:8px;min-width:16px;padding:1px 3px}
body #header #weather-modes{grid-area:modes;display:flex!important;flex-wrap:nowrap;gap:5px;padding:0;margin:0;overflow-x:auto;justify-content:stretch}
#header #weather-modes button{flex:1 0 auto;width:auto;min-height:30px;padding:5px 10px!important;font-size:10px!important;white-space:nowrap}
body #map,body #ops-future-map{top:var(--responsive-header-height,94px)!important;left:var(--ops-dock-width)!important;right:0!important;bottom:0!important;width:auto!important}
body :is(#layers-panel,#alerts-panel,#search-panel,#situation-panel,#ops-settings,#discussion-panel):is(#layers-panel,#alerts-panel,#search-panel,#situation-panel,#ops-settings,#discussion-panel){position:fixed;top:var(--responsive-header-height,94px)!important;left:0!important;right:auto!important;bottom:0!important;width:var(--ops-panel-width)!important;min-width:0!important;max-width:100vw!important;height:calc(100dvh - var(--responsive-header-height,94px))!important;max-height:calc(100dvh - var(--responsive-header-height,94px))!important;margin:0;padding:12px;box-sizing:border-box;border:0!important;border-right:1px solid #ffc300!important;border-radius:0!important;background:#0b1c29!important;backdrop-filter:none;box-shadow:none!important;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;font:12px/1.45 Inter,Arial,sans-serif;color:#edf4fb}
body :is(#layers-panel,#alerts-panel,#search-panel,#situation-panel,#ops-settings,#discussion-panel) :is(h2,h3){font:800 15px/1.3 Inter,Arial,sans-serif;margin:0 0 12px}
body :is(#layers-panel,#alerts-panel,#search-panel,#situation-panel,#ops-settings,#discussion-panel) :is(input,select,button,summary,label){font-family:Inter,Arial,sans-serif;font-size:12px;max-width:100%;box-sizing:border-box}
#ops-settings summary{font-weight:700}#ops-settings h3,#layers-panel .panel-subhead{color:#ffc300!important;font-size:11px!important}
#ops-settings details{padding:12px 0}#ops-settings h2{margin:0}#ops-settings header{margin-bottom:12px}
#alerts-panel .warning-field{grid-template-columns:18px 48px minmax(0,1fr)!important;gap:5px!important;margin:7px 0!important}
#alerts-panel .warning-field-icon svg{width:18px!important;height:18px!important}
#alerts-panel .warning-field-value{font-size:11px;line-height:1.4;padding:6px!important}
#alerts-panel .warning-field-label{font-size:9px}#alerts-panel .alert-list-button>strong{font-size:14px}
#alerts-panel .alerts-header{gap:6px}#alerts-panel .alert-list-button{max-width:100%;box-sizing:border-box}
#search-panel .search-filters{gap:6px}#search-panel input{min-width:0}#search-panel .camera-result{grid-template-columns:minmax(0,1fr) auto;gap:5px}
body #radar-controls{left:calc(50% + var(--ops-dock-width)/2)!important;right:auto!important;transform:translateX(-50%)!important;max-width:calc(100vw - var(--ops-dock-width) - 24px)!important;box-sizing:border-box}
#radar-controls .fishacat-product-toolbar{flex-wrap:wrap!important}
body .ops-map-legal{left:calc(var(--ops-dock-width) + 6px)!important;max-width:calc(100vw - var(--ops-dock-width) - 12px);bottom:20px}
body :is(#impact-map-notice,#explorer-stream-alert){top:var(--ops-notice-top,var(--responsive-header-height,94px))!important;right:8px!important;left:auto!important;bottom:auto!important;width:var(--ops-notice-width)!important;max-width:calc(100vw - 16px);max-height:calc(100dvh - var(--ops-notice-top,var(--responsive-header-height,94px)) - 100px)!important;border-radius:8px;box-sizing:border-box;overflow-y:auto;font:12px/1.4 Inter,Arial,sans-serif}
#impact-map-notice .impact-notice-body{padding:10px 24px 10px 10px;font-size:11px}#impact-map-notice .impact-notice-body strong{font-size:14px;margin:6px 0}#impact-map-notice .impact-notice-body span{font-size:8px}#impact-map-notice .impact-notice-body small{font-size:9px}
body #explorer-stream-alert.warning-popup-card{padding:10px;font-size:12px}
#explorer-stream-alert.warning-popup-card .warning-popup-row{grid-template-columns:18px 48px minmax(0,1fr);gap:5px}
#explorer-stream-alert.warning-popup-card .warning-popup-row svg{width:18px;height:18px}
#explorer-stream-alert.warning-popup-card .warning-popup-row dd{padding:6px;font-size:11px}
@media(max-width:1100px){#header .fishacat-home img{width:90px!important}#header h1{font-size:13px!important}#header .status-chip{font-size:9px;padding:3px 5px}body #header{gap:4px 6px}body #header #primary-nav .primary-nav-btn{flex-basis:43px!important;min-width:43px!important;font-size:8px}}
@media(max-width:800px){body #header{grid-template-areas:'brand tools' 'nav nav' 'modes modes';grid-template-columns:1fr auto}body #header #primary-nav{justify-content:stretch;height:46px!important}body #header #primary-nav .primary-nav-btn{max-width:none;height:46px}#header #weather-modes button{font-size:10px!important}}
@media(max-width:600px){body{--ops-dock-width:0px!important;--ops-panel-width:min(320px,88vw)}body #radar-controls{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}body .ops-map-legal{bottom:18px;font-size:8px}body #header #primary-nav .primary-nav-btn{font-size:8px;min-width:44px!important}body :is(#impact-map-notice,#explorer-stream-alert){max-height:45dvh!important}}

#primary-nav #btn-radar{order:1}#primary-nav #btn-alerts{order:2}#primary-nav #btn-search{order:3}#primary-nav #btn-layers{order:4}#primary-nav a[href="/get-involved"]{order:5}#primary-nav a[href="/support"]{order:6}#primary-nav #btn-ops-settings{order:7}#primary-nav a[href="/about"]{order:8}#primary-nav #btn-operations-help{order:9}
@media(min-width:601px) and (max-width:1100px){
 #radar-controls .fishacat-scan-meta{flex-basis:78px!important}
 #radar-controls .fishacat-product-toolbar{gap:3px!important}
 #radar-controls .fishacat-product-toolbar select{width:100px!important;min-width:80px!important;font-size:9px!important}
 #radar-controls .fishacat-product-toolbar button.fishacat-radar-icon,#radar-controls #radar-drawing-tools button{width:21px!important;min-width:21px!important;padding:2px!important}
}
@media(max-width:600px){
 body :is(#layers-panel,#alerts-panel,#search-panel,#situation-panel,#ops-settings,#discussion-panel){z-index:1800}
 body :is(#layers-panel,#search-panel,#ops-settings) input:is([type=search],[type=text]){font-size:16px}
}

/* Scanner joins the upper-right stack; embeds and minimize controls stay intact. */
body.ops-docked-layout #scanner-radio-panel{left:auto!important;right:8px!important;top:var(--ops-scanner-top,calc(var(--responsive-header-height,94px) + 6px))!important;bottom:auto;width:min(320px,calc(100vw - 16px));max-height:max(80px,calc(100dvh - var(--ops-scanner-top,calc(var(--responsive-header-height,94px) + 6px)) - 16px))!important}

/* Camera actions fit the narrow dock without hidden horizontal scrolling. */
.incident-cameras li{min-width:0}
.incident-camera-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important;overflow:visible!important;width:100%}
.incident-camera-actions button{min-width:0;white-space:normal!important;overflow-wrap:anywhere;padding:6px!important;font-size:11px!important;line-height:1.3}
.incident-camera-actions .incident-camera-select{grid-column:1/-1}
.incident-camera-select[aria-pressed=true]{background:#ffc300;color:#081a28}
.incident-monitor-tools{display:grid;grid-template-columns:1fr;gap:6px;padding:9px;margin:8px 0;border:1px solid #526474;border-radius:6px;background:#122735}
.incident-monitor-tools p{margin:0;font-size:11px;line-height:1.4}
.incident-monitor-tools button{width:100%;min-width:0;white-space:normal;padding:7px;border:1px solid #ffc300;border-radius:5px;background:#142c41;color:white;cursor:pointer}
.incident-monitor-tools button:disabled,.incident-camera-actions button:disabled{opacity:.55;cursor:default}

#discussion-panel{z-index:1800}#discussion-panel.hidden{display:none!important}#discussion-panel h2{padding-right:26px}#discussion-panel .discussion-close{float:right;border:1px solid #526474;border-radius:5px;background:#142c41;color:white;padding:3px 9px;cursor:pointer}#discussion-panel .context-popup{display:flex;flex-direction:column;gap:12px;overflow-wrap:anywhere;font:12px/1.5 Inter,Arial,sans-serif}#discussion-panel .context-popup strong{font-size:15px}#discussion-panel .context-popup a{color:#ffc300}

#discussion-panel .context-popup,#discussion-panel .context-popup>span,#discussion-panel .context-popup>strong{color:#edf4fb}#discussion-panel .context-popup>strong{color:#ffc300}

/* Selected river, buoy and impact readings share the upper-right detail slot. */
body.ops-docked-layout .ops-reading-popup{position:fixed!important;top:var(--ops-reading-top,calc(var(--responsive-header-height,94px) + 6px))!important;right:8px!important;left:auto!important;bottom:auto!important;transform:none!important;margin:0!important;width:min(320px,calc(100vw - 16px));z-index:1250;font:12px/1.45 Inter,Arial,sans-serif}
body.ops-docked-layout .ops-reading-popup.ops-reading-gauge{width:min(480px,calc(100vw - var(--ops-dock-width) - 16px))}
body.ops-docked-layout .ops-reading-popup .leaflet-popup-tip-container{display:none}
body.ops-docked-layout .ops-reading-popup .leaflet-popup-content-wrapper{background:#091725;color:#fff;border:1px solid #ffc300;border-radius:12px;padding:1px;box-shadow:0 5px 18px #0005}
body.ops-docked-layout .ops-reading-popup .leaflet-popup-content{width:auto!important;max-width:none!important;margin:14px!important;padding-right:8px;max-height:var(--ops-reading-content-height,calc(100dvh - 250px))!important;overflow:auto;overscroll-behavior:contain}
body.ops-docked-layout .ops-reading-popup .context-popup{font:12px/1.45 Inter,Arial,sans-serif;overflow-wrap:anywhere}
body.ops-docked-layout .ops-reading-popup .context-popup>strong{font-size:15px}
body.ops-docked-layout .ops-reading-popup a{color:#ffc300}
body.ops-docked-layout .ops-reading-popup .leaflet-popup-close-button{color:white;font-size:22px;right:4px;top:4px}
@media(max-width:600px){body.ops-docked-layout .ops-reading-popup.ops-reading-gauge{width:calc(100vw - 16px)}}
body.ops-docked-layout .ops-reading-popup .leaflet-popup-close-button,body.ops-docked-layout .ops-reading-popup .fishacat-gauge-close{position:absolute!important;top:4px!important;right:4px!important;bottom:auto!important;margin:0!important;width:24px!important;height:24px!important;line-height:24px!important;text-align:center;text-decoration:none;padding:0!important;z-index:3}

/* Give desktop drawing controls room beside the product selector. */
@media(min-width:901px){body.ops-docked-layout:is([data-weather-mode="radar"],[data-weather-mode="composite"]) #radar-controls{width:860px!important}body.ops-docked-layout #explorer-radar-product{flex-basis:112px;width:112px}}