.water-stage-badge{font-size:9px;white-space:nowrap;background:#edf4e7;color:#557d47;border:1px solid #dce8d2;padding:5px 8px;border-radius:4px;margin-left:auto}.raw-water-marker{background:none;border:0}.raw-water-marker>span{display:block;width:16px;height:16px;transform:rotate(45deg);border:2px solid #fff;box-shadow:0 1px 5px #1b3f5e70}.water-popup .raw-popup-badge{color:#456f8a;background:#eaf1f6;padding:4px 7px;border-radius:3px}body[data-water-stage=raw] .water-stage-badge{background:#e8f0f5;color:#456c86;border-color:#cbdce7}body[data-water-stage=raw] .selected-summary{background:#e7eef3;border-color:#d2dfe8}body[data-water-stage=raw] .big-measure>span:first-child{color:#315b75}body[data-water-stage=raw] .map-explorer{border-color:#d6e2ea}body[data-water-stage=raw] .selected-summary .panel-eyebrow,body[data-water-stage=raw] .selected-delta{color:#6f91a8}body[data-water-stage=raw] .metric-tab.active{background:#3d6984}body[data-water-stage=raw] .time-playback input{accent-color:#547f9a}body[data-water-stage=treatment] .water-stage-badge{background:#f3ede2;color:#957b4d;border-color:#e3d7c0}
.location-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:19px}.location-search-wrap{position:relative;flex:1;min-width:220px}.location-search-wrap .search-box{background:#fff;padding:11px 12px}.location-search-wrap .search-box input{font-size:11px}.location-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #d7e3d2;border-radius:6px;box-shadow:0 10px 30px #1d452622;z-index:1200;max-height:330px;overflow:auto}.location-results button{display:block;text-align:left;width:100%;padding:12px 15px;border-bottom:1px solid #edf1e8}.location-results button:hover{background:#eef5e6}.location-results strong{font-size:11px;font-weight:500}.location-results small{display:block;font-size:9px;color:#8e9e80;margin-top:6px}.location-toolbar .secondary-button{height:38px;background:#fff}.dataset-field{font-size:9px;display:flex;align-items:center;gap:7px;color:#829575}.dataset-field select{padding:10px 25px 10px 10px;background:#fff;border:1px solid #dbe5d5;border-radius:5px;color:#45673c;font-size:10px;max-width:230px}
.map-explorer{position:relative;margin-top:10px;border-top:1px solid #edf1e6;border-bottom:1px solid #edf1e6;isolation:isolate}.map-explorer #korea-map{width:100%;height:620px;background:#edf1e7;z-index:1}.map-explorer .leaflet-container{font-family:inherit}.map-explorer .leaflet-control-attribution{font-size:8px;max-width:95%;line-height:1.7;background:#ffffffe0;color:#76916e}.map-explorer .leaflet-control-attribution a{color:#547e4b}.map-home{position:absolute;right:12px;top:12px;z-index:600;background:#fff;border:1px solid #d2deca;padding:9px 11px;border-radius:4px;box-shadow:0 1px 6px #1c452414;font-size:10px;color:#507443}.map-layer-state{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);background:#fffffff0;padding:7px 11px;border-radius:4px;box-shadow:0 2px 10px #1c452411;z-index:600;font-size:9px;color:#6c875e;white-space:nowrap;max-width:95%;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.geo-label{background:transparent;border:0;text-align:center;pointer-events:none!important;line-height:1.7;white-space:nowrap;text-shadow:0 1px 3px #fff,0 -1px 3px #fff,1px 0 3px #fff,-1px 0 3px #fff}.geo-label>span{display:block;font-size:10px;color:#325e31}.geo-label b{display:block;font:18px Georgia,serif;color:#1c5027;font-weight:600}.point-label{font-size:10px;border:1px solid #d5dfcd;background:#fffffff0;color:#4e7241;padding:4px 7px;box-shadow:0 2px 5px #123b1710;border-radius:3px}.area-tooltip{font-size:11px;background:#173f31;color:#fff;border:0;border-radius:4px;padding:8px 11px;box-shadow:0 2px 10px #163b2315}
.water-popup{font-family:'Segoe UI','Malgun Gothic',sans-serif;color:#274c2d;line-height:1.7}.water-popup small{font-size:9px;color:#8b9d7b}.water-popup h3{font-size:15px;margin:4px 0 13px}.water-popup .popup-value{font:30px Georgia,serif;color:#24623c;margin-bottom:12px}.water-popup .popup-value span{font:10px 'Segoe UI',sans-serif;display:inline-block;max-width:130px;overflow-wrap:anywhere;color:#8b9e77}.water-popup p{font-size:10px;margin:5px 0;color:#8a9a78}.water-popup p.popup-precision{font-size:9px;padding-top:8px;border-top:1px solid #e8eddf;margin-top:10px}.water-popup .popup-warning{color:#ad7b42;font-size:10px;line-height:1.8}.water-popup button{font-size:10px;padding:10px 0 2px;color:#4d7940;font-weight:500}.leaflet-popup-content-wrapper{border-radius:7px}.leaflet-popup-content{margin:18px 20px}.time-playback{display:flex;gap:12px;align-items:center;padding:15px 24px 20px}.time-playback button{font-size:18px;color:#50784b;width:22px;height:28px;padding:0}.time-playback input{min-width:40px;flex:1;accent-color:#4f8051;height:4px}.time-playback>span{font:italic 13px Georgia,serif;color:#77946b;min-width:53px;text-align:right}
.location-help{font-size:11px;line-height:1.9;color:#8a9c77;margin-bottom:15px}#location-input{display:block;width:100%;resize:vertical;min-height:110px;max-height:230px;border:1px solid #d9e3cd;border-radius:5px;background:#f8fbf4;padding:12px;font-size:12px;color:#4b703f;line-height:1.9}.location-actions{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px}.location-actions .primary-button{margin-top:13px}.location-comparison-head{display:flex;justify-content:space-between;font-size:10px;color:#8c9e76;padding:10px 5px;border-bottom:1px solid #dfe7d5}.saved-place{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:14px 5px;text-align:left;border-bottom:1px solid #e8eee0}.saved-place strong{font-size:11px;font-weight:500;line-height:1.7}.saved-place small{display:block;font-size:9px;color:#97a586;line-height:1.8;margin-top:5px}.saved-place>span:last-child{text-align:right;white-space:nowrap;font:20px Georgia,serif}.saved-place:hover{background:#f5f9ef}.saved-place>span:last-child small{font:9px 'Segoe UI',sans-serif}.sample-warning{background:#f8f0df;border:1px solid #ecddba;padding:12px 15px;font-size:11px;color:#9b814e;line-height:1.9;border-radius:5px;margin-bottom:18px}.sample-parameter-title{line-height:1.8}.sample-param.review>span:last-child{color:#b08549}
@media(max-width:1180px){.map-explorer #korea-map{height:580px}.filter-fields{flex-wrap:wrap}.location-toolbar .location-search-wrap{min-width:180px}.dataset-field select{max-width:200px}.location-toolbar .secondary-button{font-size:10px}.geo-label b{font-size:16px}}
@media(max-width:900px){.location-toolbar{gap:8px}.dataset-field{margin-left:auto}.filters{align-items:start}.filter-fields{justify-content:flex-start;gap:10px}.map-explorer #korea-map{height:540px}.map-layer-state{font-size:8px}.geo-label b{font-size:15px}.geo-label>span{font-size:9px}.time-playback{padding:12px 16px 18px;gap:8px}}
@media(max-width:720px){.location-toolbar{gap:9px;margin-top:17px}.location-search-wrap{flex-basis:100%}.location-toolbar .secondary-button{padding:8px 10px;height:35px;font-size:10px}.dataset-field{font-size:9px;flex:1;justify-content:flex-end;min-width:0}.dataset-field select{max-width:210px;min-width:0;font-size:10px;padding:8px 22px 8px 9px}.location-search-wrap .search-box input{font-size:12px}.location-results strong{font-size:12px}.location-results small{font-size:10px}.filters{gap:14px}.filter-fields{justify-content:flex-start;gap:10px}.filter-fields label{font-size:9px}.filter-fields select{max-width:126px}.map-explorer #korea-map{height:510px}.map-layer-state{font-size:8px;padding:6px 8px;bottom:26px}.map-home{font-size:10px;padding:8px 10px}.geo-label b{font-size:15px}.geo-label>span{font-size:9px}.time-playback{padding:12px 18px 17px;gap:11px}.time-playback button{width:21px}.time-playback>span{font-size:12px}.map-legend{max-width:100%;padding:0 22px 15px}.water-popup h3{font-size:14px}.water-popup .popup-value{font-size:27px}}
@media(max-width:390px){.map-explorer #korea-map{height:465px}.dataset-field select{max-width:185px}.filter-fields{gap:8px}.filter-fields label{font-size:8px}.filter-fields select{max-width:120px}.time-playback{gap:8px;padding-left:14px;padding-right:14px}.map-layer-state{max-width:92%;font-size:8px}}
.connection-notice{display:flex;align-items:center;gap:20px;padding:18px 22px;margin:0 0 22px;background:#faf4e6;border:1px solid #e8d9b9;border-radius:7px;color:#6e5933;font-size:13px;line-height:1.65}
.connection-notice[hidden]{display:none}
.sample-raw-meta{background:#e8f0f5;color:#456c86;padding:12px;border-radius:5px;font-size:12px;line-height:1.8}
.sample-observations{padding:14px;background:#f5f8f6;border:1px solid #dbe6df;border-radius:5px;margin:20px 0}.sample-observations summary{cursor:pointer;color:#426856;font-size:12px;line-height:1.8}
.connection-notice p{margin:5px 0 0}.connection-notice .secondary-button{white-space:nowrap;flex-shrink:0}
.metric-guidance{margin:-8px 0 20px;font-size:12px;line-height:1.8;color:#667e75}.metric-guidance .text-button{font-size:12px}
.metric-tab.metric-unavailable{color:#929b94;background:repeating-linear-gradient(135deg,transparent,transparent 5px,#edf0eb 5px,#edf0eb 6px)}
.metric-tab.metric-unavailable::after{content:' ↗';font-size:10px}.metric-choice:disabled{cursor:default;opacity:.5}
#api-setup-dialog ol{padding-left:22px}#api-setup-dialog li{margin:0 0 18px;line-height:1.9}#api-setup-dialog pre{padding:13px;background:#edf2eb;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){.connection-notice{align-items:flex-start;flex-direction:column;gap:12px;padding:15px}.metric-guidance{margin-top:0}}
.treated-water-marker{background:none;border:0}.treated-water-marker>span{display:block;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 5px #17433370}.facility-cluster{background:none;border:0}.facility-cluster>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#225e48;color:#fff;border:3px solid #c4dac9;font-size:11px;font-weight:600;box-shadow:0 2px 6px #183e3d35}.facility-cluster.raw-cluster>span{background:#365f7a;border-color:#c1d6e2;border-radius:9px}.facility-cluster:focus-visible,.treated-water-marker:focus-visible,.raw-water-marker:focus-visible{outline:3px solid #d89a37;outline-offset:4px}.sample-coordinate{background:#edf3f5;border:1px solid #d8e4e8;color:#54717e;padding:12px 15px;font-size:10px;line-height:1.9;border-radius:5px;margin-bottom:16px}.sample-coordinate strong{display:block;font-size:11px}.sample-coordinate p{margin:5px 0}.sample-raw-meta{font-size:11px;line-height:1.9;color:#52738b;margin:12px 0}.sample-history-records{margin:14px 0 24px;font-size:11px;color:#547060}.sample-history-records summary{cursor:pointer;padding:10px 0}.sample-history-table{max-height:190px;overflow:auto;border-top:1px solid #e1e9e2}.sample-history-table>button{display:grid;grid-template-columns:minmax(100px,1.2fr) 1fr minmax(50px,1fr);width:100%;gap:10px;text-align:left;padding:10px 8px;border-bottom:1px solid #e9eee8;align-items:center;font-size:10px}.sample-history-table>button:hover,.sample-history-table .current-observation{background:#eef4eb}.sample-history-table strong{text-align:right;font-weight:500}.sample-history-table span{font-size:9px;color:#8a9a8f;text-align:right}.water-popup button{display:block;text-align:left;width:100%}.sample-history-records>p{margin:8px 0;color:#8a9a8f}
.schedule-status{font-size:12px;line-height:1.9;color:#50745e;background:#e8f0e4;border:1px solid #d8e5d2;border-radius:6px;padding:15px 18px;margin:20px 0}