/* Shared mapped-reservoir details and measured histories. */
.reservoir-dialog { box-sizing: border-box; width: min(900px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 16px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--control-border, #6c809b); border-radius: 8px; background: var(--surface, #111c2e); color: var(--text, #e6edf7); }
.reservoir-dialog::backdrop { background: var(--dialog-backdrop, #000a); }
.reservoir-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.reservoir-heading h2 { margin: 0 0 12px; font-size: 20px; }
.reservoir-dialog .control { margin-top: 12px; }
.reservoir-static { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 7px 16px; margin: 12px 0; font-size: 13px; line-height: 1.4; }
.reservoir-static dt { color: var(--muted, #b2bfd1); }
.reservoir-static dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.reservoir-variable-title { margin: 18px 0 5px; padding: 7px 10px; font-size: 17px; background: var(--surface-raised, #1b2b42); border-radius: 4px; }
.reservoir-history-plot { width: 100%; height: 310px; min-width: 0; }
.reservoir-coverage { margin: 4px 0 8px; color: var(--muted, #b2bfd1); font-size: 12px; line-height: 1.4; }
.reservoir-sources { margin: 16px 0 0; font-size: 13px; }
.reservoir-sources p { margin: 7px 0; overflow-wrap: anywhere; }
.reservoir-map-button { white-space: nowrap; }
.reservoir-dialog [hidden] { display: none !important; }
@media (max-width: 650px) { .reservoir-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); padding: 12px; } .reservoir-heading h2 { font-size: 17px; } .reservoir-static { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 5px 8px; font-size: 12px; } .reservoir-history-plot { height: 290px; } }