/* Reference-driven control-room composition, with the existing data and controls. */
:root{--bg:#030d1c;--text:#d9edff;--muted:#6f97b5;--line:#40bded35}body{background:#030d1c}.aurora{background:radial-gradient(ellipse at 50% 46%,#06365480,transparent 52%),radial-gradient(ellipse at 20% 0%,#103d6270,transparent 46%),linear-gradient(#051528,#020a16);opacity:1}.aurora:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#64b7d433 .7px,transparent .7px);background-size:23px 23px;mask-image:linear-gradient(transparent,#0007,transparent)}header,.wall header{position:relative;padding:15px 28px 18px;background:linear-gradient(180deg,#112c48bb,#07172755);border-bottom:1px solid #46c7ef44;min-height:78px}header:before{content:'';position:absolute;left:27%;right:27%;top:0;bottom:0;clip-path:polygon(0 0,100% 0,94% 75%,88% 100%,12% 100%,6% 75%);background:linear-gradient(180deg,#10507388,#06172c);border-bottom:2px solid #5bdcff;filter:drop-shadow(0 0 9px #1cd7ff)}header:after{height:2px;background:linear-gradient(90deg,transparent,#38799c 22%,#61daff 49%,#38799c 78%,transparent);box-shadow:0 0 16px #48c8ed}.brand,.heading,.header-tools{position:relative;z-index:1}.brand{letter-spacing:4px;color:#80dffb;font:22px Consolas}.brand span{font-size:8px;letter-spacing:2px}.heading h1{font-size:28px;letter-spacing:5px;font-weight:600;color:#e4f7ff;text-shadow:0 0 8px #90e3ff99,0 0 24px #39b8ef55}.heading>span{font-size:8px;color:#6cabcc;letter-spacing:3px}.reference-nav{background:#05162877;border:0;justify-content:center;gap:16px;padding:6px 20px}.reference-nav button{font-size:11px;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);padding:5px 21px;border-color:#3c91af55;background:#10304c66}.reference-nav button.selected{background:#17608c77;color:#bff5ff;border-color:#76dfff}.controlbar,.wall .controlbar{background:transparent;padding:6px 24px}.truthbar,.wall .truthbar{border:0;background:transparent;font-size:9px;margin-bottom:4px;padding:2px 0;color:#7297ab}.tools button{font-size:10px;padding:4px 7px;background:#061e3290;border-color:#316b873f}.mode span{font-size:10px}.mode b{font-size:11px;color:#5ce4ff}main{padding:0 24px 14px}.top-kpis,.wall .top-kpis{gap:14px;margin:5px 0 13px;grid-template-columns:repeat(6,1fr)}.kpi,.wall .kpi{min-height:73px;padding:7px 12px;background:linear-gradient(90deg,#0a2c4477,transparent);border:0;border-bottom:1px solid #3d98bb55;box-shadow:none;overflow:hidden}.kpi:before{height:24px;width:3px;background:#48d9ff;border:0;top:16px;left:0;box-shadow:0 0 9px #46dbff}.kpi:after{display:none}.kpi-label{font-size:11px;color:#9fc6da}.kpi-value,.wall .kpi-value{font-size:25px;color:#70e5ff!important;letter-spacing:1px;text-shadow:0 0 12px #3ecaff44}.kpi-value small{font-size:10px}.kpi-foot{font-size:8px;color:#487b97}.dashboard,.wall .dashboard{grid-template-columns:minmax(230px,1fr) minmax(580px,2.8fr) minmax(230px,1fr);gap:18px;align-items:start}.center{display:flex;flex-direction:column;min-width:0}.panel,.wall .panel{background:linear-gradient(110deg,#081e32a8,#06152660);border:0;border-bottom:1px solid #27627c77;box-shadow:none;padding:10px 10px 8px;border-radius:0;position:relative}.panel:before{width:40px;height:1px;top:0;left:0;border:0;background:#56d7ff;box-shadow:0 0 6px #67deff88}.panel:after{content:'';position:absolute;top:0;right:0;width:20px;height:5px;background:repeating-linear-gradient(120deg,transparent 0 4px,#68c6e77a 4px 6px);pointer-events:none}.section-title,.wall .section-title{padding:6px 0;margin:0 0 7px;border-bottom:1px solid #3981a244;background:linear-gradient(90deg,#11436460,transparent)}.section-title span{font-size:8px;color:#4f839b;letter-spacing:1px}.section-title h2{font-size:15px;color:#b9edff;letter-spacing:2px}.section-title small{display:none}.panel-head,.module-head{border-bottom:1px solid #30627c55;margin:0 0 7px;padding:0 0 6px;background:transparent}.panel-head h3,.module-head button,.panel-head h2{font-size:12px!important;color:#acd6eb!important;font-weight:500;letter-spacing:1px}.module-head button{padding:0}.module-head small{font-size:8px}.metric-main strong,.wall .metric-main strong{font-size:24px;color:#7de5ff;text-shadow:0 0 8px #41cfff33}.metric-main label{font-size:10px;color:#75a4bb}.metric-grid{gap:4px 8px}.metric-line{font-size:10px;border-bottom:1px dotted #30617a2c;padding-bottom:3px}.metric-line b{font-family:Consolas;color:#b3d9ec}.module-footer{font-size:8px;color:#3e7791;margin-top:7px}.tag{font-size:8px;padding:1px 4px;opacity:.85}.ai-column #aiModules{display:block}.ai-column .ai-modules .panel,.wall .column .panel{margin-bottom:11px}.ai-column #heatmap{gap:3px}.ai-column .heatcell{height:10px}.finance-center{margin-top:13px}.finance-center #financeModules{display:block}.finance-center .panel{margin-bottom:10px}.map-panel,.wall .map-panel{background:radial-gradient(ellipse at 50% 50%,#05669525,transparent 72%);border:0;padding:6px 0 0;box-shadow:none;order:0}.map-panel:before{width:100%;background:linear-gradient(90deg,transparent,#57ddff55,transparent)}.map-panel:after{display:none}.map-panel .panel-head{border:0;padding:5px 10px;margin:0}.map-panel h2{font-size:18px!important;letter-spacing:4px;color:#d3f4ff!important}.map-panel small{font-size:8px;letter-spacing:3px;color:#366f8e}.map-label{font-size:9px;color:#628fa7}.mapwrap{position:relative;background:radial-gradient(ellipse,#0a518c2e,transparent 70%);overflow:hidden}.mapwrap:before{content:'';position:absolute;inset:14% 1% 13%;border:1px solid #3798ba1f;border-radius:50%;transform:rotate(-8deg);box-shadow:0 0 80px #008df01a,inset 0 0 50px #008df015;pointer-events:none}.mapwrap svg,.wall .mapwrap svg{height:clamp(340px,43vh,600px);min-height:0;width:100%;overflow:visible}.country,.mapwrap .country.china{fill:var(--continent)!important;fill-opacity:.20;stroke:#75d9ff!important;stroke-opacity:.8;stroke-width:.6;filter:drop-shadow(0 0 1.7px #55ceff)}.mapwrap .country.china{fill-opacity:.58;stroke:#b7f1ff!important;stroke-width:.95;filter:drop-shadow(0 0 4px #5edaff)}.graticule{stroke:#277594;stroke-opacity:.2;stroke-dasharray:1 5}.map-path{stroke:#e7bf58!important;stroke-width:1;opacity:.8;filter:drop-shadow(0 0 2px #ffd94d)}.map-stats,.wall .map-stats{top:14px;left:10px;gap:15px;bottom:auto}.map-stats b{font-size:18px;color:#a6efff}.map-stats span{font-size:8px;color:#5c90a7}.map-legend,.wall .map-legend{font-size:8px;color:#567f96;justify-content:center}.continent-legend{justify-content:center;font-size:9px;gap:15px;color:#85b4c9;padding:3px}.continent-legend i{height:5px;width:13px;box-shadow:0 0 5px currentColor}.factory-cards{gap:10px;margin:9px 15px}.factory-card{border:0;border-left:2px solid #f3c85a;background:linear-gradient(90deg,#896d2020,transparent);padding:5px 9px;position:relative}.factory-card b{font-size:12px;color:#e8d894}.factory-card small{font-size:8px;color:#71878c}.city-heat-panel{order:2;margin-top:12px}.city-heat-grid{grid-template-columns:repeat(7,1fr)}.city-heat-tile{padding:4px!important;border:1px solid #48b2d72a;box-shadow:none;border-radius:0}.city-heat-tile strong,.wall .city-heat-tile strong{font-size:16px}.city-heat-tile span{font-size:9px}.city-heat-panel .smallnote{font-size:8px}.center-strip,.wall .center-strip{order:1;grid-template-columns:1fr 1fr 1.4fr;gap:14px;margin-top:13px}.center-strip .panel{background:transparent}.sharebox{gap:10px}.donut{width:58px;height:58px;box-shadow:0 0 16px #2cc9ff17}.donut:after{background:#051525;inset:8px}.sharelabels{font-size:10px}.flow-nums{font-size:10px}.flow-panel svg{height:50px!important}.reference-client-grid{gap:6px}.reference-ring{width:58px;height:58px;background:radial-gradient(#12557522,#0b273322);border-color:#329db655;box-shadow:0 0 13px #40cef022}.reference-ring b{font-size:19px;color:#75e8ff}.reference-counter>span{font-size:9px;color:#8db4c6}.reference-client-note{font-size:8px;color:#527c95}.reference-client-foot{font-size:10px}.reference-client-foot b{color:#9cdaee}.public-panel>h3{font-size:12px;color:#b7e2f5}.support-grid{gap:16px}.support-grid .panel{background:linear-gradient(90deg,#0a223688,transparent)}.support-grid .metric-main strong{font-size:20px!important}.support-grid .metric-grid{display:none}.support-grid .module-footer{margin-top:3px}.support,.wall .support{margin-top:13px}.smallnote{color:#4d7c94}footer{border-color:#1d526655;color:#396d87;font-size:9px}dialog{background:#061a2e;border-color:#4ac8e965}.health-grid div{background:#0b2940}.wall .reference-rich-chart{display:none}.wall .public-grid{display:none}.wall .operational{display:none}
@media(min-width:1800px){.dashboard,.wall .dashboard{grid-template-columns:310px minmax(650px,1fr) 310px}.heading h1{font-size:32px}.metric-main strong{font-size:27px}.metric-line{font-size:11px}.mapwrap svg,.wall .mapwrap svg{height:46vh}}
@media(max-width:1200px) and (min-width:851px){.dashboard,.wall .dashboard{grid-template-columns:210px minmax(410px,1fr) 210px;gap:10px}main{padding:0 13px 12px}.mapwrap svg,.wall .mapwrap svg{height:360px}.heading h1{font-size:22px;letter-spacing:2px}.brand{font-size:17px}.reference-nav{gap:4px}.reference-nav button{padding:4px 13px}.sharebox{flex-direction:column}.city-heat-grid{grid-template-columns:repeat(5,1fr)}.top-kpis,.wall .top-kpis{gap:8px}.kpi-value,.wall .kpi-value{font-size:21px}.metric-grid{grid-template-columns:1fr}.module-footer span{font-size:7px}.materials{grid-column:auto}.materials>div:last-child{display:block}.center-strip,.wall .center-strip{grid-template-columns:1fr 1fr 1.3fr}.flow-panel,.wall .flow-panel{grid-column:auto}}
@media(max-width:850px){header:before{left:0;right:0}.heading h1{font-size:18px;letter-spacing:1px}.dashboard,.wall .dashboard{grid-template-columns:1fr}.center{grid-row:1}.ai-column{grid-row:2}.materials{grid-row:3}.ai-column #aiModules,.finance-center #financeModules{display:grid;grid-template-columns:1fr 1fr;gap:10px}.top-kpis,.wall .top-kpis{grid-template-columns:repeat(3,1fr)}.mapwrap svg,.wall .mapwrap svg{height:340px}.city-heat-grid{grid-template-columns:repeat(5,1fr)}.reference-nav{gap:3px;flex-wrap:wrap}.reference-nav button{font-size:9px;padding:5px 10px}.center-strip,.wall .center-strip{grid-template-columns:1fr 1fr 1.2fr}.map-stats,.wall .map-stats{position:absolute;top:10px}.brand{display:none}main{padding:0 12px}.truthbar{margin-left:12px;margin-right:12px}.support-grid .metric-grid{display:grid}}
@media(max-width:520px){.top-kpis,.wall .top-kpis{grid-template-columns:repeat(2,1fr)}.heading h1{font-size:14px}.header-tools #clock{font-size:9px;min-width:150px}.mapwrap svg,.wall .mapwrap svg{height:240px}.map-panel h2{font-size:14px!important}.map-label{font-size:8px}.ai-column #aiModules,.finance-center #financeModules{grid-template-columns:1fr}.center-strip,.wall .center-strip{grid-template-columns:1fr 1fr}.flow-panel,.wall .flow-panel{grid-column:1/-1}.city-heat-grid{grid-template-columns:repeat(4,1fr)}.map-stats b{font-size:12px}.map-stats span{font-size:6px}.factory-card b{font-size:10px}.factory-card small{font-size:7px}.continent-legend{gap:7px;font-size:8px}}