/* Regional graphs and marine detail panels share the existing neutral palette. */
body.v9-map-first .weather-graph-system[data-dock-mode="half"]{height:max(var(--graph-dock-height,430px),var(--graph-dock-readout-min-height,430px))!important}
body.v9-map-first .weather-graph-system:not([data-dock-mode="collapsed"]) .graph-region-track .graph-track-canvas{min-height:130px!important;max-height:none!important}
.reference-product-controls{display:flex;flex-wrap:wrap;align-items:end;gap:6px;margin:7px 0}.reference-product-controls label{flex:1;min-width:120px;display:flex;flex-direction:column;font-size:10px;gap:4px;color:#b8c2c9}.reference-product-controls select{width:100%;min-height:30px;background:#2b3238;color:#f1f4f5;border:1px solid #46515a;border-radius:6px;padding:5px;font-size:11px}.reference-product-controls button{font-size:10px;padding:7px}.reference-product-controls p{flex-basis:100%;margin:0;font-size:10px;color:#aebac2}.reference-collapsed .reference-product-controls{display:none!important}
.regional-graph-controls{display:flex;flex-wrap:wrap;gap:6px;padding:6px 10px;border-bottom:1px solid var(--border,#424c53);flex:none}
.regional-graph-controls label,.marine-chart-controls label{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#b8c2c9;min-width:0}
.regional-graph-controls select,.marine-chart-controls select{background:#2b3238;color:#f1f4f5;border:1px solid #46515a;border-radius:6px;padding:6px;min-width:70px;max-width:100%;font:inherit;font-size:12px}
.regional-graph-controls label:first-child{flex:1;min-width:160px;max-width:260px}
.regional-graph-controls .region-source{flex-direction:row;align-items:center;padding-top:12px;font-size:11px}
#regionGraphStatus{flex-basis:100%;margin:0;color:#aeb9c0;font-size:10px}
.region-station-list{flex:1;min-width:0;font-size:12px}.region-station-list summary,.region-readings summary,.station-actions-more summary{cursor:pointer;padding:7px;user-select:none}
.graph-region-track .graph-track-chips{display:flex;flex-wrap:wrap;max-height:150px;overflow:auto;width:100%}
body.v9-map-first #graphTrackList .graph-region-track .graph-track-head{display:flex!important;flex-wrap:wrap;height:auto!important;min-height:44px!important;overflow:visible}.graph-region-track .graph-track-title{display:block!important;font-size:12px!important}
body.v9-map-first #graphTrackList .graph-region-track .graph-track-canvas{height:150px!important;min-height:150px!important;flex:none!important}
body.v9-map-first #graphTrackList .graph-track.graph-region-track{height:auto!important;min-height:226px!important;flex:0 0 auto!important}
body.v9-map-first #graphTrackList .graph-region-track .region-readings{flex:none}
.weather-graph-system[data-dock-mode="collapsed"] .regional-graph-controls{display:none!important}
.weather-graph-system[data-dock-mode="collapsed"] .regional-graph-settings{display:none!important}
.regional-graph-settings{flex:none;border-bottom:1px solid #414950}.regional-graph-settings>summary{font-size:12px;padding:8px 12px;cursor:pointer;user-select:none}
body.v9-map-first #officialPrecipViewer .reference-product-controls{flex:none;margin:0;gap:4px}
body.v9-map-first #officialPrecipViewer #officialUseOverlay{font-size:11px;min-height:30px;padding:5px 8px}
body.v9-map-first #officialPrecipViewer #officialProductNote{font-size:10px;line-height:1.3}
body.v9-map-first #officialPrecipViewer.reference-short:not(.reference-collapsed):not([hidden]){grid-template-rows:28px 36px 28px minmax(0,1fr)}
body.v9-map-first #officialPrecipViewer.reference-short .reference-product-controls{grid-column:1/-1;grid-row:2}
body.v9-map-first #officialPrecipViewer.reference-short .reference-product-controls label{display:block;font-size:0}
body.v9-map-first #officialPrecipViewer.reference-short #officialProductNote{display:none}
body.v9-map-first #officialPrecipViewer.reference-short .official-reference-toolbar{grid-row:3}
body.v9-map-first #officialPrecipViewer.reference-short #officialImageViewport{grid-row:3/5}
body.v9-map-first #officialPrecipViewer.reference-short #officialTimeline{grid-row:4}
@media(max-width:600px){.regional-graph-controls{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.regional-graph-controls label{min-width:0!important;max-width:none!important}.regional-graph-controls select{width:100%}.regional-graph-controls #regionGraphStatus{grid-column:1/-1}.regional-graph-controls .region-source{padding:4px 0}}
.graph-region-track .region-station-list[open]{flex-basis:100%;order:5}.region-readings{border-top:1px solid #414950;font-size:11px}
.region-readings>div{max-height:200px;overflow:auto}.region-readings p{display:flex;gap:8px;align-items:center;margin:0;padding:4px 10px;border-bottom:1px solid #323b42}.region-readings p i{width:8px;height:8px;border-radius:50%;flex:none}.region-readings p span{flex:1}.region-readings p small{color:#aeb9c0}
.graph-region-track .graph-track-canvas{min-height:130px!important}.graph-just-added{outline:1px solid #a9c2d5;outline-offset:-1px}
.marine-pin-icon{width:28px;height:28px;display:block;flex:none}
body.v9-map-first .harbour-marker,body.v9-map-first .buoy-marker{background:#222b31!important;border:1px solid #a3b4bf!important;border-radius:50%!important;color:#eef4f6!important;box-shadow:0 2px 6px #0005!important;display:flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:3px!important}
body.v9-map-first .buoy-marker{border-radius:10px!important;gap:3px;flex-direction:row!important}.buoy-marker b{font-size:10px;padding-right:3px}.buoy-marker.is-stale{opacity:.6;border-style:dashed!important}
.station-compass{width:100px;flex:none;text-align:center;color:#dfe8eb}.station-compass svg{display:block;width:80px;height:80px;margin:auto;fill:none;stroke:#71818b;stroke-width:1}.station-compass text{fill:#e6ecef;stroke:none;font-size:10px;text-anchor:middle}.station-compass .compass-cross{stroke:#4c5962;stroke-dasharray:2 3}.station-compass .compass-needle{stroke:#bdcfd7;fill:#bdcfd7;stroke-width:2}.station-compass span{font-size:10px;display:block}
.station-overview-visual,.marine-overview{display:flex;align-items:center;gap:12px;margin:8px 0 12px}.station-overview-visual>div:last-child{display:flex;flex-direction:column;gap:5px}.station-overview-visual b{font-size:16px}.station-overview-visual small,.station-overview-visual span{font-size:11px;color:#aebac2}.marine-overview .metric-grid{flex:1;margin:0;grid-template-columns:repeat(2,minmax(0,1fr))}.marine-overview .metric-grid b{font-size:18px}
.marine-chart-controls{display:flex;gap:8px;margin:8px 0}.marine-chart-controls label{flex:1}.marine-chart-readout{font-size:12px;min-height:32px;line-height:1.6;color:#edf1f4;font-variant-numeric:tabular-nums}
.marine-chart-plot{height:150px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.marine-chart-plot svg{width:100%;height:100%;overflow:visible}.marine-series{stroke:#b8cbd2;stroke-width:1.7;fill:none;vector-effect:non-scaling-stroke}.marine-series.is-forecast{stroke-dasharray:5 3}.marine-chart-plot circle{fill:#b8cbd2}.marine-grid{stroke:#45525b;fill:none}.marine-cursor{stroke:#fff;stroke-width:1}.marine-chart-plot text{font-size:11px;fill:#c9d3d8}.marine-chart-note{font-size:11px;color:#aeb9c0;line-height:1.5}.harbour-official-charts{border:1px solid #424e57;border-radius:10px;padding:10px;margin:10px 0}.harbour-official-charts h3{font-size:13px;margin:0 0 5px}
.station-actions-more{width:100%;font-size:12px}.station-actions-more .station-graph-action{flex-wrap:wrap}.station-vi-links:has(.station-actions-more){display:block!important}.inspect-head>[data-add-station-graph]{margin:6px 0;padding:9px 14px}
@media(max-width:600px){.regional-graph-controls{gap:4px;padding:5px 8px}.regional-graph-controls label:first-child{max-width:none;flex-basis:50%}.regional-graph-controls label:nth-child(2){flex:1}.regional-graph-controls .region-source{padding-top:0}.regional-graph-controls select{min-height:30px}.region-readings p{flex-wrap:wrap;gap:4px}.region-readings p span{min-width:45%}.station-compass{width:85px}.marine-chart-plot{height:130px}}