/* Official dashboard palette A. Color-only: geometry remains in dashboard.css. */
html[data-theme="official"] .dashboard-page{
 --surface:#eeedf2;--canvas:#c4c0ce;--ink:#30233f;--muted:#5c4f6c;
 --accent:#674298;--purple:#7041a4;--pale:#dfdbe7;--line:#cbc4d6;
 --blue:#147ead;--green:#147b76;--teal:#147b76;--red:#b72f48;--orange:#95620e;
 background-color:var(--canvas);color:var(--ink);
}
html[data-theme="official"] .dashboard-page .topbar,
html[data-theme="official"] .dashboard-page .card-heading{
 background:#59476f;color:#f7f3fc;border-color:#77628f;
}
html[data-theme="official"] .dashboard-page .brand,
html[data-theme="official"] .dashboard-page .official-title,
html[data-theme="official"] .dashboard-page .card-heading h2{color:#f7f3fc}
html[data-theme="official"] .dashboard-page .official-title small,
html[data-theme="official"] .dashboard-page .card-heading .eyebrow,
html[data-theme="official"] .dashboard-page .card-heading h2 span,
html[data-theme="official"] .dashboard-page .card-heading .micro,
html[data-theme="official"] .dashboard-page .card-heading>a,
html[data-theme="official"] .dashboard-page .brief-header-icon{color:#e5d9f5}
html[data-theme="official"] .dashboard-page .official-mark img{
 filter:grayscale(1) invert(1) brightness(2);mix-blend-mode:screen;
}
html[data-theme="official"] .dashboard-page .page-nav,
html[data-theme="official"] .dashboard-page .theme-switch{background:#d5cde2;border-color:#a899bd}
html[data-theme="official"] .dashboard-page .page-nav a,
html[data-theme="official"] .dashboard-page .theme-switch button{color:#40304f}
html[data-theme="official"] .dashboard-page .page-nav [aria-current],
html[data-theme="official"] .dashboard-page .theme-switch button[aria-pressed="true"]{
 background:#7041a4;color:#fff;
}
html[data-theme="official"] .dashboard-page .theme-switch button:hover{background:#c1b3d5}
html[data-theme="official"] .dashboard-page .theme-switch button[aria-pressed="true"]:hover{background:#61358f}
html[data-theme="official"] .dashboard-page .datum{background:#e1dce9}
html[data-theme="official"] .dashboard-page .reservoir,
html[data-theme="official"] .dashboard-page .rain-rank-row{background:transparent}
html[data-theme="official"] .dashboard-page .reservoir:hover,
html[data-theme="official"] .dashboard-page .rain-rank-row:hover{background:#e7e2ef}
html[data-theme="official"] .dashboard-page .metric{background:#dee6ed}
html[data-theme="official"] .dashboard-page .dash-card{box-shadow:0 3px 16px #30203f12}
html[data-theme="official"] .dashboard-page .section-nav a{color:#51425f}
html[data-theme="official"] .dashboard-page .section-nav .active{color:var(--accent)}
html[data-theme="official"] .dashboard-page .mini-map{background:#c4cbd6}
html[data-theme="official"] .dashboard-page .mini-map .province{fill:#ceced9;stroke:#9794ac}
html[data-theme="official"] .dashboard-page .mini-map .eec-province{fill:#c2d3cc;stroke:#91ada3}
html[data-theme="official"] .dashboard-page .mini-map text{fill:#3e4054;stroke:#e7e4ee}
html[data-theme="official"] .dashboard-page .mini-map text.estate-number{fill:#fff;stroke:none}
html[data-theme="official"] .dashboard-page .basin-estate-key b{color:#7041a4}
html[data-theme="official"] .dashboard-page .water-history{
 --chart-surface:#eeedf2;--chart-border:#cbc4d6;--chart-muted:#5c4f6c;
 --chart-accent:#7041a4;--chart-gap-base:#e2ddea;--chart-hatch:#a599b9;
}
html[data-theme="official"] .dashboard-page .rain-history{--chart-accent:#176f96;--chart-bar:#147b76}
html[data-theme="official"] .dashboard-page .dam-history{--chart-accent:#176f96}
html[data-theme="official"] .dashboard-page :is(button,a,input,select):focus-visible{outline-color:#7041a4}
@media(min-width:1024px){
 html[data-theme="official"] .dashboard-page{
  background-image:linear-gradient(#81719766,#81719766),url("ieat-dashboard-background-v1.png");
 }
 html[data-theme="official"] .dashboard-page .dash-heading,
 html[data-theme="official"] .dashboard-page .section-nav{background:#eeedf2;border-color:#cbc4d6}
 html[data-theme="official"] .dashboard-page .dash-heading h1{color:#30233f}
 html[data-theme="official"] .dashboard-page .dash-heading .eyebrow{color:#674298}
 html[data-theme="official"] .dashboard-page .dash-heading p,
 html[data-theme="official"] .dashboard-page .dash-actions{color:#5c4f6c}
 html[data-theme="official"] .dashboard-page .section-nav a:hover{background:#dfdbe7;color:#40304f}
 html[data-theme="official"] .dashboard-page .section-nav a.active{background:#7041a4;color:#fff}
}