/* Saved-result panels; shell and shared controls live in watershed_dashboard.css. */
.weather-symbol { color: #28bceb; }
.result-pane.weather-active > [id^="panel-"] { display: none !important; }
.result-pane.weather-active > #climate-panel, .result-pane.snow-active > #climate-panel { display: none !important; }
.snow-symbol { color: var(--text); }
.result-pane.snow-active > [id^="panel-"], .result-pane.snow-active > #weather-panel { display: none !important; }
#snow-plot { width: 100%; height: 340px; }
.weather-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.weather-panel-heading h2 { flex: 1 1 auto; margin-top: 0; }
.weather-view-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.weather-view-controls > label { min-width: 0; }
#weather-plot { width: 100%; height: 340px; }
.weather-source-details { font-size: 12px; }
#study-title { margin-top: 22px; background: var(--forecast-section-bg, #29273f); }
.map-quality-legend { display: grid; grid-template-columns: auto minmax(55px, 1fr) auto; align-items: center; gap: 5px 8px; margin-top: 8px; font-size: 11px; color: var(--muted); }
.map-quality-gradient { height: 8px; border-radius: 3px; }
.map-quality-caption { grid-column: 1 / -1; line-height: 1.3; }
.map-method-ranking { margin: 5px 0; }
.map-result-actions { display: flex; align-items: center; gap: 10px; }
.map-method-ranking summary { padding: 3px 0; font-size: 12px; }
.map-method-ranking table { margin: 5px 0; font-size: 11px; }
.map-method-ranking th, .map-method-ranking td { padding: 4px; }
.map-method-ranking .note { margin: 4px 0; font-size: 11px; }
#protocol-band-note { font-size: 11px; }
#prediction-empty:empty { display: none; }
.study-toggle { display: block; font-size: 13px; color: var(--muted); margin: -3px 0 14px; }
.gage-role-line { display: flex; align-items: center; gap: 6px 8px; margin-bottom: 8px; }
.gage-role-line h2 { flex: 0 0 auto; margin: 0; white-space: nowrap; }
#gage-title { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
#gage-title:hover, #gage-title[aria-expanded="true"] { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.gage-role-line .badge { min-width: 0; overflow-wrap: anywhere; }
#gage-tooltip-station { margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid var(--control-border); }
#prediction-plot, #climate-plot, #raw-data-plot, #reconstruction-plot { width: 100%; min-height: 340px; }
#prediction-scatter, #climate-scatter, #reconstruction-scatter { width: 100%; min-height: 260px; }
.nmfk-detail-control { margin-top: 14px; }
.prediction-period-control { margin-top: 14px; }
#prediction-period-note, #prediction-scatter-note { overflow-wrap: anywhere; }
#prediction-empty { padding: 12px; background: var(--surface-raised); border-left: 3px solid var(--control-border); color: var(--text); }
#forecast-score-details[aria-disabled="true"] > summary { color: var(--muted); cursor: default; opacity: .65; }
#prediction-period-select:disabled { opacity: .65; cursor: default; }
#study-status { padding: 9px; background: var(--surface-raised); color: var(--muted); font-size: 13px; line-height: 1.4; }