/* Interface theme only. Scientific SVG fills and classifications are unchanged. */
:root{
  --green:#24649a;
  --green-dark:#174b77;
  --green-light:#eaf2fa;
  --ink:#243746;
  --muted:#647788;
  --border:#dbe4ed;
  --bg:#f3f6fa;
  --blue:#376b9e;
}
button:hover{border-color:#91b0cf;background:#edf4fb}
button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#377fbc}
button:disabled,select:disabled{color:#7e8993;background:#f2f4f7}
.map-canvas{background:#fafcfe}
.legend-ramp{border-color:#d6e1ed}
.tooltip{box-shadow:0 3px 12px #244d7512}
.section-head>span{background:#eff4f9}
.stat-row{border-bottom-color:#ecf1f6}
.interpretation{background:#f7f9fc}
.chart-label,.baseline-note{color:#586f83;fill:#586f83}
.basin-name{fill:#3e5c76}
.basin-code{fill:#788a9b}
.chart-grid{stroke:#e7edf4}
.chart-zero{stroke:#aabccc}
.map-graticule .map-gridline{stroke:#839aae;stroke-width:.6;stroke-dasharray:3 5;opacity:.55}
#chart2 rect.chart-point[fill="#83A999"]{fill:#86a9ca}
#chart2 rect.chart-point[fill="#205741"],#chart1 rect.chart-point[fill="#205741"]{fill:#24649a}
#chart1 rect.chart-point[fill="#B6CDC0"]{fill:#bfd2e4}
.page-footer{color:#788999}
dialog::backdrop{background:#173a5855}
#sourceContent code{color:#647c90}
.missing{color:#8797a5}
.stat-row.emphasis{background:#edf4fc;border-left-color:#377fbc}
.stat-row.emphasis span{color:#2c587c}
.stat-row.technical-stat span,.stat-row.technical-stat strong{color:#788b9c}
.zoom-tools button{background:#fff;border-color:#bccedf}
.drawer-backdrop{background:#183f644d}
.resource-status{background:#24649a!important}
.focus-row input{accent-color:#24649a}
.quick-parameters{border-bottom-color:#dbe4ed;background:#f5f8fc}
.quick-parameters label{color:#48667f}
@media(max-width:1000px){
  .brand{flex:1}
  .brand h1{font-size:18px!important;line-height:1.5;max-width:none}
  .brand-title-main{display:block}
  .brand-title-platform{display:block;white-space:nowrap}
  .map-axis{font-size:24px;fill:#506a80}
  .map-graticule .map-gridline{stroke-width:.7;opacity:.65}
  .module-nav{background:#24649a}
  .module-nav button{color:#e7f0fa!important}
  .module-nav button.active{color:white!important;background:#174b77!important;border-bottom-color:#9ac5e9}
  .module-nav button:hover{background:#2d72aa!important}
  .controls{box-shadow:4px 0 24px #173f6426}
  .controls section{border-bottom-color:#e4ebf3!important}
}
@media(max-width:480px){
  .brand h1{font-size:17px!important;max-width:none}
}