/* 柳州城市数据指挥屏：密集信息布局，以青绿、金色、珊瑚红区分数据。 */
:root{color-scheme:dark;--bg:#081820;--panel:#102630;--line:#28505b;--line-soft:#23424d;--text:#e6f4f4;--muted:#a0bbc2;--teal:#49d9ca;--blue:#64b2cc;--purple:#e8b85e;--gold:#e8b85e}
body{background:#06131a;color:var(--text)}button,input,select{font-family:var(--font)}button:hover{color:#a4fff0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #edbf6a;outline-offset:3px}
.app-shell{height:100dvh;min-height:750px;max-width:2200px;margin:auto;background:#0a1c25;overflow:hidden}
.topbar{height:62px;padding:0 22px;gap:22px;background:#10232d;border-bottom:1px solid #2a6670}.topbar:after{display:none}
.brand{gap:10px}.brand-mark{width:35px;height:39px;background:#1c655e;color:#b3fff1}.brand strong{font-size:19px;letter-spacing:1px;color:#f0fbfa}.brand-divider{margin:0 9px;color:#5e8b91}.brand small{font-size:9px;letter-spacing:1px;margin-top:4px;color:#9cbdc5}
.main-nav{gap:2px}.nav-item{font-size:12px;padding:0 15px;letter-spacing:0;color:#adc7ce}.nav-item.active{background:#18413f;color:#92f7e2}.nav-item.active:after{background:#61e1c9;box-shadow:0 0 9px #61e1c930;left:12px;right:12px}.nav-item:hover{background:#193c46}.nav-item svg{width:14px;height:14px}
.header-tools{gap:14px}.clock strong{font-size:21px;color:#d7f2ee;letter-spacing:1px}.clock small{font-size:9px;color:#9cb5bd;letter-spacing:0}.tool-divider{height:24px;background:#31525a}.icon-btn{color:#a3c5cf}.icon-btn:hover{background:#29505d;color:#d1fffa}.icon-btn[aria-pressed=true]{background:#2b5f5a;color:#8dffe1}
.catalog-btn{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #3f756e;border-radius:3px;background:#23534d;color:#c1ffec;font-size:11px;white-space:nowrap}.catalog-btn svg{width:13px;height:13px}.catalog-btn>span{font:14px CityNumbers,var(--font);color:#f1ce87;border-left:1px solid #528379;padding-left:8px;margin-left:2px}
.context-bar{height:35px;padding:0 22px;color:#9cb9c2;font-size:10px}.breadcrumb{gap:8px}.breadcrumb strong{color:#d2e7eb}.breadcrumb>span:not(.status-dot){color:#5b828c}.data-label{color:#a4bec5}.data-label button{color:#a5d3d7}.data-label>i{background:#31505a}.tiny-dot{background:#e7bd68}.status-dot{background:#50cfad;box-shadow:0 0 7px #50cfad30}
.kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:91px;flex-shrink:0;margin:0 20px 11px;border-top:1px solid #32606a;border-bottom:1px solid #32606a;background:#102b35}
.kpi{display:flex;align-items:center;gap:16px;text-align:left;position:relative;padding:10px 17px;min-width:0;cursor:pointer}.kpi+ .kpi:before{content:'';width:1px;position:absolute;left:0;top:17px;bottom:17px;background:#315561}.kpi>svg{width:33px;height:33px;color:#57d9ca;stroke-width:1.35;filter:drop-shadow(0 0 5px #4ce0cb24)}.kpi:nth-child(3n)>svg{color:#e8b85e}.kpi>span{display:block;min-width:0}.kpi small{font-size:11px;color:#bcd2d9;display:block;white-space:nowrap}.kpi strong{display:block;font:30px/1.15 CityNumbers,var(--font);font-weight:600;letter-spacing:.4px;color:#f1fbf9;white-space:nowrap;margin:4px 0}.kpi em{font:9px var(--font);color:#9fbfc9;margin-left:7px;letter-spacing:0}.kpi>span>span{font-size:9px;color:#73d6bf;display:block}.kpi:hover{background:#1c3d45}.kpi:hover strong{color:#fff}
.dashboard{display:grid;flex:1;min-height:0;grid-template-columns:minmax(275px,1fr) minmax(0,2.25fr) minmax(290px,1.1fr);grid-template-rows:minmax(330px,1fr) minmax(218px,.53fr);gap:10px;padding:0 20px 11px}
.left-column,.right-column{display:flex;flex-direction:column;gap:9px;min-height:0;min-width:0;grid-row:1}.left-column{grid-column:1}.right-column{grid-column:3}
.panel{background:#102630;border:1px solid #2c5661;border-radius:2px;box-shadow:none;padding:13px 14px;overflow:hidden;min-width:0}.panel:before,.panel:after{display:none}.panel-heading{margin-bottom:11px;gap:5px}.panel-heading h2{font-size:13px;font-weight:600;letter-spacing:.3px;white-space:nowrap;color:#e3f5f3;gap:7px}.panel-heading h2:before{width:2px;height:13px;border-radius:0;background:#58dbc7;box-shadow:0 0 7px #58dbc755}.muted,.panel-heading .muted{font-size:9px;color:#9bbbc5;letter-spacing:0}.year-chip{color:#a3c9c9;background:#173943;border-color:#305e66;font-size:9px;padding:2px 5px}.source-link{color:#8bb7c4;border-color:#2a4b55;font-size:8px;margin-top:10px;padding-top:9px}.source-link:hover{color:#9bffe3}
.manufacturing-panel{flex:1.04;min-height:0;display:flex;flex-direction:column}.industry-panel{flex:1;min-height:0;display:flex;flex-direction:column}.industrial-ranking{min-height:0;gap:9px;justify-content:space-between;flex:1}.bar-chart>div{gap:4px}.bar-chart label{font-size:10px;color:#c0d4da}.bar-chart label em{font:10px CityNumbers,var(--font);color:#e7c16d;margin-right:9px}.bar-chart strong{font:16px/1 CityNumbers,var(--font);color:#e0f4f0}.bar-chart strong>span{font-size:8px;color:#97b7be;margin-left:2px}.bar-chart i{height:6px;background:#1e404a;border-radius:0}.bar-chart b{background:#3badab;border-radius:0;box-shadow:0 3px 3px #05161c55}.bar-chart b:before{background:#68ccbe;height:3px;top:-3px}.bar-chart b:after{display:block!important;background:#237f81;right:-3px;width:3px}.bar-chart>div:nth-child(2) b{background:#3eada5}.bar-chart>div:nth-child(2) b:before{background:#78d2bf}.bar-chart>div:nth-child(3) b{background:#438f9e}.bar-chart>div:nth-child(3) b:before{background:#75b8c2}.bar-chart>div:nth-child(4) b{background:#bca35e}.bar-chart>div:nth-child(4) b:before{background:#e9c16d}.bar-chart>div:nth-child(5) b{background:#738eac}.bar-chart>div:nth-child(6) b{background:#927fb3}.industry-bottom{padding-top:9px;margin-top:11px;font-size:9px;gap:7px;border-color:#2b4b55;flex-shrink:0;color:#a2c0ca}.industry-bottom strong{font:19px CityNumbers,var(--font);color:#e3f3f0;margin-left:auto}.industry-bottom small{font-size:8px;color:#98b7c1}.new-firms{font-size:8px;padding-left:8px;border-left:1px solid #3b626b;color:#74d4bd}
.industry-chart{flex:1;gap:20px;padding:2px 4px 5px;min-height:0}.donut{width:116px;height:116px;background:conic-gradient(#43c6b0 0 9.9%,#518cb4 9.9% 50.3%,#d5ad67 50.3% 100%)}.donut.has-3d canvas{filter:drop-shadow(0 7px 3px #05171c66)}.donut.has-3d>div{background:none}.donut.has-3d strong{font-size:25px;color:#e9f8f4}.donut.has-3d span{color:#9dbfc3;font-size:7px}.donut-key{gap:15px}.donut-key>div{font-size:10px;color:#b6ced6}.donut-key strong{font-size:20px;color:#e4f4f4}.donut-key small{font-size:9px;color:#9ab9c4}.key-dot.teal{background:#43c6b0}.key-dot.blue{background:#518cb4}.key-dot.purple{background:#d5ad67}.stacked-bar{height:3px;margin-top:7px}.stacked-bar span:first-child{background:#43c6b0}.stacked-bar span:nth-child(2){background:#518cb4}.stacked-bar span:last-child{background:#d5ad67}.chart-foot{font-size:8px;color:#94b4bd;margin-top:6px;gap:7px}.chart-foot>span{font-size:8px}.production-strip{display:flex;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid #2a4b55}.production-strip>span{flex:1;color:#a3c0ca;font-size:9px}.production-strip>span+span{padding-left:13px;border-left:1px solid #2e515c}.production-strip strong{display:block;font:21px CityNumbers,var(--font);color:#a7e0d8;margin-top:4px}.production-strip strong small{font:8px var(--font);color:#9ab9c4;margin-left:4px}
.economic-trend-panel{flex:1;min-height:0;display:flex;flex-direction:column}.chart-legend{display:flex;align-items:center;gap:15px;color:#aecad1;font-size:9px;margin:0 0 6px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:6px;height:6px;border-radius:50%;display:block}.chart-legend .teal{background:#43bbaa}.chart-legend .gold{background:#e8b85e}.svg-chart{position:relative;flex:1;min-height:0}.svg-chart>svg{display:block;width:100%;height:100%;overflow:visible}.chart-grid{stroke:#375965;stroke-width:.6;opacity:.6;fill:none}.axis-label{font:10px CityNumbers,var(--font);fill:#a2bec7}.bar-value{font:9px CityNumbers,var(--font);fill:#c8e1e4}.point-value{font:12px CityNumbers,var(--font);fill:#b4f2e6}.category-label{font:11px var(--font);fill:#bfd5dc}.income-value,.retail-value{font:13px CityNumbers,var(--font);fill:#d4efeb}.chart-note{font-size:8px;color:#8daeb9;margin-top:7px;line-height:1.5;flex-shrink:0}.chart-line{stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:0;animation:chart-draw 1.8s ease-out both}.chart-runner{offset-distance:0%;animation:chart-travel 12s linear infinite;filter:drop-shadow(0 0 3px #ffe1a0)}.gdp-bar{transform-origin:bottom;animation:chart-bar-in 1.2s ease-out both}.retail-bar,.income-bar{animation:chart-brighten 8s ease-in-out infinite}
.ecology-panel{flex:1;min-height:0;display:flex;flex-direction:column}.air-quality{gap:17px;justify-content:space-around;flex:1;min-height:0}.air-ring{width:108px;height:108px;padding:7px;background:conic-gradient(from 220deg,#4ac4ae 0 77.736%,#2a4b54 77.736% 82%,transparent 82%);box-shadow:0 0 13px #49d9ca08}.air-ring:before{border-color:#5c9b9a}.air-ring:after{border-top-color:#75d5c0;border-right-color:#75d5c044}.air-ring>div{background:#102630}.air-ring strong{color:#a8f0df;font-size:30px}.air-ring strong small{font-size:12px;color:#88cfc3}.air-ring span{color:#9cc7c5;font-size:8px}.air-details strong{font-size:28px;color:#def2ee}.air-details p{margin:10px 0 3px;gap:5px}.air-details small{font-size:9px;color:#aec7cf}.air-details>span:last-child{font-size:8px;color:#9db9c3}.quality-tag{font-size:8px;color:#85dbbd;background:#204539;border-color:#3b6956;padding:3px 5px}.eco-readings{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:11px;padding-top:10px;border-top:1px solid #294953}.eco-readings>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.eco-readings>div>span{font-size:8px;color:#9cbac4}.eco-readings strong{font-size:20px;color:#91d8c5}.eco-readings small{font-size:8px;color:#9ebdc6}.ecology-panel .source-link{margin-top:9px;padding-top:7px}
.bottom-row{grid-column:1/4;grid-row:2;display:grid;grid-template-columns:1.04fr 1fr 1.06fr;gap:10px;min-height:0;min-width:0}.bottom-row>.panel{display:flex;flex-direction:column;min-height:0}.bottom-row .panel-heading{margin-bottom:9px}.population-readings{display:flex;gap:12px;border-top:1px solid #2c4b55;padding-top:10px;margin-top:9px}.population-readings>span{font-size:8px;color:#9dbac4;flex:1}.population-readings>span+span{padding-left:12px;border-left:1px solid #2c4b55}.population-readings strong{display:block;font:21px CityNumbers,var(--font);color:#c3e9e3;margin-top:4px}.population-readings small{font:8px var(--font);color:#9ebbc4;margin-left:4px}
.finance-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;flex:1;min-height:0}.mini-heading{color:#b1ccd3;font-size:9px;margin-bottom:10px;line-height:1.5}.mini-heading strong{display:block;font:19px CityNumbers,var(--font);color:#f0d18b;margin-top:3px}.mini-heading small{font:8px var(--font);margin-left:4px;color:#a5bfc8}.budget-block{display:flex;flex-direction:column;min-height:0}.budget-tree{display:grid;grid-template-columns:80.9fr 19.1fr;gap:4px;flex:1;min-height:65px}.budget-livelihood{background:#287c73;padding:12px 10px;display:flex;flex-direction:column;justify-content:center;gap:7px;box-shadow:inset 0 1px #79d9b96b}.budget-livelihood>span{font-size:9px;color:#d0f1e8}.budget-livelihood strong{font:21px CityNumbers,var(--font);color:#ecfff4;white-space:nowrap}.budget-livelihood strong small{font:8px var(--font);margin-left:4px;color:#aee2d5}.budget-livelihood b{font:14px CityNumbers,var(--font);color:#a2e1c9}.budget-other{background:#a27b39;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#ffe9b2;min-width:0}.budget-other span{font-size:9px;writing-mode:vertical-rl;letter-spacing:2px}.budget-other b{font:9px CityNumbers,var(--font)}.income-block{display:flex;flex-direction:column;min-height:0}.income-block .svg-chart{flex:1;min-height:70px}.digital-reading{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-size:8px;color:#a0bcc6;border-top:1px solid #2d4d56;padding-top:8px;margin-top:4px}.digital-reading strong{font:20px CityNumbers,var(--font);color:#a3dacf}.digital-reading small{font:8px var(--font);margin-left:4px;color:#9eb9c5}.digital-meter{height:4px;background:#28424d;margin-top:7px}.digital-meter i{display:block;height:100%;background:#508daf}.digital-note{font-size:7px;color:#91b0bd;margin-top:5px}
.map-section,.regional-mode.map-section{grid-column:2;grid-row:1;height:auto;min-height:0;border:1px solid #2b5a65;border-radius:2px;background:radial-gradient(ellipse at 52% 48%,#193d47,#0b232d 74%);overflow:hidden;box-shadow:inset 0 0 65px #04161d35}
.map-section .map-top{left:14px;right:14px;top:14px}.map-section .map-eyebrow{display:none}.map-section .map-top h1{font-size:23px;letter-spacing:2px;margin:0 0 7px;color:#e3f4f2;text-shadow:0 1px 7px #0a1218;font-weight:600}.map-section .map-top p{font-size:9px;letter-spacing:0;color:#94bdc8;max-width:95%}.coordinate{display:none}
.regional-controls{top:68px;left:12px;right:12px;display:flex;gap:8px;justify-content:space-between;flex-wrap:nowrap}.scope-tabs,.projection-tabs,.regional-mode .scope-tabs,.regional-mode .projection-tabs{background:#102f3bdf;border:1px solid #397381;border-radius:3px;box-shadow:none}.scope-tabs button,.projection-tabs button,.regional-mode .scope-tabs button,.regional-mode .projection-tabs button{padding:7px 10px;font-size:10px;white-space:nowrap;color:#a4cbd7;border-color:#39738160}.scope-tabs button.active,.projection-tabs button.active,.regional-mode .scope-tabs button.active,.regional-mode .projection-tabs button.active{color:#d4fff4;background:#246860}.scope-tabs button:hover,.projection-tabs button:hover{background:#245861;color:#defdfa}#pause-animation{min-width:86px}.projection-tabs{margin-left:0}
.map-section .map-toolbar,.regional-mode .map-toolbar{top:110px;left:13px;gap:5px}.search-box,.small-btn,.regional-mode .map-toolbar .search-box,.regional-mode .map-toolbar .small-btn{height:29px;background:#102e39d9;border-color:#38616d;color:#a2c3ce;box-shadow:none}.search-box{padding:0 8px;gap:5px}.search-box input{width:105px;font-size:9px;color:#d3f0f0}.search-box input::placeholder{color:#8ab1c0}.search-box kbd{color:#729aa9}.small-btn{font-size:9px;padding:0 8px}.small-btn svg,.search-box>svg{width:12px;height:12px}.regional-mode .search-box input{color:#cfece9}.regional-mode .search-box input::placeholder{color:#89adbb}.map-section #regional-canvas,.map-section #regional-labels{inset:96px 0 58px}.map-section .regional-label{font-size:11px;padding:2px 5px;background:#102c39a8;color:#b7e4e6;text-shadow:0 1px 6px #0009;border-radius:2px}.map-section .regional-label.selected{color:#f8e7c2;background:#5d4a37b0;box-shadow:0 0 11px #f9ad6955}.map-section .map-side-tools,.regional-mode .map-side-tools{top:170px;right:10px;background:#102d3ace;border-color:#3d6370;color:#add8d9;padding:1px}.map-side-tools .icon-btn{width:26px;height:28px}.regional-mode .icon-btn{color:#a8d3d6}.map-section .compass,.regional-mode .compass{top:114px;right:10px;color:#86b2bf}.compass svg{width:29px;height:29px;fill:#7bafb6;margin-top:2px}.compass span{font-size:8px}
.regional-mode #region-card{left:12px;bottom:74px;min-width:210px;padding:9px 12px;gap:4px 10px;background:#10303edb;border-color:#457584;border-left:2px solid #edba72;box-shadow:0 3px 12px #00131b44}.region-card-type{font-size:8px;color:#94c1c5}.map-section #region-card strong{font-size:15px;color:#e5f6ee}.map-section #region-card>span:nth-child(3){font-size:9px;color:#9cc2cc}.map-section #region-card small{font-size:7px;color:#8eafbc}
.map-section .scene-bottom,.regional-mode .scene-bottom{bottom:7px;left:11px;right:11px}.regional-mode .regional-legend{display:none}.regional-mode .regional-layers{max-width:360px;padding:5px 8px;background:#14313bdc;border-color:#376371;gap:3px}.regional-layers>span{font-size:8px;color:#9bbdca;padding-right:8px;margin-right:2px;border-color:#3c6670}.regional-layers button{font-size:9px;padding:5px 9px}.regional-layers button.active{background:#265e5b;color:#b9f2df;border-color:#438d7f}.regional-mode .map-caption,.regional-mode .map-caption button,.map-caption,.map-caption button{font-size:7px;color:#8caeba;margin-top:7px;line-height:1.3}.map-caption>span{max-width:unset}.map-caption button{max-width:unset}.map-disclaimer{color:#8aadb9}
.map-section .map-places-btn{position:absolute;right:11px;bottom:75px;z-index:4;padding:7px 9px;background:#163641e8;border:1px solid #447583;border-radius:3px;font-size:9px;display:flex;align-items:center;gap:7px;color:#bad7df}.map-places-btn svg{width:12px;height:12px}.map-section .places-panel{display:none}.map-section .places-panel.is-open{display:flex;position:absolute;right:12px;top:145px;bottom:auto;width:240px;min-height:unset;z-index:8;background:#10313fef;padding:13px;box-shadow:0 10px 25px #02101688}.places-panel .panel-heading h2{font-size:12px}.places-panel .panel-heading{margin-bottom:7px}.places-panel .places-list{gap:4px}.places-panel .place-item{padding:7px 4px;border-color:#2c515d}.places-panel .place-item strong{font-size:11px;color:#cee6e8}.places-panel .place-item small{font-size:8px;color:#94b5c5}.place-icon{background:#1e4249;color:#81cabf;border-color:#3a7274}.place-item:nth-child(2) .place-icon{background:#203d50;color:#7bb7d5}.place-item:nth-child(3) .place-icon{background:#473e30;color:#dfbc7f}.place-item>svg{color:#90b6bd}.place-item:hover{background:#28525a}
.map-section .feature-card,.regional-mode .feature-card{left:auto;right:12px;top:145px;bottom:auto;width:235px;padding:15px;background:#12313fee;border-color:#4c7f89;color:#cfe9ee;box-shadow:0 8px 22px #00131e77}.feature-card h3{color:#e6f7f1;font-size:15px}.feature-kind{color:#8adac7}.feature-card dl{font-size:9px;color:#9cbac9}.feature-card dd{color:#d0e9eb}.feature-card>a{color:#81d5c2;border-color:#355762}.close-btn{color:#b0ccd4}.map-section .search-results,.regional-mode .search-results{top:145px;left:13px;right:50px;background:#153441f5;border-color:#477582;max-width:290px;z-index:9}.search-results button{color:#c5e0e6;border-color:#315563;font-size:10px}.search-results small,.search-results p{color:#94bbc7}.search-results button:hover{background:#295461;color:#eafff6}
#map-canvas,#map-labels{inset:95px -10px 65px}.scene-legend{margin-bottom:9px;font-size:8px;color:#a1c4d0;gap:12px}.layer-bar{background:#12313edc;border-color:#3a6573;padding:5px 8px;max-width:350px}.layer-title{font-size:8px;color:#9cbfcd}.layer{font-size:9px;padding:5px 7px;color:#8bafbd}.layer.active{background:#29594f;color:#b1edda;border-color:#4d8b78}.layer svg{width:12px;height:12px}.map-scale{bottom:82px;left:13px;background:#123442dd;color:#abd0dc;padding:4px 6px}.map-scale>span{border-color:#85b1bd}.map-label>span{background:#163947ef;color:#d4f4ee;border-color:#518e91}.map-label.water>span{background:#0c3540ed;color:#7bdaca;border-color:#397f84}.map-label:before{border-color:#102e3b}.map-section:not(.regional-mode){background:#c0d0d0}.map-section:not(.regional-mode) .map-top h1{color:#21414a;text-shadow:none}.map-section:not(.regional-mode) .map-top p{color:#3c606b}.map-section:not(.regional-mode) .map-side-tools{background:#12303cdb}.map-section:not(.regional-mode) .regional-controls{top:68px}.map-section:not(.regional-mode) .map-toolbar{top:110px}
.statusbar{height:26px;flex-shrink:0;padding:0 21px;background:#0c202a;border-color:#2a4d58;color:#8daebb;font-size:8px;gap:12px}.statusbar strong,.statusbar button{color:#acd0d8;font-size:8px}.statusbar>span:first-child{gap:6px}.footer-sep{margin:0 2px;color:#416775}.access-status{display:flex;align-items:center;gap:5px;margin-left:auto}.access-status .status-dot{width:4px;height:4px}.statusbar .map-disclaimer{font-size:7px}
dialog{width:min(850px,calc(100vw - 28px));background:#102b37;color:#d1e6eb;border:1px solid #4a7784;border-radius:5px;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#03111bba;backdrop-filter:blur(3px)}.dialog-header{padding:21px 25px;border-color:#34525e}.dialog-header h2{font-size:20px;color:#e6f5f2}.dialog-header .map-eyebrow{font-size:8px;color:#78bdb4}.dialog-footer{padding:14px 25px;border-color:#34525e;color:#8dafbd;font-size:9px}#dialog-content{padding:19px 25px;color:#adc7d0;font-size:11px}#dialog-content h3,#dialog-content th{color:#d8edeb}#dialog-content td,#dialog-content th{border-color:#2d505d}#dialog-content a{color:#7cdfc7}#dialog-content .notice{background:#1c403e;color:#b5d6c5;border-color:#4b7869}.primary-btn{background:#287b6d;color:#e2fff4;font-size:11px}.primary-btn:hover{background:#33917c;color:#fff}.toast{background:#1b454c;color:#e2f7f4;border-color:#4f8a85;font-size:11px}
.catalog-tools{display:flex;gap:8px;margin-bottom:9px}.catalog-tools input,.catalog-tools select{height:33px;border:1px solid #416d79;border-radius:3px;background:#173945;color:#cce7ea;padding:0 10px;font-size:11px}.catalog-tools input{flex:1;min-width:0}.catalog-tools input::placeholder{color:#90afb9}.catalog-tools select{max-width:140px}.catalog-tools button{background:#286456;padding:0 12px;border-radius:3px;color:#baf9db;font-size:10px;white-space:nowrap}.catalog-count{font-size:10px!important;margin:0 0 7px!important;color:#8ebcbf}.catalog-table{max-height:41vh;overflow:auto}.catalog-table th{position:sticky;top:0;background:#173a46;z-index:1;font-size:10px}.catalog-table td{font-size:10px}.catalog-table td:nth-child(3){white-space:nowrap}.catalog-table strong{color:#d0f0e2;font-family:CityNumbers,var(--font);font-size:13px}.catalog-history{font-size:9px;margin-top:16px!important;color:#a0bcc6}.catalog-intro{font-size:11px}.chart-tooltip{position:fixed;z-index:40;max-width:270px;padding:9px 11px;background:#1e4650f5;border:1px solid #5d9799;border-radius:3px;color:#e1f7f2;font-size:11px;line-height:1.5;pointer-events:none;box-shadow:0 5px 14px #00101977}
@keyframes chart-draw{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes chart-travel{to{offset-distance:100%}}@keyframes chart-bar-in{from{opacity:.15}to{opacity:1}}@keyframes chart-brighten{0%,100%{filter:brightness(1)}50%{filter:brightness(1.13)}}
.app-shell.motion-paused *,.app-shell.motion-paused *:before,.app-shell.motion-paused *:after{animation-play-state:paused!important}
@media(min-width:1800px) and (min-height:900px){.topbar{height:68px}.brand strong{font-size:22px}.main-nav .nav-item{font-size:13px;padding:0 21px}.context-bar{height:39px}.kpi-strip{height:99px;margin-bottom:12px}.kpi strong{font-size:35px}.kpi small{font-size:12px}.kpi>span>span{font-size:10px}.kpi>svg{width:38px;height:38px}.dashboard{gap:12px;grid-template-rows:minmax(350px,1fr) minmax(235px,.53fr)}.left-column,.right-column,.bottom-row{gap:12px}.panel{padding:16px 17px}.panel-heading h2{font-size:15px}.panel-heading .muted{font-size:10px}.panel-heading{margin-bottom:13px}.bar-chart label{font-size:12px}.bar-chart strong{font-size:18px}.bar-chart i{height:8px}.industrial-ranking{gap:11px}.industry-bottom{font-size:10px}.industry-bottom strong{font-size:21px}.new-firms{font-size:9px}.donut{width:128px;height:128px}.donut-key>div{font-size:12px}.donut-key strong{font-size:23px}.donut-key{gap:18px}.chart-foot,.chart-foot>span{font-size:9px}.production-strip>span{font-size:10px}.production-strip strong{font-size:24px}.production-strip strong small{font-size:9px}.chart-legend{font-size:10px}.chart-note{font-size:9px}.air-ring{width:119px;height:119px}.air-ring strong{font-size:32px}.air-details strong{font-size:32px}.eco-readings>div>span{font-size:10px}.eco-readings strong{font-size:23px}.ecology-panel .source-link{font-size:9px}.population-readings>span{font-size:10px}.population-readings strong{font-size:26px}.mini-heading{font-size:10px}.mini-heading strong{font-size:23px}.budget-livelihood>span{font-size:11px}.budget-livelihood strong{font-size:26px}.budget-livelihood b{font-size:18px}.budget-other span{font-size:11px}.budget-other b{font-size:11px}.digital-reading{font-size:10px}.digital-reading strong{font-size:23px}.digital-note{font-size:8px}.statusbar{height:28px;font-size:9px}.statusbar button,.statusbar .map-disclaimer{font-size:8px}.map-section .map-top h1{font-size:26px}.map-section .map-top p{font-size:10px}.map-section .regional-label{font-size:13px}.scope-tabs button,.projection-tabs button{font-size:11px;padding:8px 12px}.map-section #region-card strong{font-size:17px}.regional-mode #region-card{padding:11px 14px;min-width:235px}}
@media(max-height:850px) and (min-width:1101px){.app-shell{min-height:750px}.topbar{height:52px;padding:0 16px;gap:13px}.brand strong{font-size:17px}.brand-mark{width:30px;height:34px}.brand small{font-size:8px}.nav-item{font-size:10px;padding:0 11px}.clock strong{font-size:18px}.clock small{font-size:8px}.header-tools{gap:10px}.catalog-btn{font-size:10px;padding:7px 8px}.context-bar{height:30px;padding:0 16px;font-size:9px}.data-label{font-size:8px}.kpi-strip{height:75px;margin:0 14px 9px}.kpi{gap:10px;padding:8px 12px}.kpi strong{font-size:25px;margin:3px 0}.kpi>svg{width:26px;height:26px}.kpi small{font-size:9px}.kpi>span>span{font-size:8px}.kpi em{font-size:7px;margin-left:5px}.dashboard{padding:0 14px 9px;gap:8px;grid-template-columns:minmax(262px,1fr) minmax(0,2.2fr) minmax(280px,1.1fr);grid-template-rows:minmax(323px,1fr) minmax(196px,.53fr)}.left-column,.right-column,.bottom-row{gap:8px}.panel{padding:10px 11px}.panel-heading{margin-bottom:8px}.panel-heading h2{font-size:11px}.panel-heading .muted{font-size:8px}.industrial-ranking{gap:6px}.bar-chart label{font-size:9px}.bar-chart label em{margin-right:6px;font-size:8px}.bar-chart strong{font-size:13px}.bar-chart i{height:4px}.bar-chart b:before{height:2px;top:-2px}.bar-chart b:after{width:2px;right:-2px}.industry-bottom{font-size:8px;padding-top:6px;margin-top:7px}.industry-bottom strong{font-size:15px}.new-firms{font-size:7px;padding-left:5px}.industry-chart{gap:15px;padding:0 2px}.donut{width:84px;height:84px}.donut.has-3d strong{font-size:20px}.donut-key{gap:10px}.donut-key>div{font-size:8px}.donut-key strong{font-size:16px}.donut-key small{font-size:7px}.chart-foot,.chart-foot>span{font-size:6px}.stacked-bar{margin-top:5px;height:2px}.production-strip{margin-top:7px;padding-top:6px;gap:8px}.production-strip>span{font-size:7px}.production-strip strong{font-size:17px;margin-top:2px}.production-strip strong small{font-size:6px}.chart-legend{font-size:7px;gap:9px;margin-bottom:4px}.chart-note{font-size:7px;margin-top:4px}.air-ring{width:80px;height:80px;padding:5px}.air-ring strong{font-size:22px}.air-ring strong small{font-size:9px}.air-ring span{font-size:6px}.air-quality{gap:10px}.air-details strong{font-size:24px}.air-details p{margin-top:6px}.air-details small{font-size:7px}.air-details>span:last-child{font-size:6px}.quality-tag{font-size:6px;padding:2px 3px}.eco-readings{gap:6px 10px;margin-top:7px;padding-top:6px}.eco-readings>div{gap:2px}.eco-readings>div>span{font-size:7px}.eco-readings strong{font-size:16px}.eco-readings small{font-size:6px}.ecology-panel .source-link{font-size:6px;margin-top:6px;padding-top:5px}.population-readings{gap:7px;padding-top:6px;margin-top:6px}.population-readings>span{font-size:6px}.population-readings>span+span{padding-left:7px}.population-readings strong{font-size:17px;margin-top:2px}.population-readings small{font-size:6px;margin-left:2px}.finance-layout{gap:11px}.mini-heading{font-size:7px;margin-bottom:6px}.mini-heading strong{font-size:17px;margin-top:2px}.mini-heading small{font-size:6px}.budget-livelihood{padding:8px;gap:4px}.budget-livelihood>span{font-size:7px}.budget-livelihood strong{font-size:18px}.budget-livelihood strong small{font-size:6px}.budget-livelihood b{font-size:12px}.budget-other span{font-size:7px}.budget-other b{font-size:7px}.digital-reading{padding-top:5px;font-size:7px;margin-top:2px}.digital-reading strong{font-size:17px}.digital-reading small{font-size:6px}.digital-meter{height:3px;margin-top:4px}.digital-note{font-size:6px;margin-top:3px}.income-block .svg-chart{min-height:58px}.statusbar{height:24px;padding:0 15px;font-size:7px;gap:8px}.statusbar button{font-size:7px}.statusbar .map-disclaimer{font-size:6px}.map-section .map-top{top:11px;left:12px}.map-section .map-top h1{font-size:19px;margin-bottom:5px}.map-section .map-top p{font-size:7px}.regional-controls{top:53px;left:10px;right:10px;gap:5px}.scope-tabs button,.projection-tabs button,.regional-mode .scope-tabs button,.regional-mode .projection-tabs button{font-size:8px;padding:6px 7px}#pause-animation{min-width:72px}.map-section #regional-canvas,.map-section #regional-labels{inset:79px 0 48px}.map-section .map-toolbar,.regional-mode .map-toolbar{top:88px;left:10px}.search-box,.small-btn,.regional-mode .map-toolbar .search-box,.regional-mode .map-toolbar .small-btn{height:25px;font-size:8px}.search-box input{width:80px;font-size:8px}.map-section .compass,.regional-mode .compass{top:90px;right:9px}.compass svg{width:23px;height:23px}.map-section .map-side-tools,.regional-mode .map-side-tools{top:133px;right:8px}.map-side-tools .icon-btn{width:23px;height:24px}.map-section .regional-label{font-size:9px;padding:2px 3px}.regional-mode #region-card{bottom:59px;left:10px;padding:7px 9px;min-width:178px;gap:3px 7px}.region-card-type{font-size:6px}.map-section #region-card strong{font-size:12px}.map-section #region-card>span:nth-child(3){font-size:7px}.map-section #region-card small{font-size:6px}.map-section .scene-bottom,.regional-mode .scene-bottom{bottom:5px;left:8px;right:8px}.regional-mode .regional-layers{max-width:300px;padding:4px 6px}.regional-layers>span{font-size:6px}.regional-layers button{font-size:7px;padding:3px 7px}.map-section .map-caption,.map-section .map-caption button{font-size:6px;margin-top:5px}.map-section .map-places-btn{font-size:7px;padding:5px 6px;bottom:60px;right:9px}.map-section .places-panel.is-open,.map-section .feature-card,.regional-mode .feature-card{top:116px}.map-section .search-results,.regional-mode .search-results{top:117px}.map-section:not(.regional-mode) .regional-controls{top:53px}.map-section:not(.regional-mode) .map-toolbar{top:88px}#map-canvas,#map-labels{inset:78px -10px 52px}}
@media(max-width:1250px) and (min-width:1101px){.brand strong{font-size:16px}.brand small{display:none}.brand-mark{width:28px;height:32px}.topbar{gap:10px;padding:0 14px}.nav-item{font-size:10px;padding:0 9px}.header-tools{gap:8px}.clock strong{font-size:18px}.clock small{font-size:7px}.catalog-btn{font-size:9px}.kpi{gap:8px;padding:9px 10px}.kpi>svg{display:none}.dashboard{grid-template-columns:250px minmax(0,1fr) 275px}.map-section .regional-label{font-size:8px}.scope-tabs button,.projection-tabs button,.regional-mode .scope-tabs button,.regional-mode .projection-tabs button{font-size:7px;padding:6px 5px}#pause-animation{min-width:65px}}
@media(max-width:1100px){.app-shell{height:auto;min-height:100dvh;overflow:visible}.topbar{height:auto;min-height:65px;flex-wrap:wrap;padding:13px 17px 0;gap:12px}.brand{flex:1}.brand strong{font-size:19px}.brand small{font-size:8px}.header-tools{order:2}.main-nav{order:3;width:100%;height:39px;justify-content:center}.nav-item{font-size:12px;padding:0 26px}.context-bar{height:37px;padding:0 17px}.data-label{font-size:8px}.kpi-strip{height:auto;min-height:152px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 14px 12px}.kpi{padding:10px 16px}.kpi:nth-child(n+4){border-top:1px solid #294c57}.kpi:nth-child(4):before{display:none}.kpi strong{font-size:27px}.kpi>svg{width:27px;height:27px}.kpi small{font-size:10px}.dashboard{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;padding:0 14px 14px;gap:12px}.map-section,.regional-mode.map-section{grid-row:1;grid-column:1/3;height:570px;order:unset}.left-column{grid-row:2;grid-column:1}.right-column{grid-row:2;grid-column:2}.left-column,.right-column{gap:12px}.panel{padding:15px}.manufacturing-panel{min-height:280px}.industry-panel{min-height:250px}.economic-trend-panel{min-height:255px}.ecology-panel{min-height:275px}.bottom-row{grid-row:3;grid-column:1/3;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:12px}.bottom-row>.panel{min-height:260px}.bottom-row .finance-panel{grid-column:1/3;min-height:280px}.finance-layout{gap:28px}.income-block{min-height:180px}.industry-chart{justify-content:space-around;gap:20px}.donut{width:120px;height:120px}.donut-key{max-width:200px}.donut-key>div{font-size:11px}.map-section .map-top h1{font-size:26px}.map-section .map-top p{font-size:10px}.regional-controls{top:69px;left:13px;right:13px}.map-section #regional-canvas,.map-section #regional-labels{inset:100px 0 62px}.map-section .map-toolbar,.regional-mode .map-toolbar{top:111px;left:13px}.scope-tabs button,.projection-tabs button,.regional-mode .scope-tabs button,.regional-mode .projection-tabs button{font-size:10px;padding:8px 11px}.map-section .regional-label{font-size:12px}.regional-mode #region-card{bottom:78px;left:13px;min-width:235px;padding:11px 14px}.map-section #region-card strong{font-size:17px}.map-section .map-side-tools,.regional-mode .map-side-tools{top:178px;right:12px}.map-section .compass,.regional-mode .compass{top:119px;right:12px}.map-section .map-places-btn{bottom:79px;right:13px;font-size:10px}.map-section .scene-bottom,.regional-mode .scene-bottom{bottom:8px}.statusbar{height:auto;min-height:33px;flex-wrap:wrap;padding:9px 16px;gap:7px;font-size:8px}.statusbar .map-disclaimer{display:none}.access-status{margin-left:0}.catalog-tools input{font-size:11px}.map-section:not(.regional-mode) .regional-controls{top:69px}.map-section:not(.regional-mode) .map-toolbar{top:111px}}
@media(max-width:600px){.topbar{padding:12px 12px 0;gap:10px}.brand{gap:7px}.brand strong{font-size:14px;letter-spacing:0}.brand-divider{margin:0 5px}.brand small{font-size:7px;letter-spacing:0}.brand-mark{width:29px;height:32px}.header-tools{gap:4px}.catalog-btn{padding:6px;font-size:8px;gap:3px}.catalog-btn svg{display:none}.catalog-btn>span{font-size:11px;padding-left:5px;margin-left:0}.clock strong{font-size:16px}.clock small{display:none}.tool-divider{display:none}.header-tools .icon-btn{width:23px}.main-nav{height:36px;justify-content:space-between}.nav-item{padding:0 10px;font-size:10px;gap:4px}.nav-item svg{width:12px;height:12px}.context-bar{padding:0 13px;height:31px;font-size:8px}.data-label{display:none}.kpi-strip{margin:0 10px 10px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:210px}.kpi{padding:9px 11px;gap:10px;min-height:70px}.kpi:nth-child(n+3){border-top:1px solid #294c57}.kpi:nth-child(odd):before{display:none}.kpi:nth-child(even):before{display:block}.kpi>svg{width:24px;height:24px}.kpi small{font-size:9px}.kpi strong{font-size:23px;letter-spacing:0}.kpi em{font-size:7px;margin-left:4px}.kpi>span>span{font-size:8px}.dashboard{display:flex;flex-direction:column;padding:0 10px 12px;gap:11px}.map-section,.regional-mode.map-section{height:510px;flex-shrink:0;order:0}.left-column{order:1}.right-column{order:2}.bottom-row{order:3;display:flex;flex-direction:column;gap:11px}.left-column,.right-column{gap:11px}.panel{padding:15px}.panel-heading h2{font-size:13px}.panel-heading .muted{font-size:8px}.manufacturing-panel{min-height:294px}.industrial-ranking{gap:13px}.bar-chart label{font-size:11px}.bar-chart strong{font-size:17px}.bar-chart i{height:7px}.industry-panel{min-height:280px}.industry-chart{gap:25px}.donut{width:125px;height:125px}.donut-key strong{font-size:22px}.donut-key>div{font-size:11px}.production-strip>span{font-size:10px}.production-strip strong{font-size:23px}.chart-foot,.chart-foot>span{font-size:7px}.economic-trend-panel{min-height:285px}.ecology-panel{min-height:302px}.air-ring{width:112px;height:112px}.air-ring strong{font-size:30px}.eco-readings>div>span{font-size:9px}.eco-readings strong{font-size:21px}.bottom-row>.panel{min-height:280px}.bottom-row .finance-panel{min-height:310px}.finance-layout{gap:15px}.mini-heading{font-size:8px}.budget-livelihood{padding:9px 8px}.budget-livelihood>span{font-size:8px}.budget-livelihood strong{font-size:20px}.budget-livelihood strong small{font-size:6px}.budget-livelihood b{font-size:15px}.budget-other span{font-size:8px}.budget-other b{font-size:7px}.income-block .svg-chart{min-height:110px}.digital-reading{font-size:7px;gap:4px;flex-wrap:wrap}.digital-reading strong{font-size:20px}.digital-note{font-size:6px}.budget-block .chart-note{font-size:6px}.population-readings>span{font-size:8px}.population-readings strong{font-size:20px}.population-readings small{font-size:6px}.population-readings>span+span{padding-left:7px}.population-readings{gap:7px}.map-section .map-top{left:11px;top:14px}.map-section .map-top h1{font-size:22px;letter-spacing:1px}.map-section .map-top p{font-size:7px;max-width:100%;line-height:1.7}.regional-controls{top:70px;left:10px;right:10px;flex-wrap:wrap;gap:5px}.scope-tabs{width:100%;display:flex}.scope-tabs button{flex:1}.projection-tabs{margin-left:auto}.scope-tabs button,.projection-tabs button,.regional-mode .scope-tabs button,.regional-mode .projection-tabs button{font-size:9px;padding:6px 9px}.map-section .map-toolbar,.regional-mode .map-toolbar{top:110px;left:10px}.search-box,.small-btn,.regional-mode .map-toolbar .search-box,.regional-mode .map-toolbar .small-btn{height:27px}.search-box{padding:0 6px}.search-box input{width:70px;font-size:8px}.search-box>svg{display:none}.search-box kbd{display:none}.small-btn{font-size:8px;padding:0 6px}.small-btn svg{width:10px}.projection-tabs button{font-size:9px;padding:6px 8px}#pause-animation{min-width:79px}.map-section #regional-canvas,.map-section #regional-labels{inset:145px 0 69px}.map-section .regional-label{font-size:8px;padding:2px}.map-section .map-side-tools,.regional-mode .map-side-tools{top:198px;right:5px}.map-side-tools .icon-btn{width:24px;height:27px}.map-section .compass,.regional-mode .compass{top:151px;right:7px}.compass svg{width:25px;height:25px}.regional-mode #region-card{bottom:80px;left:10px;min-width:185px;padding:7px 9px;gap:3px 7px}.region-card-type{font-size:6px}.map-section #region-card strong{font-size:12px}.map-section #region-card>span:nth-child(3){font-size:7px}.map-section #region-card small{font-size:6px}.map-section .map-places-btn{bottom:81px;right:10px;padding:7px;font-size:8px}.map-places-btn svg{width:10px;height:10px}.regional-mode .regional-layers{max-width:310px;padding:5px 6px}.regional-layers>span{font-size:7px;padding-right:7px}.regional-layers button{font-size:8px;padding:4px 8px}.map-section .map-caption,.map-section .map-caption button{font-size:6px;margin-top:7px;line-height:1.5}.map-section .map-caption>span{max-width:160px}.map-section .map-caption button{max-width:120px}.map-section .feature-card,.regional-mode .feature-card,.map-section .places-panel.is-open{top:151px;right:9px;width:220px}.map-section .search-results,.regional-mode .search-results{top:143px;left:10px;max-width:240px}.map-section:not(.regional-mode) .regional-controls{top:70px}.map-section:not(.regional-mode) .map-toolbar{top:110px}#map-canvas,#map-labels{inset:140px -20px 70px}.scene-legend{font-size:7px;gap:5px}.layer-title{font-size:7px;padding-right:6px}.layer{font-size:8px;padding:4px 6px;gap:3px}.layer svg{width:10px;height:10px}.statusbar{padding:10px 12px;justify-content:center;font-size:7px}.statusbar button{font-size:7px}.statusbar>span:first-child{white-space:normal;flex-wrap:wrap;justify-content:center}.catalog-tools{flex-wrap:wrap;gap:6px}.catalog-tools input{flex:1 1 100%;height:34px}.catalog-tools select{flex:1;height:32px;max-width:none}.catalog-tools button{height:32px}.catalog-table td,.catalog-table th{font-size:8px;padding:8px 5px!important}.catalog-table td:nth-child(1){white-space:nowrap}.catalog-table strong{font-size:11px}.dialog-header{padding:19px}.dialog-header h2{font-size:18px}#dialog-content{padding:17px}.catalog-intro{font-size:10px}.dialog-footer{padding:12px 17px;font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.chart-runner{display:none}}
.svg-chart>svg{stroke:none}.industrial-ranking{gap:5px}.industrial-ranking>div{gap:2px}.industrial-ranking label{font-size:11px;line-height:14px}.industrial-ranking strong{font-size:16px;line-height:14px}.industrial-ranking i{height:5px}
.air-quality{flex:0 0 91px}.air-ring{width:88px;height:88px;padding:6px}.air-ring strong{font-size:26px}.air-ring span{font-size:7px}.air-details strong{font-size:28px}.eco-readings{flex:1;align-content:center;grid-template-columns:repeat(4,minmax(0,1fr));min-height:0}
@media(max-height:850px) and (min-width:1101px){.industrial-ranking{gap:3px}.industrial-ranking>div{grid-template-columns:94px minmax(0,1fr) 30px;align-items:center;gap:7px;min-height:14px}.industrial-ranking label{font-size:8px;line-height:12px;grid-column:1;grid-row:1;white-space:nowrap}.industrial-ranking label em{margin-right:5px;font-size:7px}.industrial-ranking strong{font-size:12px;line-height:12px;grid-column:3;grid-row:1;text-align:right}.industrial-ranking i{height:4px;grid-column:2;grid-row:1}.industry-bottom{padding-top:5px;margin-top:6px}.air-quality{flex-basis:70px}.air-ring{width:66px;height:66px;padding:4px}.air-ring strong{font-size:19px}.air-ring strong small{font-size:7px}.air-ring span{font-size:5px}.air-ring:after{inset:-5px}.air-ring:before{inset:-2px}.air-details strong{font-size:22px}.eco-readings{align-content:center;gap:5px 10px}.eco-readings strong{font-size:15px}.eco-readings>div>span{font-size:6px}}
@media(max-width:1100px){.industrial-ranking>div{gap:4px}.industrial-ranking{gap:10px}.industrial-ranking label{font-size:11px;line-height:15px}.industrial-ranking strong{font-size:17px;line-height:15px}.industrial-ranking i{height:6px}.air-quality{flex:1;min-height:100px}.air-ring{width:95px;height:95px;padding:6px}.air-ring strong{font-size:27px}.air-ring span{font-size:7px}.eco-readings{flex:0;grid-template-columns:1fr 1fr}}

.app-shell[data-view="ecology"] .ecology-panel{border-color:#70cdb6;box-shadow:inset 2px 0 #70cdb6}.app-shell[data-view="traffic"] .map-section{border-color:#6bacc0}.map-section[aria-busy="true"] button:disabled,.map-section[aria-busy="true"] input:disabled{opacity:.45;cursor:wait}