/* HKA_SPATIAL_DASHBOARD_V1 — navy, royal blue and restrained gold. */
html body.hka-modern-nav.hka-spatial-dashboard,body.hka-spatial-dashboard{--hka-navy:#102f53;--hka-primary:#0863e9;--hka-accent:#0863e9;--hka-line:#dae4ef;--hka-surface:#fff;--hka-soft:#f3f7fc;--hka-muted:#60758e;--hka-panel-left:20px;--hka-panel-right:20px;--hka-panel-top:88px;margin:0;overflow:hidden;background:#f3f7fc}
body.hka-spatial-dashboard #bwsUnifiedMenu,body.hka-spatial-dashboard #hkaNavigationDrawer,body.hka-spatial-dashboard #bwsUnifiedMenuToggle,body.hka-spatial-dashboard>.app-header,body.hka-spatial-dashboard #bwsPublicSearchButton{display:none!important}
#hkaSpatialDashboard{--hds-navy:#072747;--hds-blue:#0965ee;--hds-ink:#14345c;--hds-muted:#647894;--hds-line:#e1e9f2;--hds-bg:#f3f7fc;--hds-gold:#f7b718;position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:222px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr);color:var(--hds-ink);background:var(--hds-bg);font:14px/1.5 Inter,"Segoe UI",Arial,sans-serif;isolation:isolate}
#hkaSpatialDashboard,#hkaSpatialDashboard *{box-sizing:border-box}
#hkaSpatialDashboard [hidden]{display:none!important}
#hkaSpatialDashboard :is(button,input,select){font:inherit;letter-spacing:normal;text-transform:none}
#hkaSpatialDashboard :is(button,summary){-webkit-tap-highlight-color:transparent;cursor:pointer}
#hkaSpatialDashboard button{margin:0;box-shadow:none;white-space:normal;text-align:left}
#hkaSpatialDashboard button:disabled{opacity:.45;cursor:not-allowed}
#hkaSpatialDashboard :focus-visible{outline:3px solid #65a7ff;outline-offset:3px}
#hkaSpatialDashboard svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}
#hkaSpatialDashboard h2{font-size:15px;line-height:1.35;margin:0;font-weight:700;color:var(--hds-ink)}
#hkaSpatialDashboard .hds-header{grid-column:1/-1;display:flex;gap:20px;align-items:center;min-width:0;background:#fff;border-bottom:1px solid var(--hds-line);padding:0 22px 0 17px;z-index:30;box-shadow:0 1px 5px #15315b05}
#hkaSpatialDashboard .hds-brand{display:flex;gap:11px;align-items:center;flex-shrink:0}
#hkaSpatialDashboard .hds-brand>div{display:flex;flex-direction:column}
#hkaSpatialDashboard .hds-brand strong{font-size:18px;line-height:1.25;font-weight:750;letter-spacing:-.35px;color:#092b58}
#hkaSpatialDashboard .hds-brand>div>span{font-size:11px;color:var(--hds-muted);margin-top:4px}
#hkaSpatialDashboard .hds-logo{width:46px;height:46px;display:block;overflow:hidden;flex-shrink:0}
#hkaSpatialDashboard .hds-logo img{width:100%;height:100%;object-fit:contain}
#hkaSpatialDashboard .hds-logo-fallback img{height:54px;width:auto;max-width:none;transform:none}
#hkaSpatialDashboard .hds-heading{align-self:stretch;flex:1;min-width:0;display:flex;justify-content:center;flex-direction:column;padding:8px 28px;position:relative;overflow:hidden;background:linear-gradient(105deg,#fff,#e8f3fc 42%,#d8edf5 80%,#fff);text-align:center}
#hkaSpatialDashboard .hds-heading:after{content:"";position:absolute;inset:auto 0 0;height:25px;opacity:.25;background:#75abbf;clip-path:polygon(0 100%,8% 43%,13% 60%,21% 12%,28% 60%,38% 0,47% 64%,58% 20%,69% 73%,80% 0,90% 62%,100% 21%,100% 100%)}
#hkaSpatialDashboard .hds-heading strong{font-size:clamp(13px,1.35vw,23px);letter-spacing:-.4px;line-height:1.25;position:relative;z-index:1}
#hkaSpatialDashboard .hds-heading>span{font-size:10px;margin-top:5px;color:#3c6387;position:relative;z-index:1}
#hkaSpatialDashboard .hds-search-wrap{position:relative;width:215px;min-width:145px;flex:0 1 215px}
#hkaSpatialDashboard .hds-search-wrap>svg{position:absolute;left:11px;top:11px;width:17px;height:17px;color:var(--hds-muted)}
#hkaSpatialDashboard .hds-search-wrap>input{width:100%;height:40px;border:1px solid #d8e3ef;border-radius:8px;background:#f8faff;padding:8px 10px 8px 35px;color:var(--hds-ink);min-width:0;font-size:12px}
#hkaSpatialDashboard .hds-search-results{position:absolute;top:48px;right:0;width:340px;max-width:calc(100vw - 30px);max-height:60vh;overflow:auto;background:#fff;border:1px solid var(--hds-line);padding:8px;border-radius:12px;box-shadow:0 15px 40px #183a6630;z-index:80}
#hkaSpatialDashboard .hds-search-results button{width:100%;border:0;justify-content:flex-start;padding:12px 10px;font-size:12px}
#hkaSpatialDashboard .hds-search-results p{padding:5px 10px}
#hkaSpatialDashboard .hds-account-wrap{position:relative;max-width:165px;flex-shrink:0}
#hkaSpatialDashboard .hds-account{display:flex;align-items:center;gap:8px;border:0;padding:6px 0;background:none;color:var(--hds-ink);font-weight:650;font-size:12px}
#hkaSpatialDashboard .hds-account svg{box-sizing:content-box;padding:8px;border-radius:50%;background:#eaf2fc;color:#0b4c95}
#hkaSpatialDashboard .hds-account span{overflow:hidden;text-overflow:ellipsis;max-width:100px}
#hkaSpatialDashboard .hds-logout{position:absolute;right:0;top:48px;padding:12px 18px;display:flex;align-items:center;gap:10px;border:1px solid var(--hds-line);border-radius:9px;background:#fff;color:var(--hds-ink);box-shadow:0 4px 20px #183a6620;z-index:70}
#hkaSpatialDashboard .hds-sidebar{grid-row:2;display:flex;flex-direction:column;min-height:0;min-width:0;background:linear-gradient(165deg,#0a2d50,#04213d);color:#dceafb;padding:15px 11px 18px;z-index:20}
#hkaSpatialDashboard .hds-menu-title{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8da9c5;padding:4px 14px 13px;font-weight:650}
#hkaSpatialDashboard .hds-sidebar nav{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#355776 transparent;padding:2px 0 20px}
#hkaSpatialDashboard .hds-nav-item{width:100%;border:0;background:none;color:#dce9f8;border-radius:7px;display:flex;align-items:center;gap:12px;padding:11px 12px;margin:3px 0;font-size:12px;min-height:43px;line-height:1.4;letter-spacing:0}
#hkaSpatialDashboard .hds-nav-item span{overflow-wrap:anywhere;min-width:0}
#hkaSpatialDashboard .hds-nav-item:hover,#hkaSpatialDashboard .hds-nav-group>summary:hover{background:#153d62;color:#fff}
#hkaSpatialDashboard .hds-nav-item.is-active{background:var(--hds-blue);color:#fff;box-shadow:0 5px 15px #00347844}
#hkaSpatialDashboard .hds-nav-group>summary{display:flex;align-items:center;gap:12px;padding:13px 12px;font-size:12px;list-style:none;border-radius:7px;min-height:45px}
#hkaSpatialDashboard summary::-webkit-details-marker{display:none}
#hkaSpatialDashboard .hds-nav-group>summary>span{flex:1;min-width:0}
#hkaSpatialDashboard .hds-nav-group>summary>svg:last-child{width:14px;height:14px;flex-basis:14px;transform:rotate(90deg)}
#hkaSpatialDashboard .hds-nav-group[open]>summary>svg:last-child{transform:rotate(-90deg)}
#hkaSpatialDashboard .hds-nav-group>.hds-nav-item{font-size:11px;width:calc(100% - 26px);margin-left:26px;gap:10px;padding:9px 8px;border-left:1px solid #426281;border-radius:0 6px 6px 0;min-height:36px}
#hkaSpatialDashboard .hds-nav-group>.hds-nav-item svg{width:15px;height:15px;flex-basis:15px}
#hkaSpatialDashboard .hds-sidebar>footer{display:flex;flex-direction:column;border-left:3px solid var(--hds-gold);padding:2px 10px;margin:12px 11px 0;font-size:10px;color:#b9cde1;line-height:1.6}
#hkaSpatialDashboard .hds-sidebar>footer strong{color:white;font-size:12px}
#hkaSpatialDashboard .hds-main{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 18px 22px;scroll-behavior:smooth;scrollbar-width:thin;scroll-padding-block:16px}
#hkaSpatialDashboard .hds-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px}
#hkaSpatialDashboard .hds-stat{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--hds-line);border-radius:11px;padding:14px;min-height:96px;box-shadow:0 2px 6px #15315b03;min-width:0}
#hkaSpatialDashboard .hds-stat-icon{width:53px;height:62px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#0864ef;color:white;flex-shrink:0}
#hkaSpatialDashboard .hds-stat-icon svg{width:30px;height:30px;stroke-width:1.6}
#hkaSpatialDashboard .hds-tone-signal{background:#08a875}
#hkaSpatialDashboard .hds-tone-database{background:#edaa09}
#hkaSpatialDashboard .hds-tone-tools{background:#e6565e}
#hkaSpatialDashboard .hds-stat>div{display:flex;flex-direction:column;min-width:0}
#hkaSpatialDashboard .hds-stat>div>span{font-size:12px;font-weight:650;line-height:1.3}
#hkaSpatialDashboard .hds-stat strong{font-size:26px;line-height:1.35;font-weight:750;letter-spacing:-.65px;white-space:nowrap}
#hkaSpatialDashboard .hds-stat[role=button] strong{font-size:21px}
#hkaSpatialDashboard .hds-stat small{font-size:10px;color:var(--hds-muted);line-height:1.4}
#hkaSpatialDashboard .hds-stat[role=button]{cursor:pointer}
#hkaSpatialDashboard .hds-stat[role=button]:hover{border-color:#9ec4fc}
#hkaSpatialDashboard .hds-workspace{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:12px;margin-bottom:14px;align-items:stretch}
#hkaSpatialDashboard .hds-workspace.hds-without-layers{grid-template-columns:minmax(0,1fr)}
#hkaSpatialDashboard .hds-map-card{position:relative;min-width:0;height:clamp(400px,47vh,630px);border:1px solid var(--hds-line);border-radius:11px;background:#0c3556;overflow:hidden;isolation:isolate}
#hkaSpatialDashboard #hdsMapSlot{position:absolute;inset:0;z-index:0}
html body.hka-spatial-dashboard #hdsMapSlot>#map{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important;z-index:0!important;border-radius:0}
body.hka-spatial-dashboard #hdsMapSlot .leaflet-control-layers,body.hka-spatial-dashboard #hdsMapSlot .leaflet-control-zoom,body.hka-spatial-dashboard #hkaDisplayMapControl,body.hka-spatial-dashboard .bws-user-location-control,body.hka-spatial-dashboard #telemetryDashboardToggle{display:none!important}
body.hka-spatial-dashboard #hkaDirectionToggle{display:none!important}
#hkaSpatialDashboard .hds-live-legend{position:static!important;inset:auto!important;display:flex;gap:7px 12px;flex-wrap:wrap;max-width:70%;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:#fff!important;font-size:10px!important;text-shadow:0 1px 4px #001932,1px 0 3px #001932}
#hkaSpatialDashboard .hds-live-legend .map-legend-item{display:inline-flex;align-items:center;gap:5px;font:inherit;color:inherit;background:none!important;padding:0!important}
#hkaSpatialDashboard .hds-live-legend .map-legend-item.is-hidden,#hkaSpatialDashboard .hds-map-summary.is-hidden{display:none!important}
#hkaSpatialDashboard .hds-live-legend img{width:11px;height:11px;object-fit:contain}
#hkaSpatialDashboard .hds-map-summary{position:static!important;max-height:130px;overflow:auto;margin:5px 12px;padding:8px;font-size:11px;box-shadow:none;border:1px solid #e1e9f2;background:#f7faff}
body.hka-spatial-dashboard #hdsMapSlot .leaflet-control-attribution{font-size:9px;max-width:100%;white-space:normal}
#hkaSpatialDashboard .hds-map-top{position:absolute;inset:12px 12px auto;display:flex;justify-content:space-between;gap:8px;align-items:flex-start;z-index:1001;pointer-events:none}
#hkaSpatialDashboard .hds-map-top>*{pointer-events:auto}
#hkaSpatialDashboard .hds-basemaps{display:flex;flex-wrap:wrap;gap:3px;background:#fff;border:1px solid #dae5ef;padding:4px;border-radius:8px;max-width:65%;box-shadow:0 2px 10px #07274722}
#hkaSpatialDashboard .hds-basemaps:empty{display:none}
#hkaSpatialDashboard .hds-base{font-size:10px;border:0;border-radius:5px;background:white;color:#173d69;padding:7px 11px;min-height:30px}
#hkaSpatialDashboard .hds-base[aria-pressed=true]{background:var(--hds-blue);color:white}
#hkaSpatialDashboard .hds-map-tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
#hkaSpatialDashboard .hds-icon-button{display:flex;align-items:center;justify-content:center;width:37px;min-width:37px;height:37px;padding:8px;border:1px solid #d9e3ef;border-radius:7px;background:#fff;color:#0b4c95}
#hkaSpatialDashboard .hds-icon-button:hover{background:#edf5ff;border-color:#9dc1f5}
#hkaSpatialDashboard .hds-map-footer{position:absolute;inset:auto 13px 22px;z-index:800;display:flex;gap:12px;align-items:end;justify-content:space-between;pointer-events:none}
#hkaSpatialDashboard .hds-map-footer>*{pointer-events:auto}
#hkaSpatialDashboard .hds-map-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:#fff;text-shadow:0 1px 4px #001932,1px 0 3px #001932;padding:4px 0}
#hkaSpatialDashboard .hds-map-legend>span{display:flex;align-items:center;gap:6px}
#hkaSpatialDashboard .hds-map-legend>span:before{content:"";display:block;width:9px;height:9px;border-radius:50%;border:1.5px solid white;box-shadow:0 1px 3px #0004;background:#0b87f7}
#hkaSpatialDashboard .hds-map-legend>[data-type=tma]:before{background:#ffc928}
#hkaSpatialDashboard .hds-map-legend>[data-type=climate]:before{background:#e45467}
#hkaSpatialDashboard .hds-card{min-width:0;min-height:0;background:#fff;border:1px solid var(--hds-line);border-radius:11px;box-shadow:0 2px 6px #15315b03;overflow:hidden}
#hkaSpatialDashboard .hds-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px 11px}
#hkaSpatialDashboard .hds-card>footer{padding:12px 14px;border-top:1px solid #eef2f7}
#hkaSpatialDashboard .hds-layer-card{display:flex;flex-direction:column;max-height:clamp(400px,47vh,630px)}
#hkaSpatialDashboard .hds-layer-card h2:before{content:"";display:inline-block;width:9px;height:9px;background:var(--hds-blue);border-radius:2px;transform:rotate(45deg);margin-right:10px}
#hkaSpatialDashboard .hds-layer-list{flex:1;min-height:0;overflow:auto;padding:0 14px 9px;scrollbar-width:thin}
#hkaSpatialDashboard .hds-layer-group{border-top:1px solid #ebf0f7;padding:7px 0}
#hkaSpatialDashboard .hds-layer-group>summary{display:flex;align-items:center;gap:7px;list-style:none;font-size:11px;font-weight:650;padding:5px 0 8px;line-height:1.4}
#hkaSpatialDashboard .hds-layer-group>summary svg,#hkaSpatialDashboard .hds-county>summary svg{width:14px;height:14px;flex-basis:14px;transition:transform .15s}
#hkaSpatialDashboard :is(.hds-layer-group,.hds-county)[open]>summary>svg{transform:rotate(90deg)}
#hkaSpatialDashboard .hds-layer-group label{display:flex;align-items:flex-start;gap:8px;padding:4px 0 4px 19px;font-size:11px;line-height:1.5;color:#496585;cursor:pointer;overflow-wrap:anywhere}
#hkaSpatialDashboard input[type=checkbox]{appearance:auto;accent-color:var(--hds-blue);width:15px;height:15px;flex-shrink:0;margin:1px 0}
#hkaSpatialDashboard .hds-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #cfdded;background:#fff;color:#085bcd;border-radius:7px;padding:8px 12px;min-height:36px;font-size:11px;font-weight:550;line-height:1.35}
#hkaSpatialDashboard .hds-button svg{width:17px;height:17px;flex-basis:17px}
#hkaSpatialDashboard .hds-button:hover{background:#f0f6ff;border-color:#87b6f5}
#hkaSpatialDashboard .hds-primary{background:var(--hds-blue);color:white;border-color:var(--hds-blue);box-shadow:0 3px 12px #003a8366}
#hkaSpatialDashboard .hds-primary:hover{background:#0755c9;color:white}
#hkaSpatialDashboard .hds-layer-card>footer button{width:100%}
#hkaSpatialDashboard .hds-bottom{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:12px;align-items:start}
#hkaSpatialDashboard .hds-bottom:has(>.hds-coverage[hidden]){grid-template-columns:minmax(0,1fr)}
#hkaSpatialDashboard .hds-bottom:has(>.hds-telemetry[hidden]){grid-template-columns:minmax(0,1fr)}
#hkaSpatialDashboard .hds-types{margin:0 14px 10px;display:flex;gap:4px;padding:4px;background:#f0f4fa;border-radius:8px}
#hkaSpatialDashboard .hds-type{flex:1;min-width:0;font-size:11px;border:0;color:#426084;background:transparent;border-radius:6px;padding:7px 5px;line-height:1.3;min-height:33px;text-align:center;overflow-wrap:normal}
#hkaSpatialDashboard .hds-type[aria-pressed=true]{color:white;background:var(--hds-blue);box-shadow:0 2px 5px #0055be22}
#hkaSpatialDashboard .hds-filters{display:flex;gap:8px;padding:0 14px;align-items:center}
#hkaSpatialDashboard select{color:var(--hds-ink);background:#fff;border:1px solid #dbe5f0;border-radius:6px;height:34px;padding:4px 27px 4px 9px;min-width:0;max-width:100%;font-size:11px}
#hkaSpatialDashboard .hds-filters select:first-child{flex:1}
#hkaSpatialDashboard .hds-filters .hds-icon-button{height:32px;width:32px;min-width:32px;padding:6px}
#hkaSpatialDashboard .hds-coverage-status{margin:8px 15px;font-size:12px;color:var(--hds-muted)}
#hkaSpatialDashboard .hds-coverage-status:empty{display:none}
#hkaSpatialDashboard .hds-counties{padding:12px 14px;max-height:310px;overflow:auto;scrollbar-width:thin}
#hkaSpatialDashboard .hds-county{border:1px solid #e0e9f3;border-radius:7px;margin-bottom:7px;overflow:hidden}
#hkaSpatialDashboard .hds-county:last-child{margin-bottom:0}
#hkaSpatialDashboard .hds-county>summary{display:flex;align-items:center;gap:9px;padding:10px 11px;list-style:none;font-weight:650;font-size:11px;background:#fafcff;line-height:1.4}
#hkaSpatialDashboard .hds-county>summary>span{flex:1;min-width:0}
#hkaSpatialDashboard .hds-county>summary small{font-size:10px;font-weight:400;white-space:nowrap;color:var(--hds-muted)}
#hkaSpatialDashboard .hds-station-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,1.8fr);align-items:center;gap:10px;border-top:1px solid #edf2f8;padding:9px 10px}
#hkaSpatialDashboard .hds-station-name{color:#244b77;background:none;border:0;padding:3px 0;min-width:0;overflow-wrap:anywhere;font-size:11px;font-weight:550}
#hkaSpatialDashboard .hds-station-name:hover{color:var(--hds-blue);text-decoration:underline}
#hkaSpatialDashboard .hds-year-list{display:flex;gap:7px;min-width:0;overflow-x:auto;padding:2px 0 3px;scrollbar-width:thin}
#hkaSpatialDashboard .hds-year{border:1px solid #dce5f0;border-radius:5px;padding:3px 9px;display:flex;flex-direction:column;align-items:center;min-width:57px;background:#f1f5fa;color:#62768f;font-size:9px;flex-shrink:0;line-height:1.4}
#hkaSpatialDashboard .hds-year strong{font-size:11px}
#hkaSpatialDashboard .hds-full{background:#e5f8ee;color:#05764b;border-color:#bee8d1}
#hkaSpatialDashboard .hds-partial{background:#fff5d5;color:#865900;border-color:#f4dfa0}
#hkaSpatialDashboard .hds-muted{color:var(--hds-muted);font-size:11px}
#hkaSpatialDashboard .hds-export-actions{display:flex;gap:8px;flex-wrap:wrap}
#hkaSpatialDashboard .hds-export-actions button{flex:1;white-space:nowrap}
#hkaSpatialDashboard .hds-export-actions:empty{display:none}
#hkaSpatialDashboard .hds-telemetry-filter{padding:0 15px}
#hkaSpatialDashboard .hds-telemetry-filter select{width:100%}
#hkaSpatialDashboard .hds-telemetry-status{display:flex;align-items:center;gap:5px;font-size:10px;margin:10px 16px 8px;color:var(--hds-muted)}
#hkaSpatialDashboard .hds-telemetry-status[data-status=online]{color:#087b55}
#hkaSpatialDashboard .hds-telemetry-status[data-status=online]:before{content:"";width:6px;height:6px;background:#05a772;border-radius:50%}
#hkaSpatialDashboard .hds-telemetry-status[data-status=offline]{color:#c54954}
#hkaSpatialDashboard .hds-telemetry-status[data-status=stale]{color:#a87305}
#hkaSpatialDashboard .hds-telemetry-body{padding:0 16px 14px}
#hkaSpatialDashboard .hds-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#hkaSpatialDashboard .hds-reading-grid>div{background:#f4f8fe;border:1px solid #eaf0f8;border-radius:7px;padding:10px;display:flex;flex-direction:column;gap:5px;min-width:0}
#hkaSpatialDashboard .hds-reading-grid small{font-size:10px;color:var(--hds-muted)}
#hkaSpatialDashboard .hds-reading-grid strong{font-size:21px;font-weight:700;letter-spacing:-.5px;overflow-wrap:anywhere}
#hkaSpatialDashboard .hds-reading-time{font-size:9px;color:var(--hds-muted);margin:8px 0 13px}
#hkaSpatialDashboard .hds-bars{font-size:10px}
#hkaSpatialDashboard .hds-bars>small{display:block;font-size:10px;font-weight:600;margin-bottom:9px}
#hkaSpatialDashboard .hds-bar-row{display:grid;grid-template-columns:minmax(75px,1fr) minmax(60px,1.1fr) 29px;gap:8px;align-items:center;margin:7px 0}
#hkaSpatialDashboard .hds-bar-row>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#hkaSpatialDashboard .hds-bar-row>strong{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
#hkaSpatialDashboard .hds-bar-track{height:7px;border-radius:3px;background:#eef3f9;overflow:hidden}
#hkaSpatialDashboard .hds-bar-track i{display:block;height:100%;background:#2987f5;border-radius:3px}
#hkaSpatialDashboard .hds-notice{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100vw - 30px);border:1px solid #afcce8;background:#fff;color:var(--hds-ink);padding:14px 22px;border-radius:9px;box-shadow:0 8px 35px #15345733;z-index:10000;font-size:13px}
#hkaSpatialDashboard .hds-menu-toggle{display:none}
#hkaSpatialDashboard .hds-drawer-shade{display:none}
/* Existing feature dialogs keep their handlers and viewport containment rules. */
body.hka-spatial-dashboard :is(#hkaPlatform,#hkaFieldOps,#hkaSihkaExport){color:#14345c;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-color:#d9e4ef;border-radius:14px}
body.hka-spatial-dashboard :is(.hp-header,.hfo-header){background:#fff;color:#14345c;border-bottom-color:#e1e9f2}
body.hka-spatial-dashboard #hkaPlatform :is(.hp-primary,.hp-tabs button[aria-selected=true]){background:#0863e9;color:#fff}
body.hka-spatial-dashboard #hdsCoverageDetail{margin:auto;padding:0;border:1px solid #d9e4ef;border-radius:14px;width:min(860px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);color:#14345c;background:#fff;font:14px/1.5 Inter,"Segoe UI",Arial,sans-serif;overflow:auto;box-shadow:0 24px 90px #0e2f5638}
body.hka-spatial-dashboard #hdsCoverageDetail::backdrop{background:#071e3a66}
#hdsCoverageDetail *{box-sizing:border-box}
#hdsCoverageDetail>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;background:#fff;border-bottom:1px solid #e1e9f2;position:sticky;top:0;z-index:1}
#hdsCoverageDetail h2{font-size:19px;margin:0;color:#14345c}
#hdsCoverageDetail button{display:flex;align-items:center;gap:6px;background:#f1f6fc;color:#0d5fbd;border:1px solid #dbe6f2;border-radius:7px;padding:8px 11px;cursor:pointer;font:inherit;font-size:12px}
#hdsCoverageDetail svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
#hdsCoverageDetail .hds-detail-body{padding:0 22px 22px}
#hdsCoverageDetail .hds-detail-meta{font-size:12px;color:#627993;margin:15px 0}
#hdsCoverageDetail .hds-months{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:18px 0}
#hdsCoverageDetail .hds-month{display:flex;flex-direction:column;padding:12px;border:1px solid #e0e8f2;background:#f3f7fc;border-radius:8px;gap:4px;color:#647894}
#hdsCoverageDetail .hds-month>span{font-size:12px}
#hdsCoverageDetail .hds-month strong{font-size:22px}
#hdsCoverageDetail .hds-month small{font-size:10px}
#hdsCoverageDetail .hds-full{color:#08794c;background:#e8f8f0;border-color:#c8e9da}
#hdsCoverageDetail .hds-partial{color:#8a6409;background:#fff7df;border-color:#f0e0b1}
#hdsCoverageDetail .hds-detail-table{overflow:auto}
#hdsCoverageDetail table{border-collapse:collapse;width:100%;font-size:12px}
#hdsCoverageDetail :is(th,td){padding:8px 12px;border-bottom:1px solid #e7edf5;text-align:left}
#hdsCoverageDetail th{background:#f3f7fc;color:#466384}
#hdsCoverageDetail td{font-variant-numeric:tabular-nums}
@media(max-width:640px){#hdsCoverageDetail .hds-months{grid-template-columns:repeat(2,minmax(0,1fr))}#hdsCoverageDetail .hds-detail-body{padding:0 13px 15px}#hdsCoverageDetail>header{padding:14px}#hdsCoverageDetail h2{font-size:16px}#hkaSpatialDashboard .hds-live-legend{font-size:9px!important;gap:6px;max-width:65%}}
@media(min-width:1700px){#hkaSpatialDashboard{grid-template-columns:240px minmax(0,1fr)}#hkaSpatialDashboard .hds-workspace{grid-template-columns:minmax(0,1fr) 290px}#hkaSpatialDashboard .hds-nav-item,#hkaSpatialDashboard .hds-nav-group>summary{font-size:14px}#hkaSpatialDashboard .hds-layer-group label{font-size:12px}}
@media(max-width:1250px){#hkaSpatialDashboard{grid-template-columns:200px minmax(0,1fr);grid-template-rows:70px minmax(0,1fr)}#hkaSpatialDashboard .hds-header{gap:14px;padding-inline:13px}#hkaSpatialDashboard .hds-heading{padding:7px 12px}#hkaSpatialDashboard .hds-brand strong{font-size:16px}#hkaSpatialDashboard .hds-brand>div>span{font-size:10px}#hkaSpatialDashboard .hds-search-wrap{width:170px;flex-basis:170px}#hkaSpatialDashboard .hds-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#hkaSpatialDashboard .hds-stat{min-height:86px;padding:11px}#hkaSpatialDashboard .hds-stat-icon{height:53px}#hkaSpatialDashboard .hds-workspace{grid-template-columns:minmax(0,1fr) 228px}#hkaSpatialDashboard .hds-map-card,#hkaSpatialDashboard .hds-layer-card{height:450px;max-height:450px}#hkaSpatialDashboard .hds-bottom{grid-template-columns:minmax(0,1fr)}#hkaSpatialDashboard .hds-map-top{flex-direction:column}#hkaSpatialDashboard .hds-basemaps{max-width:100%}#hkaSpatialDashboard .hds-map-tools{align-self:flex-end}}
@media(max-width:1050px){#hkaSpatialDashboard .hds-heading{display:none}#hkaSpatialDashboard .hds-search-wrap{margin-left:auto}#hkaSpatialDashboard .hds-main{padding:13px}}
@media(max-width:900px){#hkaSpatialDashboard{grid-template-columns:minmax(0,1fr);grid-template-rows:68px minmax(0,1fr)}#hkaSpatialDashboard .hds-main{grid-row:2;grid-column:1}#hkaSpatialDashboard .hds-menu-toggle{display:flex;border:0;background:none;width:30px;min-width:30px;padding:5px;margin-left:-5px}#hkaSpatialDashboard .hds-header{gap:10px;padding-inline:13px}#hkaSpatialDashboard .hds-sidebar{position:absolute;top:68px;bottom:0;left:0;width:248px;transform:translateX(-105%);transition:transform .2s;z-index:61;box-shadow:8px 0 30px #031b3730}#hkaSpatialDashboard.hds-drawer-open .hds-sidebar{transform:translateX(0)}#hkaSpatialDashboard .hds-drawer-shade{display:block;position:absolute;inset:68px 0 0;border:0;background:#00142c66;border-radius:0;z-index:60}#hkaSpatialDashboard .hds-nav-item,#hkaSpatialDashboard .hds-nav-group>summary{min-height:45px;font-size:13px}#hkaSpatialDashboard .hds-nav-group>.hds-nav-item{font-size:12px}#hkaSpatialDashboard .hds-brand strong{font-size:16px}#hkaSpatialDashboard .hds-logo{width:38px;height:38px}#hkaSpatialDashboard .hds-logo-fallback img{height:45px}#hkaSpatialDashboard .hds-workspace{grid-template-columns:minmax(0,1fr) 226px}#hkaSpatialDashboard .hds-stats{gap:9px}#hkaSpatialDashboard .hds-bottom{grid-template-columns:minmax(0,1fr)}body.hka-spatial-dashboard{--hka-panel-left:12px;--hka-panel-right:12px;--hka-panel-top:80px}}
@media(max-width:640px){#hkaSpatialDashboard{grid-template-rows:104px minmax(0,1fr)}#hkaSpatialDashboard .hds-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:60px 35px;gap:0 10px;padding-bottom:9px}#hkaSpatialDashboard .hds-brand{grid-column:1;grid-row:1;gap:7px}#hkaSpatialDashboard .hds-brand strong{font-size:14px;letter-spacing:-.2px}#hkaSpatialDashboard .hds-brand>div>span{font-size:9px}#hkaSpatialDashboard .hds-account-wrap{grid-column:2;grid-row:1;max-width:44px}#hkaSpatialDashboard .hds-account span{display:none}#hkaSpatialDashboard .hds-account svg{padding:7px}#hkaSpatialDashboard .hds-search-wrap{grid-column:1/-1;grid-row:2;width:100%;min-width:0;margin:0;max-width:none}#hkaSpatialDashboard .hds-search-wrap>input{height:33px}#hkaSpatialDashboard .hds-search-wrap>svg{top:8px}#hkaSpatialDashboard .hds-search-results{top:38px;width:100%;max-width:100%}#hkaSpatialDashboard .hds-sidebar{top:104px}#hkaSpatialDashboard .hds-drawer-shade{top:104px}#hkaSpatialDashboard .hds-main{padding:11px 10px 20px}#hkaSpatialDashboard .hds-stats{gap:8px;margin-bottom:10px}#hkaSpatialDashboard .hds-stat{padding:10px 8px;gap:8px;min-height:83px;border-radius:9px}#hkaSpatialDashboard .hds-stat-icon{height:40px;width:33px;border-radius:6px}#hkaSpatialDashboard .hds-stat-icon svg{width:22px;height:22px}#hkaSpatialDashboard .hds-stat>div>span{font-size:10px}#hkaSpatialDashboard .hds-stat strong{font-size:23px}#hkaSpatialDashboard .hds-stat[role=button] strong{font-size:16px}#hkaSpatialDashboard .hds-stat small{font-size:8px}#hkaSpatialDashboard .hds-workspace{grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:10px}#hkaSpatialDashboard .hds-map-card{height:400px;max-height:400px}#hkaSpatialDashboard .hds-layer-card{max-height:330px;height:auto}#hkaSpatialDashboard .hds-layer-list{max-height:230px}#hkaSpatialDashboard .hds-map-top{inset:9px 9px auto;gap:7px}#hkaSpatialDashboard .hds-base{font-size:10px;padding:6px 9px}#hkaSpatialDashboard .hds-map-tools{gap:5px}#hkaSpatialDashboard .hds-map-tools .hds-icon-button{width:34px;height:34px;min-width:34px;padding:7px}#hkaSpatialDashboard .hds-map-footer{inset:auto 10px 24px;align-items:end;gap:6px}#hkaSpatialDashboard .hds-map-legend{font-size:9px;gap:5px 10px;max-width:200px}#hkaSpatialDashboard .hds-map-footer .hds-button{font-size:10px;padding:8px;white-space:nowrap}#hkaSpatialDashboard .hds-map-footer .hds-button svg{display:none}#hkaSpatialDashboard .hds-card>header{padding:13px 13px 10px}#hkaSpatialDashboard .hds-bottom{gap:10px}#hkaSpatialDashboard .hds-counties{padding:10px;max-height:360px}#hkaSpatialDashboard .hds-types{margin-inline:10px}#hkaSpatialDashboard .hds-type{font-size:10px}#hkaSpatialDashboard .hds-filters{padding-inline:10px}#hkaSpatialDashboard .hds-station-row{grid-template-columns:minmax(85px,.9fr) minmax(0,1.3fr);gap:8px}#hkaSpatialDashboard .hds-export-actions{gap:6px;padding:10px}#hkaSpatialDashboard .hds-export-actions button{font-size:10px;padding:9px 6px;gap:5px}#hkaSpatialDashboard .hds-export-actions button svg{display:none}#hkaSpatialDashboard .hds-logout{top:44px;font-size:12px}body.hka-spatial-dashboard{--hka-panel-top:116px}}
@media(prefers-reduced-motion:reduce){#hkaSpatialDashboard *{scroll-behavior:auto!important;transition:none!important}}
body.hka-spatial-dashboard #hdsMapSlot .hka-map-tools{display:none!important}
body.hka-spatial-dashboard #hkaFieldOps{--fo-ink:#14345c;--fo-line:#dce6f1}
body.hka-spatial-dashboard #hkaFieldOps .fo-primary,body.hka-spatial-dashboard #hkaFieldOps nav [aria-selected=true]{background:#0863e9;color:#fff;border-color:#0863e9}
#hkaSpatialDashboard #hdsMapSlot #map>.leaflet-control-container>.leaflet-top.leaflet-left{left:12px!important;top:74px!important}
#hkaSpatialDashboard #hdsMapSlot #map>.leaflet-control-container>.leaflet-top.leaflet-right{right:12px!important;top:74px!important}

/* HKA_DASHBOARD_REFINEMENTS_V110 */
html body.hka-modern-nav.hka-spatial-dashboard{--hds-vw:var(--hka-vv-width,100vw);--hds-vh:var(--hka-vv-height,100dvh);--hds-x:var(--hka-vv-left,0px);--hds-y:var(--hka-vv-top,0px);--hds-gap:16px;--hds-dem-controls:clamp(290px,28vw,370px);--hka-font:Inter,"Segoe UI",Arial,sans-serif;--hka-navy:#14345c;--hka-primary:#0965ee;--hka-line:#e1e9f2;--hka-soft:#f3f7fc;--hka-muted:#647894}
#hkaSpatialDashboard .hds-heading strong{font-size:clamp(13px,1.25vw,21px);text-wrap:balance}
#hkaSpatialDashboard .hds-nav-group>.hds-nav-item{font-size:13px;min-height:40px;line-height:1.45}
#hkaSpatialDashboard :is(.hds-map-legend,.hds-live-legend){font-size:12px!important;font-weight:600;color:#fff!important;text-shadow:1px 0 #173d5d,-1px 0 #173d5d,0 1px #173d5d,0 -1px #173d5d!important;filter:none!important;backdrop-filter:none!important;opacity:1!important;line-height:1.65}
#hkaSpatialDashboard .hds-live-legend :is(span,b,strong){text-shadow:inherit;filter:none!important;opacity:1!important;letter-spacing:normal}
#hkaSpatialDashboard .hds-live-legend img{width:14px;height:14px}
#hkaSpatialDashboard .hds-map-summary{display:block!important;flex:0 1 auto;min-height:42px;max-height:190px;margin:4px 12px 10px;padding:10px 12px;border:1px solid #e1e9f2;border-radius:8px;color:#14345c!important;background:#f3f7fc!important;font:12px/1.5 Inter,"Segoe UI",Arial,sans-serif;text-shadow:none!important;overflow:auto;scrollbar-width:thin}
#hkaSpatialDashboard .hds-map-summary .summary-main-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#14345c}
#hkaSpatialDashboard .hds-map-summary :is(.summary-main-label,.legend-stat-icon){font:600 12px/1.5 Inter,"Segoe UI",Arial,sans-serif;color:#14345c;letter-spacing:normal}
#hkaSpatialDashboard .hds-map-summary .legend-stat-value{font-size:19px;color:#0965ee;min-width:0}
#hkaSpatialDashboard .hds-map-summary .summary-detail-row{display:flex;justify-content:space-between;gap:10px;padding:3px 0;color:#496585}
#hkaSpatialDashboard .hds-map-summary .summary-detail-row span{min-width:0;overflow-wrap:anywhere}
#hkaSpatialDashboard .hds-map-summary .summary-detail-row b{flex-shrink:0;color:#14345c}
#hkaSpatialDashboard .hds-map-summary .summary-legend-block+.summary-legend-block{border-top:1px solid #dce6f1;margin-top:8px;padding-top:8px}
#hkaSpatialDashboard .hds-map-summary.is-hidden,#hkaSpatialDashboard .hds-map-summary .is-hidden,#hkaSpatialDashboard .hds-live-legend.is-hidden{display:none!important}
#hkaSpatialDashboard .hds-layer-card>header,#hkaSpatialDashboard .hds-layer-card>footer{flex-shrink:0}

html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.data-range-panel,.export-data-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel,.flood-scenario-panel,.coord-panel,.quick-search,#telemetryDashboardPanel){position:fixed!important;inset:auto!important;left:calc(var(--hds-x) + var(--hds-vw)/2)!important;top:calc(var(--hds-y) + var(--hds-vh)/2)!important;transform:translate(-50%,-50%)!important;width:min(820px,calc(var(--hds-vw) - 32px))!important;max-width:calc(var(--hds-vw) - 32px)!important;min-width:0!important;height:auto!important;max-height:calc(var(--hds-vh) - 32px)!important;overflow:auto!important;z-index:2147482700!important;margin:0!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard #telemetryDashboardPanel{width:min(520px,calc(var(--hds-vw) - 32px))!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.bws-hydro-overlay,.data-tools-backdrop,.bws-rc-modal,.bws-dm-modal,.bws-ai-overlay,#bwsDemWorkspace,#hkaCoverageExport,#hkaSpiExportDialog,#hkaObservationExport){align-items:center!important;justify-content:center!important;place-items:center!important;padding:16px!important;box-sizing:border-box!important;overflow:auto!important;backdrop-filter:none!important;background:rgba(7,39,71,.38)!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.data-tools-dialog,.bws-hydro-dialog,.bws-rc-dialog,.bws-dm-dialog,.bws-dem-workspace-shell,.menu-auth-dialog,#hkaCoverageExport>section,#hkaSpiExportDialog>section,#hkaObservationExport>section,.data-range-panel,.export-data-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel,.flood-scenario-panel,.coord-panel,.quick-search,#telemetryDashboardPanel,#hkaPlatform,#hkaFieldOps,#hkaSihkaExport,#hkaMapExport,#hdsCoverageDetail){box-sizing:border-box!important;border:1px solid #dce6f1!important;border-radius:14px!important;box-shadow:0 20px 65px #07274726!important;background:#fff!important;color:#14345c!important;font:14px/1.5 Inter,"Segoe UI",Arial,sans-serif!important;text-shadow:none!important;min-width:0!important;letter-spacing:normal!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.data-tools-dialog,.bws-hydro-dialog,.bws-rc-dialog,.bws-dm-dialog,.bws-dem-workspace-shell,#hkaCoverageExport>section,#hkaSpiExportDialog>section,#hkaObservationExport>section){width:min(960px,calc(var(--hds-vw) - 32px))!important;max-width:calc(var(--hds-vw) - 32px)!important;max-height:calc(var(--hds-vh) - 32px)!important;margin:auto!important;overflow:auto!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard .menu-auth-dialog{width:min(360px,calc(var(--hds-vw) - 32px))!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(#hkaPlatform,#hkaFieldOps,#hkaSihkaExport,#hkaMapExport,#hdsCoverageDetail){inset:auto!important;left:calc(var(--hds-x) + var(--hds-vw)/2)!important;top:calc(var(--hds-y) + var(--hds-vh)/2)!important;margin:0!important;transform:translate(-50%,-50%)!important;width:min(1020px,calc(var(--hds-vw) - 32px))!important;max-width:calc(var(--hds-vw) - 32px)!important;max-height:calc(var(--hds-vh) - 32px)!important;padding:0!important;overflow:auto!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(#hkaPlatform,#hkaFieldOps,#hkaSihkaExport,#hkaMapExport,#hdsCoverageDetail)::backdrop{background:#07274761;backdrop-filter:none}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.data-tools-dialog,.bws-hydro-dialog,.bws-rc-dialog,.bws-dm-dialog,.bws-dem-workspace-shell,.menu-auth-dialog,#hkaCoverageExport>section,#hkaSpiExportDialog>section,#hkaObservationExport>section,.data-range-panel,.export-data-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel,.flood-scenario-panel,.coord-panel,.quick-search,#telemetryDashboardPanel,#hkaPlatform,#hkaFieldOps,#hkaSihkaExport,#hkaMapExport,#hdsCoverageDetail) :is(h2,h3,h4,label,summary,legend){color:#14345c;letter-spacing:normal;text-shadow:none;overflow-wrap:break-word}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.data-tools-dialog,.bws-hydro-dialog,.bws-rc-dialog,.bws-dm-dialog,.bws-dem-workspace-shell,.menu-auth-dialog,#hkaCoverageExport>section,#hkaSpiExportDialog>section,#hkaObservationExport>section,.data-range-panel,.export-data-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel,.flood-scenario-panel,.coord-panel,.quick-search,#telemetryDashboardPanel,#hkaPlatform,#hkaFieldOps,#hkaSihkaExport,#hkaMapExport,#hdsCoverageDetail) :is(h2,h3){font-size:18px;line-height:1.4}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.data-tools-dialog,.bws-hydro-dialog,.bws-rc-dialog,.bws-dm-dialog,.bws-dem-workspace-shell,.menu-auth-dialog,#hkaCoverageExport>section,#hkaSpiExportDialog>section,#hkaObservationExport>section,.data-range-panel,.export-data-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel,.flood-scenario-panel,.coord-panel,.quick-search,#telemetryDashboardPanel,#hkaPlatform,#hkaFieldOps,#hkaSihkaExport,#hkaMapExport,#hdsCoverageDetail) :is(input,select,textarea,button){box-sizing:border-box;font:inherit;letter-spacing:normal;max-width:100%;min-width:0;border-radius:7px;line-height:1.4}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.data-tools-dialog,.bws-hydro-dialog,.bws-rc-dialog,.bws-dm-dialog,.bws-dem-workspace-shell,.menu-auth-dialog,#hkaCoverageExport>section,#hkaSpiExportDialog>section,#hkaObservationExport>section,.data-range-panel,.export-data-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel,.flood-scenario-panel,.coord-panel,.quick-search,#telemetryDashboardPanel,#hkaPlatform,#hkaFieldOps,#hkaSihkaExport,#hkaMapExport,#hdsCoverageDetail) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background:#fff;color:#14345c;border:1px solid #cfdded;min-height:38px;padding:8px 10px}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.data-tools-dialog,.bws-hydro-dialog,.bws-rc-dialog,.bws-dm-dialog,.bws-dem-workspace-shell,.menu-auth-dialog,#hkaCoverageExport>section,#hkaSpiExportDialog>section,#hkaObservationExport>section,.data-range-panel,.export-data-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel,.flood-scenario-panel,.coord-panel,.quick-search,#telemetryDashboardPanel,#hkaPlatform,#hkaFieldOps,#hkaSihkaExport,#hkaMapExport,#hdsCoverageDetail) :is(button,summary){white-space:normal;overflow-wrap:break-word;min-height:36px}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.data-tools-dialog,.bws-hydro-dialog,.bws-rc-dialog,.bws-dm-dialog,.bws-dem-workspace-shell,.menu-auth-dialog,#hkaCoverageExport>section,#hkaSpiExportDialog>section,#hkaObservationExport>section,.data-range-panel,.export-data-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel,.flood-scenario-panel,.coord-panel,.quick-search,#telemetryDashboardPanel,#hkaPlatform,#hkaFieldOps,#hkaSihkaExport,#hkaMapExport,#hdsCoverageDetail) :is(input[type=checkbox],input[type=radio]){accent-color:#0965ee}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.data-tools-dialog,.bws-hydro-dialog,.bws-rc-dialog,.bws-dm-dialog,.bws-dem-workspace-shell,.menu-auth-dialog,#hkaCoverageExport>section,#hkaSpiExportDialog>section,#hkaObservationExport>section,.data-range-panel,.export-data-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel,.flood-scenario-panel,.coord-panel,.quick-search,#telemetryDashboardPanel,#hkaPlatform,#hkaFieldOps,#hkaSihkaExport,#hkaMapExport,#hdsCoverageDetail) :is(nav,[role=tablist]){display:flex;flex-wrap:wrap;gap:6px;overflow:visible;min-width:0}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.data-tools-dialog,.bws-hydro-dialog,.bws-rc-dialog,.bws-dm-dialog,.bws-dem-workspace-shell,.menu-auth-dialog,#hkaCoverageExport>section,#hkaSpiExportDialog>section,#hkaObservationExport>section,.data-range-panel,.export-data-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel,.flood-scenario-panel,.coord-panel,.quick-search,#telemetryDashboardPanel,#hkaPlatform,#hkaFieldOps,#hkaSihkaExport,#hkaMapExport,#hdsCoverageDetail) :is(nav,[role=tablist]) button{flex:0 1 auto;white-space:normal}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.data-tools-dialog,.bws-hydro-dialog,.bws-rc-dialog,.bws-dm-dialog,.bws-dem-workspace-shell,.menu-auth-dialog,#hkaCoverageExport>section,#hkaSpiExportDialog>section,#hkaObservationExport>section,.data-range-panel,.export-data-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel,.flood-scenario-panel,.coord-panel,.quick-search,#telemetryDashboardPanel,#hkaPlatform,#hkaFieldOps,#hkaSihkaExport,#hkaMapExport,#hdsCoverageDetail) :is([aria-selected=true],.fo-primary,.hp-primary){background:#0965ee!important;color:#fff!important;border-color:#0965ee!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.data-tools-dialog,.bws-hydro-dialog,.bws-rc-dialog,.bws-dm-dialog,.bws-dem-workspace-shell,.menu-auth-dialog,#hkaCoverageExport>section,#hkaSpiExportDialog>section,#hkaObservationExport>section,.data-range-panel,.export-data-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel,.flood-scenario-panel,.coord-panel,.quick-search,#telemetryDashboardPanel,#hkaPlatform,#hkaFieldOps,#hkaSihkaExport,#hkaMapExport,#hdsCoverageDetail) :focus-visible{outline:3px solid #65a7ff;outline-offset:2px}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(#hkaPlatform,#hkaFieldOps)>header{position:sticky;top:0;background:#fff;z-index:3}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(#hkaPlatform,#hkaFieldOps) main{min-width:0;overflow:auto}
/* DEM shares one viewport: controls left, renderer right. */
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard.bws-terrain-open #bwsDemWorkspace.is-viewer-open{inset:auto!important;top:calc(var(--hds-y) + 16px)!important;left:calc(var(--hds-x) + 16px)!important;width:var(--hds-dem-controls)!important;height:calc(var(--hds-vh) - 32px)!important;padding:0!important;overflow:hidden!important;pointer-events:auto!important;background:none!important;z-index:2147482800!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard.bws-terrain-open #bwsDemWorkspace.is-viewer-open .bws-dem-workspace-shell{width:100%!important;height:100%!important;max-height:100%!important;max-width:100%!important;margin:0!important;display:flex!important;flex-direction:column;overflow:hidden!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard #bwsDemWorkspace .bws-dem-workspace-content{min-height:0;overflow:auto!important;padding:14px!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard #bwsDemWorkspace .bws-dem-workspace-header{flex-shrink:0;padding:14px 16px;background:#fff!important;border-bottom:1px solid #e1e9f2}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard.bws-terrain-open #bwsDemWorkspace :is(.bws-terrain-grid,.bws-terrain-controls){grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard.bws-terrain-open #bwsDemWorkspace .bws-terrain-panel{padding:0!important;border:0!important;box-shadow:none!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard #bwsTerrainModal{position:fixed!important;inset:auto!important;top:calc(var(--hds-y) + 16px)!important;left:calc(var(--hds-x) + 16px)!important;width:calc(var(--hds-vw) - 32px)!important;height:calc(var(--hds-vh) - 32px)!important;padding:0!important;margin:0!important;background:none!important;backdrop-filter:none!important;z-index:2147482801!important;overflow:hidden!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard.bws-dem-workspace-open #bwsTerrainModal{left:calc(var(--hds-x) + var(--hds-dem-controls) + 28px)!important;width:calc(var(--hds-vw) - var(--hds-dem-controls) - 44px)!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard #bwsTerrainModal .bws-terrain-viewer{width:100%!important;height:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;border-radius:14px;border-color:#dce6f1;box-shadow:0 20px 65px #07274730}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard #bwsTerrainModal .bws-terrain-toolbar{flex-wrap:wrap;background:#102f53;color:#fff;gap:8px;padding:10px}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard #bwsTerrainModal .bws-terrain-tools{flex-wrap:wrap;max-height:120px;overflow:auto;gap:5px;min-width:0}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard #bwsTerrainModal .bws-terrain-tools button{font:12px/1.4 Inter,"Segoe UI",Arial,sans-serif;min-height:34px;white-space:normal}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard #bwsTerrainStage{flex:1;min-width:0;min-height:0}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard #bwsTerrainModal[hidden],html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard #bwsDemWorkspace[hidden]{display:none!important}
@media(max-width:760px){
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard{--hds-dem-top:min(34dvh,270px)}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard.bws-terrain-open #bwsDemWorkspace.is-viewer-open{top:calc(var(--hds-y) + 10px)!important;left:calc(var(--hds-x) + 10px)!important;width:calc(var(--hds-vw) - 20px)!important;height:var(--hds-dem-top)!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard.bws-dem-workspace-open #bwsTerrainModal{left:calc(var(--hds-x) + 10px)!important;top:calc(var(--hds-y) + var(--hds-dem-top) + 20px)!important;width:calc(var(--hds-vw) - 20px)!important;height:calc(var(--hds-vh) - var(--hds-dem-top) - 30px)!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard #bwsTerrainModal .bws-terrain-tools{max-height:74px}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.data-tools-dialog,.bws-hydro-dialog,.bws-rc-dialog,.bws-dm-dialog,.bws-dem-workspace-shell,.menu-auth-dialog,#hkaCoverageExport>section,#hkaSpiExportDialog>section,#hkaObservationExport>section,.data-range-panel,.export-data-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel,.flood-scenario-panel,.coord-panel,.quick-search,#telemetryDashboardPanel,#hkaPlatform,#hkaFieldOps,#hkaSihkaExport,#hkaMapExport,#hdsCoverageDetail){font-size:14px!important;border-radius:10px!important}
html body.hka-modern-nav.hka-spatial-dashboard.hka-spatial-dashboard :is(.data-tools-dialog,.bws-hydro-dialog,.bws-rc-dialog,.bws-dm-dialog,.bws-dem-workspace-shell,.menu-auth-dialog,#hkaCoverageExport>section,#hkaSpiExportDialog>section,#hkaObservationExport>section,.data-range-panel,.export-data-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel,.flood-scenario-panel,.coord-panel,.quick-search,#telemetryDashboardPanel,#hkaPlatform,#hkaFieldOps,#hkaSihkaExport,#hkaMapExport,#hdsCoverageDetail) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
#hkaSpatialDashboard :is(.hds-map-legend,.hds-live-legend){font-size:11px!important;gap:5px 10px}
}
html body.hka-modern-nav.hka-spatial-dashboard #bwsDemWorkspaceClose{color:#14345c!important;background:#f3f7fc!important;border:1px solid #cfdded!important}
html body.hka-modern-nav.hka-spatial-dashboard .bws-dem-workspace-kicker{color:#647894!important}
#hkaSpatialDashboard .hds-map-summary .summary-legend-title:empty{display:none}
@media(min-width:641px) and (max-width:1050px){
 #hkaSpatialDashboard{grid-template-rows:110px minmax(0,1fr)}
 #hkaSpatialDashboard .hds-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:65px 45px;gap:0 12px}
 #hkaSpatialDashboard .hds-brand{grid-column:1;grid-row:1}
 #hkaSpatialDashboard .hds-search-wrap{grid-column:2;grid-row:1}
 #hkaSpatialDashboard .hds-account-wrap{grid-column:3;grid-row:1}
 #hkaSpatialDashboard .hds-heading{display:flex;grid-column:1/-1;grid-row:2;padding:4px 10px}
 #hkaSpatialDashboard .hds-heading strong{font-size:15px}
 #hkaSpatialDashboard .hds-heading>span{display:none}
 #hkaSpatialDashboard .hds-sidebar,#hkaSpatialDashboard .hds-drawer-shade{top:110px}
}
@media(max-width:640px){
 #hkaSpatialDashboard{grid-template-rows:145px minmax(0,1fr)}
 #hkaSpatialDashboard .hds-header{grid-template-rows:58px 43px 35px}
 #hkaSpatialDashboard .hds-heading{display:flex;grid-column:1/-1;grid-row:2;min-width:0;padding:4px 5px;background:#f0f7fc}
 #hkaSpatialDashboard .hds-heading strong{font-size:13px;line-height:1.35}
 #hkaSpatialDashboard .hds-heading>span{display:none}
 #hkaSpatialDashboard .hds-search-wrap{grid-row:3}
 #hkaSpatialDashboard .hds-sidebar,#hkaSpatialDashboard .hds-drawer-shade{top:145px}
}

/* HKA_OPERATIONS_UI_V120: dedicated chart geometry, compact text and avatars. */
html body.hka-spatial-dashboard #bwsHydroOverlay .bws-hydro-chart-card{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
html body.hka-spatial-dashboard #bwsHydroOverlay .bws-hydro-chart-wrap{position:relative!important;box-sizing:border-box!important;height:clamp(250px,42vh,420px)!important;min-height:250px!important;max-height:420px!important;width:100%!important;min-width:0!important;overflow:hidden!important;padding:0!important;contain:size layout}
html body.hka-spatial-dashboard #bwsHydroChart{position:absolute!important;inset:0;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}
html body.hka-spatial-dashboard #bwsHydroOverlay .hka-county-heading h3,html body.hka-spatial-dashboard #bwsHydroOverlay .hka-county-station,html body.hka-spatial-dashboard #bwsHydroOverlay .bws-sync-card h3,html body.hka-spatial-dashboard #bwsHydroEntity{font-size:13px!important;line-height:1.5!important;font-weight:500!important}
html body.hka-spatial-dashboard .menu-auth-dialog{padding:22px!important}
html body.hka-spatial-dashboard .menu-auth-dialog h2{font-size:20px!important}
html body.hka-spatial-dashboard .hds-map-card.hds-expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;z-index:24000!important;border-radius:0!important;background:#edf4fa}
body.hds-map-expanded{overflow:hidden!important}
html body.hka-spatial-dashboard .hds-map-card.hds-expanded #hdsMapSlot{height:100%!important;width:100%!important}
html body.hka-spatial-dashboard .hds-map-card.hds-expanded #map{height:100%!important;width:100%!important;max-height:none!important}
.hds-map-tools .hds-icon-button[aria-pressed=true]{background:#0965ee!important;color:#fff!important}
#hkaFieldOps .fo-identity{display:flex;align-items:center;gap:9px}
#hkaFieldOps .fo-avatar,.hds-account .hds-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #dce6f1;flex-shrink:0}
#hkaFieldOps .fo-avatar-fallback{display:inline-grid;place-items:center;background:#eaf2fc;color:#174b80;font-size:11px;font-weight:600}
#hkaFieldOps .fo-avatar[hidden]{display:none!important}
#hkaFieldOps .fo-avatar-preview{width:112px;height:112px;object-fit:cover;border-radius:50%;border:1px solid #dce6f1;justify-self:center}
#hkaFieldOps .fo-avatar-form{max-width:420px;margin:auto}
@media(max-width:600px){html body.hka-spatial-dashboard .hds-map-top{flex-wrap:wrap;gap:8px}.hds-map-tools{flex-wrap:wrap;justify-content:flex-end}html body.hka-spatial-dashboard #bwsHydroOverlay .bws-hydro-chart-wrap{height:280px!important;min-height:280px!important}}

html body.hka-spatial-dashboard .hds-map-card.hds-expanded>.hds-layer-card{position:absolute;top:68px;right:16px;width:min(310px,calc(100vw - 32px));max-height:calc(100dvh - 150px);overflow:auto;z-index:1300;background:#fff}
/* HKA_CLEAN_COPY_V160 — remove secondary explanations only. */
html body.hka-spatial-dashboard :is(
 .bws-v3-brand-kicker,.bws-v3-brand-subtitle,
 .bws-v3-panel-kicker,.bws-v3-panel-description,.bws-dem-workspace-kicker,
 .hka-feature-hint,.hka-footer-copy,.hka-footer-mark,
 .export-header-subtitle,.station-export-hint,.dem-export-intro,
 .upload-hint,.upload-format-hint,.das-multi-selection-hint,
 .summary-legend-subtitle,
 .dfa-header p,.na-title p,.data-tools-head p,.bws-hydro-head p,
 .bws-rc-head p,.flood-scenario-head p,.coord-tool-header p,
 .bws-terrain-head p,.bws-lc-head p,.bws-rain-head p,
 .dfa-section-head>em,.na-section-head small,.coord-step-heading small,
 .bws-dem-map-tools>summary>small
){display:none!important}
/* Counts, units, dates, chart scope, legend, form labels, report contents and
   validation/status messages have no matching selector and remain available. */

/* HKA_SESSION_CHECK_RECOVERY_V1 */
html body.hka-spatial-dashboard .hds-session-recovery{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin:0 0 16px;padding:14px 18px;color:#174b80;border:1px solid #cddded;background:#f5f9fd}
html body.hka-spatial-dashboard .hds-session-recovery[hidden]{display:none!important}
html body.hka-spatial-dashboard .hds-session-recovery p{margin:0;font-size:14px;line-height:1.5}
html body.hka-spatial-dashboard .hds-session-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
@media(max-width:600px){html body.hka-spatial-dashboard .hds-session-recovery{align-items:flex-start;flex-direction:column;padding:12px;margin-bottom:12px}}