@font-face{font-family:UXPlex;src:url('./assets/fonts/ibm-plex-sans-400.ttf')}@font-face{font-family:UXPlex;src:url('./assets/fonts/ibm-plex-sans-500.ttf');font-weight:500}@font-face{font-family:UXPlex;src:url('./assets/fonts/ibm-plex-sans-600.ttf');font-weight:600}
.ux-trial>.presentation-header,.ux-trial>.card,.ux-trial>.services-card,.ux-trial>.layer-switch,.ux-trial>.tools,.ux-trial>.navigation-mode,.ux-trial>footer,.ux-trial>#info,.ux-trial>#waterLoadError{display:none!important}
.ux-trial #viewport{inset:0!important}.ux-trial #waterHotspot{z-index:8!important;background:rgba(14,23,36,.93)!important;border:1px solid #d27a25!important;border-radius:12px!important;color:#eff4fa!important;box-shadow:0 12px 36px #0004!important;max-width:220px!important;font:13px UXPlex!important}.ux-trial #waterHotspot .hotspot-kicker{color:#ff9c38!important}.ux-trial #waterLeader{z-index:7!important}.ux-trial #journey{z-index:25;bottom:110px!important;left:50%!important;transform:translateX(-50%);max-width:320px}.ux-trial #sectionLoading{z-index:40}
#ux{--orange:#ff7900;--muted:#aebccc;--line:#c7d7ef16;--panel:rgba(17,25,39,.91);position:fixed;inset:0;pointer-events:none;z-index:12;font:13px/1.4 UXPlex,Arial,sans-serif;color:#f2f5fa;letter-spacing:0;--right:338px;--left:102px;--bottom:100px}
#ux *{box-sizing:border-box}#ux [hidden]{display:none!important}#ux button,#ux input,#ux a,#ux dialog{pointer-events:auto}#ux button{font:inherit;color:inherit;border:1px solid transparent;background:none;box-shadow:none;margin:0;letter-spacing:0;cursor:pointer;transition:background .18s,border-color .18s,color .18s;min-width:0;min-height:0;text-transform:none}#ux button:hover{background:#ffffff10}#ux button:focus-visible,#ux a:focus-visible,#ux input:focus-visible{outline:2px solid #ff9b43;outline-offset:3px}#ux a{color:inherit;text-decoration:none}#ux button svg,#ux .u-search>svg{width:20px;height:20px;flex-shrink:0}#ux h1,#ux h2,#ux p{margin:0;letter-spacing:0}#ux h1{font-size:21px;line-height:1.25;font-weight:600;margin:4px 0 5px}#ux h2{font-size:13px;font-weight:600;margin:24px 0 12px}#ux small{font-size:11px;color:var(--muted)}#ux .u-glass{background:var(--panel);border:1px solid #b6c8e425;box-shadow:0 10px 30px #0002;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:15px}
#ux .u-header{position:absolute;inset:18px 22px auto;height:64px;display:flex;align-items:center;gap:20px;padding:10px 14px;pointer-events:auto;border-radius:16px;background:rgba(12,20,33,.9)}#ux .u-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}#ux .u-brand>b{background:var(--orange);height:42px;width:42px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;border-radius:7px;font-size:12px;font-weight:600;position:relative;letter-spacing:-.5px;color:white}#ux .u-brand>b>span{position:absolute;font-size:4px;right:2px;bottom:17px}#ux .u-brand strong{font-size:14px;display:block;font-weight:600}#ux .u-brand small{display:block;font-size:10px;margin-top:1px}#ux .u-segment{display:flex;gap:3px;align-items:center;padding:4px;border-radius:10px;background:#c4d5ef09}#ux .u-segment button{padding:8px 12px;border-radius:7px;font-size:11px;font-weight:500;white-space:nowrap;color:#aebaca}#ux .u-segment button.selected{background:#e1e7f125;color:#fff}#ux .u-search{height:36px;position:relative;display:flex;align-items:center;gap:9px;flex:1;max-width:360px;background:#d2ddeb0b;border:1px solid #c7d3e31b;border-radius:9px;padding:0 11px;color:#9aaac0}#ux .u-search>svg{width:15px;height:15px}#ux input{font:inherit;color:inherit}#ux .u-search input{width:100%;background:none;border:0;outline:0;font-size:12px;height:100%;min-width:50px}#ux input::placeholder{color:#92a0b0}#ux kbd{white-space:nowrap;font:10px UXPlex;border:1px solid #ffffff19;border-radius:4px;padding:1px 3px}#ux #u-results{position:absolute;top:44px;left:0;right:0;background:#152031;border:1px solid #ffffff25;border-radius:12px;overflow:hidden;box-shadow:0 15px 35px #0008}#ux #u-results button{width:100%;padding:13px;text-align:left;display:flex;justify-content:space-between}#ux #u-results p{padding:15px}#ux .u-demo{display:flex;gap:8px;align-items:center;font-size:9px;font-weight:600;letter-spacing:.5px;margin-left:auto;white-space:nowrap;background:#d0deef08;padding:9px 10px;border-radius:9px}#ux .u-demo i{width:6px;height:6px;border-radius:50%;background:#55cbb0;box-shadow:0 0 0 3px #55cbb020}#ux .u-demo time{color:#aab9ca;letter-spacing:1px;font-size:10px}#ux .u-icon{padding:7px;display:grid;place-items:center;border-radius:8px}#ux .u-alert{position:relative;width:36px;height:36px;background:#d4e0ed09}#ux .u-alert b{position:absolute;right:1px;top:0;border-radius:50%;background:var(--orange);color:#101722;width:13px;height:13px;font-size:9px}#ux .u-avatar{height:34px;width:34px;border-radius:50%;background:#34435c;font-size:10px;font-weight:600}
#ux .u-rail{position:absolute;top:100px;left:22px;width:68px;padding:8px 6px;display:flex;flex-direction:column;gap:3px;pointer-events:auto}#ux .u-rail button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:55px;border-radius:9px;padding:6px 1px;color:#ccd6e2}#ux .u-rail button svg{width:21px;height:21px}#ux .u-rail button span{font-size:10px;font-weight:500}#ux .u-rail button.selected{background:var(--orange);color:#111924}#ux .u-rail hr{width:34px;border:0;border-top:1px solid var(--line);margin:8px auto 3px}
#ux .u-context{position:absolute;top:100px;left:115px;display:flex;align-items:flex-start;flex-direction:column;gap:8px;max-width:calc(100vw - var(--right) - 205px)}#ux .u-context .u-glass{border-radius:10px}#ux .u-alert-banner{display:flex;align-items:center;gap:10px;padding:10px 13px;font-size:11px;border-color:#df82254a}#ux .u-alert-banner b{font-weight:500}#ux .u-alert-banner span{font-size:10px;color:var(--muted)}#ux .u-alert-banner svg{width:14px;height:14px;color:#ff9a37}#ux .u-dot{width:6px;height:6px;border-radius:50%;background:#ff8e26;display:inline-block;flex-shrink:0}#ux .u-context-caption{font-size:11px;padding:8px 12px;display:flex;gap:8px;align-items:center;color:#c4d2e1}#ux .u-context-caption button{color:#71d3f6;font-size:10px;padding:0 0 0 8px;border-left:1px solid #ffffff20;border-radius:0}
#ux .u-panel{position:absolute;top:100px;right:22px;bottom:108px;width:var(--right);padding:22px 20px 18px;display:flex;flex-direction:column;pointer-events:auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff25 transparent;transition:transform .28s,opacity .28s}#ux .u-panel-close{position:absolute;top:16px;right:16px;background:#ffffff06;color:#b5c2d2}#ux .u-panel-close svg{width:14px;height:14px}#ux .u-eyebrow{font-size:10px;font-weight:600;letter-spacing:1px;color:#ffab50;padding-right:25px}#ux .u-sub{font-size:11px;color:var(--muted)}#ux .u-score{display:flex;align-items:center;gap:14px;margin:22px 0 16px}#ux .u-score>strong{font-size:52px;font-weight:600;line-height:1;letter-spacing:-2px}#ux .u-score b{font-size:12px;font-weight:500}#ux .u-score small{display:block;margin-top:4px;font-size:10px}#ux .u-green{color:#50d0ad!important}#ux .u-orange{color:#ff992a!important}#ux .u-spectrum{height:5px;border-radius:3px;background:linear-gradient(90deg,#5bd6ce 0 16%,#13222c 16% 16.5%,#52c9a3 16.5% 33%,#13222c 33% 33.5%,#e5df5e 33.5% 50%,#13222c 50% 50.5%,#ff6e67 50.5% 67%,#13222c 67% 67.5%,#cd396c 67.5% 84%,#13222c 84% 84.5%,#982f8c 84.5%);flex-shrink:0}#ux .u-chart-ticks{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:6px}#ux .u-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:24px;font-size:12px}#ux .u-chart-heading b{font-weight:500}#ux .u-chart-heading>span{font-size:10px;color:var(--muted)}#ux .u-chart{width:100%;height:98px;margin-top:6px;flex-shrink:0}#ux .u-district{display:flex;align-items:center;width:100%;padding:10px 0;border-bottom:1px solid var(--line);gap:10px;border-radius:0;font-size:11px}#ux .u-district>i{width:6px;height:6px;border-radius:50%}#ux .u-district>span{flex:1;text-align:left}#ux .u-district>div{width:75px;height:3px;background:#d7e8e812;border-radius:5px}#ux .u-district>div i{display:block;height:3px}#ux .u-district>b{font-size:10px;width:22px;text-align:right;font-weight:500}#ux .u-panel-note{font-size:11px;color:#9daec2;line-height:1.55;border-left:2px solid #7496b242;padding-left:12px;margin:20px 0}#ux .u-panel-actions{margin-top:auto;padding-top:22px;display:flex;gap:8px;flex-shrink:0}#ux .u-panel-actions button,#ux .u-primary{padding:12px 10px;border:1px solid #ffffff23;border-radius:9px;font-size:11px;font-weight:500}#ux .u-panel-actions .u-primary{flex:1}#ux .u-primary{background:var(--orange)!important;border-color:var(--orange)!important;color:#10151c!important}#ux .u-primary:hover{background:#ff9630!important}#ux .u-map-tools{position:absolute;right:calc(var(--right) + 38px);top:100px;display:flex;flex-direction:column;gap:8px;width:39px;pointer-events:auto}#ux .u-map-tools .u-glass{border-radius:11px;overflow:hidden}#ux .u-map-tools button{width:39px;height:39px;display:grid;place-items:center;padding:8px;font-size:10px;border-radius:0}#ux .u-map-tools button.selected{background:#ffffff15;color:white}#ux .u-map-tools .u-view button{height:32px}#ux .u-map-tools .u-reopen{display:none}#ux.u-panel-hidden .u-panel{transform:translateX(110%);opacity:0;pointer-events:none}#ux.u-panel-hidden .u-map-tools{right:22px}#ux.u-panel-hidden .u-reopen{display:grid}
#ux .u-kpis{position:absolute;left:115px;bottom:108px;display:flex;gap:7px;max-width:calc(100% - var(--right) - 200px)}#ux .u-kpis button{text-align:left;padding:10px 12px;width:135px;min-width:105px;border-radius:11px}#ux .u-kpis small{display:block;font-size:10px}#ux .u-kpis strong{display:flex;gap:5px;align-items:baseline;font-size:19px;font-weight:600;margin:2px 0}#ux .u-kpis strong span{font-size:10px;font-weight:400;color:#c3cfdd}#ux .u-kpis em{display:block;font-style:normal;color:#8cb9aa;font-size:9px}
#ux .u-timeline{position:absolute;bottom:18px;left:22px;right:22px;height:72px;display:flex;align-items:center;gap:16px;padding:12px 14px;background:rgba(12,20,32,.94);pointer-events:auto}#ux .u-play{display:grid;place-items:center;height:43px;width:43px;border-radius:10px;background:#ffffff0d;flex-shrink:0}#ux .u-play svg{width:16px;height:16px}#ux .u-time-title{width:125px;flex-shrink:0}#ux .u-time-title strong{font-size:11px;font-weight:500;display:block}#ux .u-time-title small{font-size:9px;display:block;margin-top:3px}#ux .u-scrub{position:relative;flex:1;height:39px;min-width:80px}#ux .u-bars{height:21px;display:flex;gap:3px;align-items:flex-end;padding:0 4px}#ux .u-bars i{flex:1;border-radius:2px 2px 0 0}#ux #u-hour{position:absolute;left:0;top:17px;width:100%;margin:0;height:4px;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#fb8d25aa,#ffffff10);border-radius:4px;cursor:pointer}#ux #u-hour::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;background:#ff8a21;border:2px solid white;border-radius:50%}#ux #u-hour::-moz-range-thumb{width:9px;height:9px;background:#ff8a21;border:2px solid white;border-radius:50%}#ux .u-time-ticks{display:flex;justify-content:space-between;color:#9cacc0;font-size:8px;font-variant-numeric:tabular-nums;margin-top:6px}#ux .u-range button{padding:6px 9px;font-size:10px}#ux .u-export{display:flex;align-items:center;gap:6px;border:1px solid #ffffff22;padding:8px 10px;border-radius:9px;font-size:11px}#ux .u-export svg{width:15px;height:15px}#ux .u-attribution{position:absolute;bottom:93px;left:30px;font-size:8px;color:#e2eaf3;text-shadow:0 1px 3px #000;background:#12202a70;border-radius:3px;padding:1px 4px}
#ux .u-map-labels{position:absolute;inset:0;pointer-events:none;z-index:-1}#ux .u-pin,#ux .u-column-label{position:absolute;left:0;top:0;box-shadow:0 3px 12px #0005;background:#172131eb;border:1px solid #c5d8eb25;border-radius:8px;padding:4px 8px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:500;will-change:transform}#ux .u-pin i{width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 3px #ffffff0d}#ux .u-column-label{display:block;text-align:center;font-weight:400;font-size:9px}#ux .u-column-label b{display:block;font-size:10px}
#ux .u-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:22px}#ux .u-metrics>div{background:#dae5f209;border-radius:10px;padding:10px 8px}#ux .u-metrics small{display:block;font-size:9px;white-space:nowrap}#ux .u-metrics b{display:block;font-size:21px;font-weight:600}#ux .u-metrics em{font-size:10px;font-weight:400;font-style:normal;margin-left:5px;color:#aebbd0}#ux .u-metrics span{font-size:9px;color:#aebbd0}#ux .u-explain{color:#adbacb;font-size:11px;line-height:1.5;margin-top:4px}#ux .u-rows{margin:0}#ux .u-rows>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}#ux .u-rows dt{color:#acbbcd}#ux .u-rows dd{margin:0;font-weight:500;text-align:right}#ux .u-inspect{position:absolute;left:115px;bottom:108px;width:280px;overflow:hidden;padding:10px;pointer-events:auto}#ux .u-pipe-preview{height:84px;border-radius:9px;background:linear-gradient(135deg,#192536,#334958);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}#ux .u-pipe-preview>span{position:absolute;top:6px;left:7px;font-size:8px;letter-spacing:.8px;background:#0b152ab3;padding:2px 5px;border-radius:4px}#ux .u-inspect-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px}#ux .u-inspect-footer strong{font-size:11px;font-weight:500}#ux .u-inspect-footer small{display:block;font-size:9px}#ux .u-link{font-size:10px;color:#ffa548;background:#ff790015;border-radius:7px;padding:7px;display:flex;align-items:center;gap:3px}#ux .u-link svg{width:12px;height:12px}
#ux .u-emission-total{font-size:43px;line-height:1.1;font-weight:600;letter-spacing:-1.8px;margin:22px 0 6px}#ux .u-emission-total>span{font-size:11px;color:#bbc9d9;letter-spacing:0;font-weight:400;margin-left:9px}#ux .u-change{font-size:10px}#ux .u-source-bar{height:7px;border-radius:4px;display:flex;gap:2px;overflow:hidden;flex-shrink:0}#ux .u-source-bar i:nth-child(1){width:37%;background:#ed557d}#ux .u-source-bar i:nth-child(2){width:40%;background:#ff9a4c}#ux .u-source-bar i:nth-child(3){width:16%;background:#edcb70}#ux .u-source-bar i:nth-child(4){width:7%;background:#bba4f4}#ux .u-source-legend{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:9px;font-size:10px}#ux .u-source-legend span{display:flex;gap:5px;align-items:center}#ux .u-source-legend i{height:6px;width:6px;border-radius:1px;background:#ed557d}#ux .u-source-legend span:nth-child(2) i{background:#ff9a4c}#ux .u-source-legend span:nth-child(3) i{background:#edcb70}#ux .u-source-legend span:nth-child(4) i{background:#bba4f4}#ux .u-simulator{background:#d5dfed08;border:1px solid #d5dfed12;border-radius:11px;padding:12px;margin-top:20px}#ux .u-simulator .u-chart-heading{margin:0 0 8px;font-size:11px}#ux .u-toggle{display:flex;align-items:center;gap:10px;padding:10px 0;cursor:pointer;pointer-events:auto;position:relative;font-size:10px}#ux .u-toggle small{display:block;font-size:9px;margin-top:2px}#ux .u-toggle input{position:absolute;width:29px;height:19px;opacity:0}#ux .u-toggle>i{width:29px;height:17px;background:#59657470;border-radius:15px;flex-shrink:0;position:relative}#ux .u-toggle>i:after{content:'';position:absolute;width:11px;height:11px;top:3px;left:3px;background:#eef2f6;border-radius:50%;transition:transform .2s}#ux .u-toggle input:checked+i{background:#ff7900}#ux .u-toggle input:checked+i:after{transform:translateX(12px)}#ux .u-toggle input:focus-visible+i{outline:2px solid #ffa043;outline-offset:3px}#ux .u-model-note{font-size:9px;line-height:1.5;display:block;color:#93a3b9}
#ux .u-toast{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);background:#142033f2;border:1px solid #ffffff25;border-radius:10px;padding:12px 18px;max-width:400px;text-align:center;font-size:12px;box-shadow:0 12px 35px #0005;z-index:30}#ux dialog{background:#131e2c;color:#edf3f8;border:1px solid #a6bcd23a;border-radius:18px;padding:30px;width:min(470px,90vw);max-height:80vh;box-shadow:0 40px 100px #0009;font:13px/1.6 UXPlex}#ux dialog::backdrop{background:#05101e80;backdrop-filter:blur(5px)}#ux dialog h2{font-size:24px;margin:8px 0 16px}#ux dialog p{color:#b8c7d8;margin:14px 0}#ux dialog a{color:#ffac5b}#ux .u-dialog-close{position:absolute;top:12px;right:12px;padding:6px;display:grid;place-items:center}#ux .u-place-list{display:flex;flex-direction:column}#ux .u-place-list button{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);border-radius:0}#ux .u-form-label{display:flex;flex-direction:column;gap:8px;margin:20px 0}#ux .u-form-label input{background:#ffffff09;border:1px solid #ffffff25;padding:10px;border-radius:8px}
@media(min-width:1600px){#ux{--right:370px}#ux .u-panel{padding:26px}#ux .u-header{gap:25px}#ux .u-search{max-width:430px}#ux .u-chart{height:115px}#ux .u-rail button{min-height:62px}}
@media(max-height:800px){#ux .u-rail{gap:0}#ux .u-rail button{min-height:47px}#ux .u-rail button svg{height:18px}#ux .u-panel{padding:18px}#ux .u-chart{height:75px}#ux .u-chart-heading{margin-top:18px}#ux h2{margin-top:18px}#ux .u-score{margin:18px 0 12px}#ux .u-panel-note{margin:14px 0}#ux .u-simulator{margin-top:12px}#ux .u-toggle{padding:7px 0}#ux .u-panel-actions{padding-top:15px}}
@media(max-width:1150px){#ux{--right:300px}#ux .u-header{gap:10px}#ux .u-brand strong{font-size:12px}#ux .u-main-tabs button{padding:7px 9px}#ux .u-demo time{display:none}#ux .u-kpis button{width:112px}#ux .u-kpis button:nth-child(n+4){display:none}#ux .u-context .u-alert-banner span{display:none}#ux .u-range button{padding:6px}#ux .u-time-title{width:110px}}
@media(max-width:900px){#ux{--right:280px}#ux .u-main-tabs{display:none}#ux .u-demo{font-size:8px}#ux .u-header{left:12px;right:12px}#ux .u-rail{left:12px}#ux .u-panel{right:12px}#ux .u-context{left:94px;max-width:calc(100% - 420px)}#ux .u-context .u-segment{max-width:100%;overflow-x:auto;pointer-events:auto}#ux .u-kpis{left:94px}#ux .u-kpis button:nth-child(n+3){display:none}#ux .u-inspect{left:94px;width:230px}#ux .u-timeline{left:12px;right:12px;gap:10px}#ux .u-export span{display:none}#ux .u-range{display:none}#ux .u-metrics{gap:4px}#ux .u-metrics small{font-size:8px}}
@media(max-width:650px){#ux{--right:min(300px,calc(100vw - 110px))}#ux .u-header{top:10px;height:58px}#ux .u-brand small,#ux .u-demo,#ux .u-avatar,#ux .u-alert{display:none}#ux .u-search{max-width:none;width:60px}#ux .u-search kbd{display:none}#ux .u-brand strong{max-width:115px;line-height:1.2}#ux .u-brand>b{width:34px;height:34px;font-size:10px}#ux .u-panel{top:82px;bottom:95px;padding:15px}#ux .u-rail{top:82px;width:61px;bottom:95px;overflow-y:auto}#ux .u-rail button{min-height:47px}#ux .u-rail button span{font-size:9px}#ux .u-map-tools{display:none}#ux.u-panel-hidden .u-map-tools{display:flex;top:82px}#ux .u-context,#ux .u-kpis,#ux .u-inspect{display:none}#ux .u-timeline{bottom:10px;height:64px;padding:10px}#ux .u-time-title{width:95px}#ux .u-time-title strong{font-size:10px}#ux .u-play{width:32px;height:36px}#ux .u-export{display:none}#ux .u-attribution{bottom:77px;left:15px;font-size:7px}#ux .u-attribution span{display:none}#ux .u-time-ticks span:nth-child(even){display:none}#ux .u-toast{bottom:90px;width:260px}}
@media(prefers-reduced-motion:reduce){#ux *{transition:none!important}}

/* Keep actions available at presentation-sized viewports; analytical content scrolls. */
#ux .u-panel{overflow:hidden;padding-bottom:14px}#ux .u-panel-body{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#ffffff20 transparent;padding-right:2px}#ux .u-panel-actions{margin-top:10px;padding-top:12px;border-top:1px solid #ffffff12}#ux .u-chart{stroke:none;stroke-width:0;fill:none}#ux .u-chart polyline{stroke-width:1.7px}#ux .u-panel-close{z-index:2}#ux[data-layer="emissions"]:before{content:'';position:absolute;inset:0;background:transparent;z-index:-2;pointer-events:none}#ux .u-map-labels{z-index:-1}#ux .u-time-title{line-height:1.3}

#ux .u-context .u-segment.u-glass{background:rgba(17,25,39,.92)}

/* Reproducible capture of the actual buried-pipe model for its preview card. */
body.capture-pipe #ux,body.capture-pipe #waterHotspot,body.capture-pipe #waterLeader,body.capture-pipe #journey,body.capture-pipe #sectionLoading{display:none!important}

/* Permanent symbolic cutaway image; no secondary WebGL renderer. */
#ux button.u-pipe-preview{display:block;position:relative;width:100%;height:142px;padding:0;overflow:hidden;border-radius:9px;border:1px solid #cbd9e31a;background:#1d2b36}
#ux .u-pipe-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .25s}
#ux .u-pipe-preview:hover img{transform:scale(1.035)}
#ux .u-pipe-preview>span{background:#0b152acb;backdrop-filter:blur(8px);border:1px solid #ffffff1f;top:8px;left:8px;padding:3px 6px;z-index:1;font-weight:500}
#ux .u-preview-open{position:absolute;bottom:8px;right:8px;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#0b152acd;border:1px solid #ffffff25;color:white}
#ux .u-preview-open svg{width:14px;height:14px}
#ux .u-inspect-footer strong{font-size:10px}#ux .u-inspect-footer small{font-size:9px}
@media(max-height:700px){#ux button.u-pipe-preview{height:112px}}
@media(prefers-reduced-motion:reduce){#ux .u-pipe-preview img{transition:none}#ux .u-pipe-preview:hover img{transform:none}}

/* Explicit drag modes, kept beside the city rather than hidden legacy controls. */
#ux .u-navigation{position:absolute;bottom:108px;right:calc(var(--right) + 38px);display:flex;gap:4px;padding:5px;pointer-events:auto;border-radius:12px}
#ux .u-navigation button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border-radius:8px;font-size:11px;min-height:38px}
#ux .u-navigation button svg{width:17px;height:17px}
#ux .u-navigation button.selected{background:#ff790022;border-color:#ff79006b;color:#ffb568}
#ux.u-panel-hidden .u-navigation{right:22px}
@media(max-width:900px){#ux .u-navigation{right:calc(var(--right) + 24px)}#ux .u-navigation button{padding:8px}#ux.u-panel-hidden .u-navigation{right:12px}}
@media(max-width:650px){#ux .u-navigation{bottom:85px;right:12px;z-index:3}#ux .u-navigation button{padding:5px 10px;min-height:30px}#ux .u-panel,#ux .u-rail{bottom:132px}}

/* Continuous emissions relief: fixed comparative legend and compact probe. */
#ux .u-relief-score{display:flex;align-items:center;gap:14px;margin:22px 0 12px}#ux .u-relief-score>strong{font-size:58px;line-height:1;font-weight:500;letter-spacing:-3px}#ux .u-relief-score b{display:block;font-size:12px;color:#f7b374}#ux .u-relief-score small{display:block;font-size:10px;margin-top:5px}
#ux .u-relief-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#c0cfe0;padding:8px 10px;background:#c0d8ff09;border-radius:8px}#ux .u-relief-status i{width:5px;height:5px;border-radius:50%;background:#87b5ee}#ux .u-relief-status b{margin-left:auto;color:#73dbb7}
#ux .u-probe{margin-top:20px;border-top:1px solid #ffffff13;padding-top:4px}#ux .u-probe>.u-chart-heading{margin-top:14px}#ux .u-probe>.u-chart-heading>strong{font-size:21px;color:#f7b374}#ux .u-probe p{font-size:10px;color:#aebccc;margin:2px 0 12px}#ux .u-probe-source{display:flex;align-items:center;gap:10px;font-size:10px;margin:9px 0}#ux .u-probe-source>span{width:65px}#ux .u-probe-source>i{flex:1;height:4px;background:#ffffff12;border-radius:4px;overflow:hidden}#ux .u-probe-source i b{display:block;height:100%;background:#a596e4}#ux .u-probe-source>strong{width:30px;text-align:right;font-size:10px}
#ux button.u-compare{font-size:10px;border:1px solid #ffffff28;border-radius:6px;padding:5px 7px;color:#b9d3f5}#ux button.u-compare.selected{background:#b9d3f51c}#ux .u-model-note{display:block;margin-top:14px;font-size:10px;line-height:1.55;color:#94a5bb}
#ux .u-relief-legend{position:absolute;left:118px;bottom:114px;width:300px;padding:14px 16px;border-radius:12px;background:#0b1524d9}#ux .u-relief-legend>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}#ux .u-relief-legend b{font-size:9px;letter-spacing:1px}#ux .u-relief-legend span{font-size:9px;color:#b3c4d7}#ux .u-relief-ramp{height:7px;border-radius:5px;margin-top:12px;background:linear-gradient(90deg,#094a6e,#2964d4,#9447c7,#f74d63,#ffa838,#fff0a8)}#ux .u-relief-ticks{display:flex;justify-content:space-between;margin-top:5px}#ux .u-relief-legend p{display:flex;justify-content:space-between;margin-top:9px;font-size:10px}#ux .u-relief-legend small{font-size:9px;display:block;margin-top:7px;color:#8497af}#ux .u-column-label{margin:-58px 0 0 -25px;padding:6px 10px;background:#101c2ce6;border-color:#ffffff35}#ux .u-column-label b{font-size:16px;font-weight:500}#ux .u-column-label small{font-size:8px}#ux .u-column-label.selected{border-color:#ffc18a;box-shadow:0 0 0 2px #ffb36c15,0 5px 20px #0004}
@media(max-width:900px){#ux .u-relief-legend{left:94px;width:245px}}@media(max-width:650px){#ux .u-relief-legend{display:none}}
/* Electrical network: quiet base, luminous hierarchy, localized amber alarm. */
#ux .u-electric-score{display:flex;align-items:center;gap:15px;margin:22px 0 14px}#ux .u-electric-score>strong{font-size:53px;line-height:1;letter-spacing:-2px;font-weight:500}#ux .u-electric-score em{font-size:20px;font-style:normal;color:#aabbd0;letter-spacing:0;margin-left:4px}#ux .u-electric-score b{font-size:11px;display:block}#ux .u-electric-score small{font-size:9px;display:block;max-width:125px;margin-top:4px}
#ux .u-electric-meter{position:relative;height:5px;border-radius:3px;background:#ffffff10;overflow:visible}#ux .u-electric-meter>i{height:100%;display:block;border-radius:3px}#ux .u-electric-meter>span{position:absolute;left:80%;height:11px;width:1px;top:-3px;background:#e7f0ff90}#ux .u-electric-metrics{margin-top:20px}#ux .u-electric-metrics b{font-size:20px}#ux .u-electric-metrics small{font-size:9px}#ux .u-electric-metrics em{font-size:9px}#ux .u-electric-metrics span{font-size:8px}
#ux .u-electric-assets{margin-top:18px}#ux .u-electric-assets>button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:6px;font-size:11px;margin-top:3px}#ux .u-electric-assets>button.selected{background:#74abdf12;border-color:#74abdf30}#ux .u-electric-assets button b{margin-left:auto;font-size:10px;font-weight:500;color:#bacadd}#ux .u-electric-assets i{width:5px;height:5px;border-radius:50%;background:#74bce2}#ux .u-electric-assets i.alarm{background:#ff8b32;box-shadow:0 0 0 3px #ff8b3215}#ux .u-electric-assets i.off{background:#8b98ab}
#ux .u-electric-node{position:absolute;left:0;top:0;margin:10px 0 0 9px;display:flex;gap:6px;align-items:center;padding:5px 8px;border:1px solid #8fbee52b;background:#0b1624e8;border-radius:7px;box-shadow:0 5px 18px #0003;font-size:9px;text-align:left;white-space:nowrap}#ux .u-electric-node>i{height:4px;width:4px;border-radius:50%;background:#8fc2ed}#ux .u-electric-node small{display:block;font-size:10px;margin-top:3px;color:#aabbd0}#ux .u-electric-node.alarm{border-color:#f794414d;padding:8px 11px}#ux .u-electric-node.alarm>i{background:#ff8b32;box-shadow:0 0 0 4px #ff8b3217}#ux .u-electric-node.alarm small{color:#ffc088;font-size:12px}#ux .u-electric-node.selected{border-color:#a6d5ff7a}#ux .u-electric-node.alarm.selected{border-color:#f79441a8}
#ux .u-electric-legend{position:absolute;left:118px;bottom:114px;width:285px;padding:12px 15px;background:#0c1726dd;border-radius:12px}#ux .u-electric-legend .u-chart-heading{margin:0 0 10px}#ux .u-electric-legend .u-chart-heading b{font-size:9px;letter-spacing:1px}#ux .u-electric-legend .u-chart-heading button{font-size:13px;color:#aabbd0}#ux .u-electric-keys{display:flex;gap:17px;font-size:10px;color:#cedae8}#ux .u-electric-keys span{display:flex;gap:7px;align-items:center}#ux .u-electric-keys i{width:19px;height:2px;border-radius:3px;box-shadow:0 0 6px #86baff30}#ux .u-electric-key-note{display:flex;gap:8px;align-items:center;font-size:10px;margin:10px 0 7px;color:#c9d5e2}#ux .u-electric-key-note i{width:5px;height:5px;background:#ff8a32;border-radius:50%}#ux .u-electric-legend>small{font-size:9px;color:#879eb6}
#ux .u-electric-schematic{position:absolute;left:118px;bottom:250px;width:285px;padding:12px 15px;background:#0c1726d9;border-radius:12px}#ux .u-electric-schematic>div{display:flex;justify-content:space-between;align-items:center}#ux .u-electric-schematic span{font-size:8px;letter-spacing:1px;color:#96acc4}#ux .u-electric-schematic b{font-size:10px}#ux .u-electric-schematic svg{width:100%;height:53px;margin-top:7px}#ux .u-electric-schematic svg text{font:9px UXPlex;fill:#a6bcd5}#ux .u-electric-schematic p{font-size:9px;color:#8fa6be;margin-top:2px}#ux[data-layer="energy"] .u-range button:not([data-range="24 h"]){display:none}
@media(max-width:900px){#ux .u-electric-legend,#ux .u-electric-schematic{left:94px;width:245px}}@media(max-width:650px){#ux .u-electric-legend,#ux .u-electric-schematic{display:none}}

#ux .u-electric-metrics b{font-size:17px}#ux .u-electric-metrics em{font-size:8px;margin-left:2px}#ux .u-electric-metrics>div{padding:10px 7px}

/* Electrical network: yellow normal, red incident, grey isolated. */
#ux .u-electric-alarm{color:#ff6770}
#ux .u-electric-assets i,#ux .u-electric-node>i{background:#f2cc52}
#ux .u-electric-assets i.alarm,#ux .u-electric-node.alarm>i{background:#ff4e59;box-shadow:0 0 0 3px #ff4e5925}
#ux .u-electric-assets i.off{background:#8b98ab}
#ux .u-electric-node.alarm,#ux .u-electric-node.alarm.selected{border-color:#ff4e5980}
#ux .u-electric-node.alarm small{color:#ff9299}
#ux .u-electric-key-note i{background:#ff4e59}

#ux .u-city-overview{display:none;font-size:10px;letter-spacing:.4px}
#ux[data-layer="water"] .u-city-overview,#ux[data-layer="emissions"] .u-city-overview,#ux[data-layer="energy"] .u-city-overview{display:block}

#ux .u-pin,#ux .u-column-label,#ux .u-electric-node{will-change:transform;transition-property:background-color,border-color,box-shadow}

/* Frosted panels only on the shared dark indicator map. Keep text fully opaque. */
body.water-xray #ux{--panel:rgba(5,10,18,.70);--muted:#c0ccda;--line:#d9e7ff20}
body.water-xray #ux .u-glass{
 background:linear-gradient(145deg,rgba(10,17,28,.67),rgba(3,8,16,.78))!important;
 backdrop-filter:blur(16px) saturate(90%);-webkit-backdrop-filter:blur(16px) saturate(90%);
 border-color:rgba(202,222,246,.20);box-shadow:inset 0 1px 0 #ffffff0b,0 12px 32px #00000055;
}
body.water-xray #ux .u-panel{
 background:linear-gradient(145deg,rgba(8,14,24,.74),rgba(3,7,14,.83))!important;
}
body.water-xray #ux :is(.u-metrics>div,.u-measures,.u-relief-status){
 background:rgba(209,226,248,.055);border:1px solid #dbeaff0a;
}
body.ux-trial.water-xray #waterHotspot{
 background:linear-gradient(135deg,rgba(11,16,24,.74),rgba(4,9,17,.82))!important;
 backdrop-filter:blur(16px) saturate(90%);-webkit-backdrop-filter:blur(16px) saturate(90%);
 border-color:#efa05280!important;box-shadow:inset 0 1px 0 #ffffff0b,0 8px 24px #0003!important;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body.water-xray #ux .u-glass{background:rgba(14,24,39,.88)!important}
 body.ux-trial.water-xray #waterHotspot{background:rgba(14,24,39,.88)!important}
}
@media(prefers-reduced-transparency:reduce){
 body.water-xray #ux .u-glass{background:rgba(14,24,39,.95)!important;backdrop-filter:none;-webkit-backdrop-filter:none}
 body.ux-trial.water-xray #waterHotspot{background:rgba(14,24,39,.95)!important;backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* Glass follows the actual dark basemap, not just the selected indicator. */
body:not(.water-xray) #ux .u-glass{
 background:#111927!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body:not(.water-xray) #ux :is(.u-pin,.u-column-label,.u-electric-node){background:#172131;backdrop-filter:none;-webkit-backdrop-filter:none}
body.ux-trial:not(.water-xray) #waterHotspot{background:#111927!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Optional context lives with water controls, leaving the lower map clear. */
#ux .u-nearby{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:11px;color:#c8eaff;pointer-events:auto;border-color:#78c7f53b}#ux .u-nearby svg{width:16px;height:16px}#ux .u-nearby[aria-pressed="true"]{color:#83d9ff;border-color:#66ccff80}#ux .u-context-caption{flex-wrap:wrap}

#ux .u-nearby:disabled{cursor:wait;opacity:.8}#ux .u-nearby[aria-busy="true"]{min-width:220px}#ux .u-nearby[aria-busy="true"] svg{display:none}#ux .u-nearby[aria-busy="true"]:before{content:"";width:13px;height:13px;border:2px solid #7acdf535;border-top-color:#9edfff;border-radius:50%;animation:nearby-spin .8s linear infinite;flex-shrink:0}@keyframes nearby-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#ux .u-nearby[aria-busy="true"]:before{animation:none}}

/* Air: concentration cartography and station inspection. */
#ux .u-air-reading{margin:22px 0 18px}#ux .u-air-reading>span{font-size:12px;color:#bbceda}#ux .u-air-reading>div{display:flex;align-items:baseline;gap:9px;margin:4px 0}#ux .u-air-reading strong{font-size:56px;font-weight:500;letter-spacing:-2px;line-height:1.1}#ux .u-air-reading b{font-size:13px;color:#b4c9d1;font-weight:400}#ux .u-air-reading p{display:flex;gap:8px;align-items:center;font-size:12px;color:#bed5db;margin:9px 0}#ux .u-air-reading p i{width:6px;height:6px;border-radius:50%}
#ux .u-air-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}#ux .u-air-summary>div{background:#9bd7d90a;border:1px solid #b7ebe910;border-radius:10px;padding:10px}#ux .u-air-summary small{display:block;font-size:10px;color:#a5bac6;margin-bottom:5px}#ux .u-air-summary b{font-size:17px;font-weight:500}#ux .u-air-summary em{font-size:9px;color:#a4bcc7;font-style:normal}
#ux .u-air-selected{background:#65d8c411;border-radius:6px}#ux .u-air-pin{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #b7eadd36;background:#0b1928e8;border-radius:10px;box-shadow:0 5px 18px #0004;will-change:transform;text-align:left;font-size:10px;color:#bdd1d7}#ux .u-air-pin>i{width:7px;height:7px;border-radius:50%;box-shadow:0 0 12px #73e4c85c}#ux .u-air-pin b{display:block;font-size:16px;font-weight:500;color:#f1fcfb;margin-top:3px}#ux .u-air-pin small{font-size:9px;color:#a9c4cc;font-weight:400}#ux .u-air-pin.selected{border-color:#9cf8e7a6;background:#102a35f2;box-shadow:0 0 0 3px #6ff4dc0a,0 5px 22px #0005}
#ux .u-air-legend{position:absolute;left:114px;bottom:110px;width:268px;border-radius:12px;padding:14px 16px;pointer-events:auto}#ux .u-air-legend>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.7px}#ux .u-air-legend>div:first-child span{color:#afc3ce;letter-spacing:0}#ux .u-air-ramp{height:5px;border-radius:4px;margin:12px 0 7px;background:linear-gradient(90deg,#1a6b8f,#3bd4bf 30%,#c2e08c 55%,#ffa64d 80%,#ff5245)}#ux .u-air-legend p{display:flex;justify-content:space-between;color:#a9c3cb;font-size:10px;margin:7px 0}#ux .u-air-legend small{color:#829da9;font-size:9px}#ux[data-layer="air"] .u-context .selected{color:#a3f5df}#ux[data-layer="air"] .u-district span{font-size:11px}
@media(max-width:760px){#ux .u-air-legend{left:80px;width:215px;bottom:100px;padding:10px}#ux .u-air-pin{padding:6px 8px}}

/* Mobility: restrained signal ribbons, one anchored focus, aligned with the air workspace. */
.u-mobility-reading{padding:22px 0 16px;border-bottom:1px solid #ffffff12}.u-mobility-reading>span{font-size:13px;color:#b1c2d2}.u-mobility-reading>div{display:flex;align-items:baseline;gap:10px;margin:6px 0}.u-mobility-reading strong{font-size:54px;font-weight:500;letter-spacing:-2px;line-height:1.1}.u-mobility-reading b{font-size:15px;color:#829ba9}.u-mobility-reading p{display:flex;align-items:center;gap:8px;color:#9ab5be;font-size:12px;margin:8px 0}.u-mobility-reading p i{width:7px;height:7px;border-radius:50%}.u-mobility-incident{padding:14px 15px;border:1px solid #f49b5933;border-radius:12px;background:#f09b5010;margin:20px 0}.u-mobility-incident>span{font-size:9px;color:#f2b578;letter-spacing:1px;font-weight:600}.u-mobility-incident>b{display:flex;align-items:baseline;gap:6px;font-size:27px;font-weight:500;margin:6px 0}.u-mobility-incident small{font-size:12px;color:#c4b5a8}.u-mobility-incident em{font-size:11px;font-style:normal;margin-left:auto;color:#dca584}.u-mobility-incident p{font-size:11px;color:#9dacba;line-height:1.5;margin:0}.u-mobility-pin{position:absolute;left:0;top:0;display:flex;align-items:center;gap:10px;padding:10px 14px!important;border:1px solid #fbb76a70!important;border-radius:12px!important;background:#111c2bed!important;box-shadow:0 8px 28px #0006;white-space:nowrap;text-align:left;will-change:transform}.u-mobility-pin>i{width:10px;height:10px;border-radius:50%;background:#ff9861;box-shadow:0 0 0 5px #ff98611c}.u-mobility-pin>span{font-size:11px;color:#c9d4dd}.u-mobility-pin b{display:block;color:#ffb584;font-size:18px;font-weight:500;margin-top:3px}.u-mobility-pin small{font-size:10px;color:#a6b5c3}.u-mobility-ramp{height:5px;margin:12px 0 9px;border-radius:5px;background:linear-gradient(90deg,#3b9fb3,#62cfc0,#edba5d,#ff655f)}.u-mobility-legend p{color:#b2c5d1!important}

/* On-demand inspector: compositor-only slide, stable map camera, no width/right animation. */
#ux .u-panel{transform:translate3d(0,0,0);opacity:1;will-change:transform,opacity;contain:layout style;transition:transform 520ms cubic-bezier(.22,.68,.2,1),opacity 220ms ease}
#ux.u-panel-hidden .u-panel{transform:translate3d(calc(100% + 44px),0,0);opacity:0;pointer-events:none}
#ux .u-map-tools,#ux .u-navigation{right:22px;transform:translate3d(calc(0px - var(--right) - 16px),0,0);will-change:transform;transition:transform 520ms cubic-bezier(.22,.68,.2,1)}
#ux.u-panel-hidden .u-map-tools,#ux.u-panel-hidden .u-navigation{right:22px;transform:translate3d(0,0,0)}
#ux .u-map-tools .u-reopen{display:grid;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 180ms ease,visibility 0s 180ms}
#ux.u-panel-hidden .u-map-tools .u-reopen{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 180ms ease}
#ux.u-panel-hidden .u-context{max-width:calc(100% - 200px)}
@media(max-width:900px){#ux .u-map-tools,#ux .u-navigation,#ux.u-panel-hidden .u-map-tools,#ux.u-panel-hidden .u-navigation{right:12px}}
@media(max-width:650px){#ux .u-map-tools{display:flex;top:82px;transform:none;opacity:0;visibility:hidden;pointer-events:none}#ux.u-panel-hidden .u-map-tools{opacity:1;visibility:visible;pointer-events:auto}#ux .u-navigation{transform:none}#ux:not(.u-panel-hidden) .u-navigation{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){#ux .u-panel,#ux .u-map-tools,#ux .u-navigation{transition:none!important}}

/* Street names belong to the map; the smaller marker caption remains contextual. */
#ux .u-street-glyph{font-size:15px;font-weight:500;letter-spacing:-1px;width:16px;color:inherit}
#ux .u-street-toggle[aria-pressed="false"]{color:#8c9ba9;border-color:#96afc128}
#ux .u-street-caption,body.ux-trial #waterHotspot .u-street-caption{display:block!important;font:400 11px/1.4 UXPlex,Arial,sans-serif!important;color:#b6c6d2!important;letter-spacing:.05px!important;margin-top:5px!important;max-width:200px;white-space:normal;text-align:left}
#ux .u-column-label>.u-street-caption{max-width:160px}

/* Keep map labels legible while pointing or navigating with the keyboard. */
#ux :is(.u-pin,.u-column-label,.u-electric-node,.u-air-pin,.u-mobility-pin,.u-waste-pin):is(:hover,:focus-visible),
body.ux-trial #waterHotspot:is(:hover,:focus-visible){
 background:#23364a!important;
 opacity:1!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 box-shadow:inset 0 0 0 1px #b9d9f52b,0 8px 24px #0005!important;
 color:#f2f6fc!important;
}

/* Waste: fractional identity on lids, operational status on fill indicators. */
#ux .u-waste-filters{display:flex;max-width:100%;overflow-x:auto;pointer-events:auto}#ux .u-waste-filters button{white-space:nowrap;display:flex;align-items:center;gap:6px}#ux .u-waste-filters i,#ux .u-waste-key i{display:inline-block;width:6px;height:6px;border-radius:50%}
#ux .u-waste-pin{position:absolute;left:0;top:0;display:flex;gap:7px;align-items:center;padding:5px 9px;border-radius:18px;border:1px solid color-mix(in srgb,var(--status) 45%,transparent);background:#0e202de8;box-shadow:0 4px 16px #0004;will-change:transform;text-align:left;translate:-50% -110%;font-size:12px}#ux .u-waste-pin>i{width:6px;height:6px;border-radius:50%;background:var(--status);box-shadow:0 0 9px color-mix(in srgb,var(--status) 30%,transparent)}#ux .u-waste-pin b{font-weight:500}#ux .u-waste-pin em{font-size:9px;font-style:normal;margin-left:2px;color:#b2c4d2}#ux .u-waste-pin.selected{border-radius:12px;padding:11px 14px;z-index:2;border-color:var(--status);background:#142838f2}#ux .u-waste-pin.selected b{font-size:23px;display:block;margin:3px 0}#ux .u-waste-pin.selected small{font-size:9px;letter-spacing:.6px;color:#bdd1dc}#ux .u-waste-pin.selected .u-street-caption{max-width:170px;letter-spacing:0;font-size:11px}
#ux .u-waste-hero{display:flex;align-items:center;justify-content:space-between;margin:24px 0}#ux .u-waste-hero strong{font-size:48px;line-height:1;font-weight:500;letter-spacing:-1px}#ux .u-waste-hero strong small{font-size:19px;margin-left:5px;letter-spacing:0}#ux .u-waste-hero span{display:block;font-size:11px;color:#a9bfca;margin-top:9px}#ux .u-waste-gauge{position:relative;width:72px;height:78px;border:1px solid #93b9ce44;border-radius:9px;overflow:hidden;background:#15304030}#ux .u-waste-gauge>i{position:absolute;bottom:0;left:0;right:0;height:var(--fill);background:linear-gradient(0deg,color-mix(in srgb,var(--status) 12%,transparent),color-mix(in srgb,var(--status) 40%,transparent));border-top:1px solid var(--status);transition:height .5s}#ux .u-waste-gauge>b{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:10px;color:#edf8fa;font-weight:500}
#ux .u-waste-fractions button{display:flex;align-items:center;gap:9px;width:100%;padding:10px 0;font-size:11px;border-bottom:1px solid #b8dce010;border-radius:0}#ux .u-waste-fractions button>i{width:8px;height:8px;border-radius:2px}#ux .u-waste-fractions span{width:60px;text-align:left}#ux .u-waste-fractions button>div{flex:1;height:4px;background:#bdd5df15;border-radius:2px;overflow:hidden}#ux .u-waste-fractions button>div>i{display:block;height:100%}#ux .u-waste-fractions b{font-weight:500;font-size:10px;width:32px}#ux .u-waste-fractions button[aria-pressed=true]{background:#a7d8ed0a}
#ux .u-waste-legend-stats{display:flex;align-items:center;gap:14px;margin:12px 0}#ux .u-waste-legend-stats strong{font-size:32px;font-weight:500;color:#8ee6cc}#ux .u-waste-legend-stats strong small{font-size:14px;color:inherit}#ux .u-waste-legend-stats span{font-size:10px;color:#adc3cf;line-height:1.5}#ux .u-waste-key{display:flex;justify-content:space-between;gap:10px;margin:10px 0 12px;font-size:10px;color:#c7d9df}#ux .u-waste-key i{margin-right:5px}#ux[data-layer=waste] .u-district>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#ux[data-layer=waste] .u-district>b{width:30px}

#ux .u-waste-filters button{flex:0 0 auto}#ux .u-waste-filters i{flex-shrink:0}

/* Placeholder layers: base streets only, with navigation retained. */
#ux.u-base-only :is(.u-timeline,.u-context,.u-kpis,.u-panel,.u-reopen,.u-attribution span){display:none!important}
#ux.u-base-only .u-attribution{bottom:18px}
#ux.u-base-only .u-navigation{bottom:28px}