/* TMK Environment 2.0 — locally hosted Cyrillic typography and restrained industrial palette. */
@font-face{font-family:Manrope;src:url('./assets/fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;font-size:15px;--bg:#10141b;--panel:#191f28;--panel2:#202733;--line:#303845;--text:#eef2f6;--muted:#a0abb9;--accent:#50c9d0;--accent-rgb:80,201,208;--good:#62cdb0;--warn:#eab766;--bad:#f0818b;--shadow:0 8px 24px #0000000d;--map:#202a34;--station-chr:#50c9d0;--station-nav:#eab766;--station-sam:#8ba9ed}
:root[data-theme=light]{--bg:#f2f4f7;--panel:#fff;--panel2:#f7f8fa;--line:#e1e6ec;--text:#202b3b;--muted:#647185;--accent:#087f91;--accent-rgb:8,127,145;--good:#138766;--warn:#a76c13;--bad:#c34457;--shadow:0 4px 20px #182b4105;--map:#e5e9ed;--station-chr:#087f91;--station-nav:#ae741a;--station-sam:#5c77be}
html,body,button,input,select,textarea,.leaflet-container{font-family:Manrope,Arial,sans-serif}body{font-weight:450;font-feature-settings:'ss01' 1;line-height:1.5;transition:background-color .15s}button,input,select{font-size:13px;min-height:38px;border-radius:8px}button{font-weight:600;transition:background-color .15s,border-color .15s,box-shadow .15s}button:hover{background:var(--panel2);border-color:var(--accent)}button.primary:hover{background:var(--accent);filter:brightness(1.06)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(var(--accent-rgb),.7);outline-offset:3px}svg.icon{width:19px;height:19px;stroke-width:1.65}
.sidebar{width:214px;background:var(--panel);padding:24px 12px 14px;border-color:var(--line)}.brand{padding:2px 18px 25px}.brand img{width:147px;display:block}.brand small{font-size:9px;letter-spacing:1.15px;white-space:nowrap;color:var(--muted);margin-top:13px}.nav-label{font-size:10px;font-weight:650;letter-spacing:.8px;padding:14px 14px 9px}.nav-link{font-size:13px;font-weight:550;min-height:45px;gap:11px;padding:10px 14px;margin:3px 0;border-radius:7px}.nav-link.active{background:rgba(var(--accent-rgb),.09);color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.nav-link.active svg{stroke-width:2}.nav-link .count{font-size:11px;min-width:21px;text-align:center;border-radius:5px}.sidebar-bottom .demo-panel{font-size:11px;border:0;background:var(--panel2);padding:12px;margin:18px 4px;line-height:1.8}.demo-panel strong{font-weight:650}.user{font-size:11px;padding:13px 3px 0}.user small{font-size:10px}.avatar{border:1px solid rgba(var(--accent-rgb),.25);font-weight:700;background:rgba(var(--accent-rgb),.08)}.workspace{margin-left:214px}.topbar{height:65px;background:var(--panel);padding:0 26px}.breadcrumb{font-size:12px;font-weight:500}.breadcrumb span{font-weight:650}.top-actions{gap:12px}.top-actions time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.search input{width:246px;font-size:12px;border:0;background:var(--panel2);padding:10px 14px;min-height:36px}.search svg{width:16px;color:var(--muted)}.icon-button{border-color:var(--line);border-radius:8px;width:36px;min-width:36px;min-height:36px;background:transparent}.top-actions>.icon-button{border-color:transparent}.top-actions>.icon-button:hover{background:var(--panel2);border-color:var(--line)}
main{padding:25px 26px 18px;max-width:1900px}.page-heading{margin-bottom:22px;align-items:center}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.35px;color:var(--accent);margin-bottom:7px}h1{font-family:Manrope,Arial,sans-serif;font-size:28px;font-weight:750;letter-spacing:-.9px;line-height:1.28;margin-bottom:7px}h2{font-size:15px;font-weight:750;letter-spacing:-.2px}h3{font-size:14px;font-weight:650}.subtitle{font-size:12px;line-height:1.7}.page-heading .actions button{padding:9px 14px;font-size:12px}.page-heading .actions{gap:8px}.page-heading .actions .icon-button{padding:8px}.primary{background:var(--accent);color:#101c24;border-color:var(--accent)}:root[data-theme=light] .primary{color:white}.panel{border-radius:11px;border:1px solid var(--line);box-shadow:var(--shadow)}.panel-head{padding:17px 20px;min-height:67px}.panel-head small{font-size:11px;margin-top:4px;letter-spacing:.05px}.text-button{font-size:12px;font-weight:650;min-height:0}.tag{font-size:10px;letter-spacing:.15px;font-weight:650;padding:5px 8px;border-radius:5px}.tag.good{background:#23a98412;color:var(--good)}.tag.warning{background:#e3a34115;color:var(--warn)}.tag.critical{background:#d9566a16;color:var(--bad)}.dot{width:5px;height:5px}
.kpis{gap:14px;margin-bottom:20px}.kpi{padding:17px 19px 15px;border-radius:10px;min-height:122px;background:var(--panel)}.kpi:first-child{background:linear-gradient(105deg,rgba(var(--accent-rgb),.075),transparent 85%),var(--panel);border-color:rgba(var(--accent-rgb),.26)}.kpi-top{font-size:12px;font-weight:550;padding-right:28px;line-height:1.4}.kpi-top svg{position:absolute;right:18px;top:17px;width:17px;color:var(--muted)}.kpi-value{font-family:Manrope,Arial,sans-serif;font-size:33px;letter-spacing:-1.15px;line-height:1.1;font-weight:650;font-variant-numeric:tabular-nums;margin:12px 0 10px}.kpi-value small{font-size:13px;font-weight:500;margin-left:3px}.kpi-bottom{font-size:10px;letter-spacing:0;font-weight:500}.kpi-bottom em{font-weight:600}.kpi-line{display:none}.monitor-grid{grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:stretch}.monitor-grid>.map-panel{display:flex;flex-direction:column}.monitor-grid .map-wrap{flex:1;min-height:360px;height:auto}.map-panel>.panel-head{background:var(--panel);min-height:72px}.segment{background:var(--panel2);padding:3px;border:1px solid var(--line);border-radius:8px;gap:2px}.segment button{min-height:27px;padding:4px 10px;font-weight:650;font-size:11px;border-radius:5px}.segment button.active{color:var(--accent);background:var(--panel);box-shadow:0 1px 4px #0000000c}.segment button:hover{color:var(--text)}
.station-strip{background:var(--panel);min-height:79px;position:relative;z-index:3}.station-tile{padding:15px 18px;position:relative;min-width:0}.station-tile.active{background:rgba(var(--accent-rgb),.035);box-shadow:inset 0 -3px var(--accent)}.station-tile .station-title{font-size:13px;font-weight:700;gap:8px}.station-tile b{font-size:19px;font-weight:700;letter-spacing:-.5px}.station-tile small{font-size:10px;font-weight:500}.station-tile:hover{background:var(--panel2)}.selected-panel{padding:20px 19px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.04),transparent 35%);height:100%;border-top:2px solid rgba(var(--accent-rgb),.5)}.station-heading{align-items:flex-start;margin-bottom:17px;gap:8px}.station-heading h2{font-size:25px;font-weight:750;letter-spacing:-.75px;margin:7px 0 4px}.station-heading small{font-size:10px;font-weight:500}.station-heading .station-code{font-size:10px;letter-spacing:1.2px;color:var(--accent);font-weight:750}.station-heading .tag{font-size:9px;margin-top:1px}.large-pair{gap:10px}.measure{padding:12px 14px;background:var(--panel2);border-color:var(--line);border-radius:8px}.measure span{font-size:12px;font-weight:650;color:var(--text)}.measure b{font-family:Manrope,Arial,sans-serif;font-size:37px;font-weight:650;letter-spacing:-1.4px;margin:2px 0;line-height:1.3;font-variant-numeric:tabular-nums}.measure small{font-size:10px;font-weight:500}.section-label{font-size:10px;font-weight:650;letter-spacing:.65px;margin:18px 0 6px;color:var(--muted)}.gas-list{gap:0 17px}.gas-item{padding:8px 0;font-size:12px}.gas-item span{font-weight:550}.gas-item b{font-weight:650;letter-spacing:.15px}.weather-row{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding-top:3px;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}.weather-row span{font-size:10px;font-weight:500;margin:0 0 4px}.selected-panel .full{font-size:11px;margin-top:17px;background:var(--panel2);min-height:34px;color:var(--text)}
.bottom-grid{grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr);gap:18px;margin-top:18px}.chart{height:190px;font-family:Manrope,Arial,sans-serif}.chart text{font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:0}.chart .grid-line{stroke:var(--line);stroke-dasharray:3 5;opacity:.7}.chart-wrap{padding:0 17px 2px}.legend{font-size:10px;font-weight:600;gap:20px}.legend i{width:15px;height:3px;border-radius:3px;margin-right:6px}.event-row{padding:14px 18px;gap:11px}.event-content{font-size:12px;line-height:1.6}.event-content strong{font-size:12px;font-weight:650}.event-content small{font-size:10px}.event-icon{padding:7px;border:1px solid #e3a34114;border-radius:7px}.event-icon .icon{width:17px;height:17px}.event-row time{font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}.footer{font-size:10px;line-height:1.7;margin-top:20px}.footer .dot{color:var(--muted)}
/* Leaflet is bundled; only visible OpenStreetMap tiles use the network. */
.leaflet-map-wrap{position:relative;isolation:isolate;background:var(--map);overflow:hidden}.leaflet-map-wrap #station-map{position:absolute;inset:0;z-index:1;background:var(--map);font-family:Manrope,Arial,sans-serif}.leaflet-container .leaflet-tile-pane{filter:saturate(.62) contrast(.95)}:root[data-theme=dark] .leaflet-container .leaflet-tile-pane{filter:grayscale(.92) invert(.91) hue-rotate(180deg) brightness(.68) contrast(1.1)}.leaflet-container a{color:#08788d}.leaflet-container .leaflet-control-attribution{font-family:Manrope,Arial,sans-serif;font-size:9px;line-height:1.8;padding:1px 7px;background:rgba(255,255,255,.94);color:#4a596b;border-top-left-radius:4px;box-shadow:none}.leaflet-container .leaflet-control-attribution a{color:#126a7b}.leaflet-control-zoom{border:1px solid var(--line)!important;box-shadow:0 4px 20px #0001!important;border-radius:7px!important;overflow:hidden}.leaflet-control-zoom a{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important;min-height:32px!important;width:32px!important;font-size:19px!important;font-family:Manrope,Arial,sans-serif!important;font-weight:500!important}.leaflet-left .leaflet-control{margin-left:15px;margin-bottom:32px}.leaflet-control-attribution a:focus-visible{outline-offset:0}.map-provider{position:absolute;z-index:500;top:16px;left:16px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:8px 11px;font-size:10px;font-weight:650;background:var(--panel);box-shadow:0 4px 16px #0000000b;pointer-events:none}.map-status-dot{width:6px;height:6px;border-radius:50%;background:var(--good)}.map-provider.is-warning .map-status-dot{background:var(--warn)}.map-fit{position:absolute;right:16px;top:16px;z-index:500;min-height:34px;width:34px;padding:7px;background:var(--panel);box-shadow:0 4px 16px #0000000b}.map-fit .icon{width:16px;height:16px}.map-position-note{position:absolute;z-index:450;left:16px;bottom:7px;background:var(--panel);border-radius:4px;color:var(--muted);padding:4px 7px;font-size:9px;pointer-events:none}.map-network-error[hidden]{display:none}.map-network-error{position:absolute;z-index:510;bottom:45px;left:65px;right:15px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid var(--warn);color:var(--warn);border-radius:8px;box-shadow:var(--shadow);font-size:11px}.map-network-error button{font-size:11px;min-height:28px;padding:4px 8px;white-space:nowrap}.station-map-pin{background:transparent;border:0;overflow:visible;pointer-events:none}.map-station-label{pointer-events:auto;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:0 5px 22px #0002;width:146px;height:62px;min-height:62px;padding:9px 12px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;color:var(--text);position:relative}.map-station-label:hover{background:var(--panel);box-shadow:0 5px 26px #0003}.map-station-label.is-selected{border:2px solid var(--accent);padding:8px 11px;box-shadow:0 0 0 4px rgba(var(--accent-rgb),.13),0 5px 25px #0003}.pin-city{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:750;white-space:nowrap;line-height:1.3}.pin-abbr{font-size:8px;font-weight:700;color:var(--muted);letter-spacing:.5px;padding-right:6px;border-right:1px solid var(--line)}.pin-reading{font-size:22px;font-weight:750;letter-spacing:-.7px;line-height:1.2;color:var(--good);display:flex;align-items:baseline;justify-content:space-between}.pin-reading small{font-size:9px;font-weight:600;letter-spacing:0;color:var(--muted)}.map-station-label.warning .pin-reading{color:var(--warn)}.map-station-label.critical .pin-reading{color:var(--bad)}.map-pin-dot{position:absolute;width:12px;height:12px;border:3px solid var(--panel);background:var(--good);border-radius:50%;box-shadow:0 0 0 1px var(--good),0 0 0 7px #39ad901b;left:67px;top:70px;pointer-events:auto}.map-pin-dot.warning{background:var(--warn);box-shadow:0 0 0 1px var(--warn),0 0 0 7px #dc9e451b}.map-pin-dot.critical{background:var(--bad)}.station-nav .map-pin-dot{left:140px;top:22px}.station-sam .map-pin-dot{left:14px;top:-24px}.map-pin-dot.is-selected{box-shadow:0 0 0 2px var(--accent),0 0 0 9px rgba(var(--accent-rgb),.15)}
/* Internal pages follow the same visual language. */
.toolbar{gap:12px;margin-bottom:20px}.toolbar label{font-size:12px;font-weight:600}.toolbar select,.toolbar input{padding:9px 12px;font-size:12px}.content-pad{padding:22px}.metric-grid{gap:15px}.metric-card{padding:19px}.metric-card .value{font-family:Manrope,Arial,sans-serif;font-size:32px;font-weight:650;letter-spacing:-.8px;line-height:1.35}.metric-card .value small{font-size:11px;font-weight:500;letter-spacing:0}.metric-card p{font-size:11px}.metric-card .chart{height:90px}.metric-card .tag{font-size:9px}.cards-three{gap:18px}.cards-three>.panel{transition:border-color .2s,box-shadow .2s}.cards-three>button.panel:hover{box-shadow:0 6px 28px #00000014}.health-row{font-size:12px;padding:14px 0}.health-row b{font-weight:650}.report-card{padding:24px;gap:19px}.report-card h2{font-size:17px}.report-card p{font-size:12px;line-height:1.9}.report-card>.icon{width:29px;height:29px;padding:0;margin-bottom:2px}.report-card button{font-size:12px}.catalog-symbol{font-size:29px;font-weight:700;letter-spacing:-1px}.settings-row h3{font-size:13px}.settings-row p{font-size:11px}.field{font-size:12px;font-weight:550;gap:9px}.field input{padding:10px 12px;font-size:13px}.notice{font-size:11px;line-height:1.9;border-left-width:2px;border-radius:0 6px 6px 0}.table-scroll table{font-size:12px;font-variant-numeric:tabular-nums}.table-scroll th{font-size:10px;font-weight:700;letter-spacing:.45px;padding:14px 18px}.table-scroll td{padding:16px 18px}.table-scroll small{font-size:10px}.table-scroll .tag{font-size:10px}.compare-label{font-size:12px}.compare-row{margin:23px 0}.bar-track{height:7px;background:var(--line);opacity:.9}.bar-fill{border-radius:5px}.legend i{opacity:1}.search-results{border-radius:9px;top:57px}.search-results a{font-size:12px;font-weight:650}.search-results small{font-size:10px}.dialog-head h2{font-size:19px}.dialog-body{font-size:13px}.dialog-body p{line-height:1.9}#toast{font-size:12px;font-weight:550}.chart-tooltip{font-family:Manrope,Arial,sans-serif;font-size:11px}.screen-mode .map-wrap{min-height:460px}.screen-mode main{padding:22px 28px}
@media(min-width:1650px){main{padding-left:30px;padding-right:30px}.monitor-grid{grid-template-columns:minmax(0,1fr) 358px}.kpi{padding:20px 22px}.nav-link{font-size:14px}.station-heading h2{font-size:27px}.gas-item{font-size:13px}.station-tile .station-title{font-size:14px}.event-content strong{font-size:13px}}
@media(max-width:1200px){.sidebar{width:190px;padding:20px 10px}.brand{padding-left:13px;padding-right:13px}.brand img{width:135px}.brand small{font-size:8px}.nav-link{font-size:12px;padding-left:12px;gap:10px}.workspace{margin-left:190px}.monitor-grid{grid-template-columns:minmax(0,1fr) 294px;gap:14px}main{padding:23px 20px}.topbar{padding:0 20px}.search input{width:190px}.top-actions time{display:none}.kpi-top{font-size:11px}.kpi-value{font-size:30px}.kpi-bottom{font-size:9px}.selected-panel{padding:17px 15px}.station-heading h2{font-size:23px}.station-heading .tag{font-size:8px}.measure b{font-size:32px}.station-tile{padding:13px 12px}.station-tile .station-title{font-size:11px}.station-tile small{font-size:9px}.panel-head{padding:15px 17px}.bottom-grid{grid-template-columns:1.35fr 1fr}.legend{gap:12px}.table-scroll td{padding:14px 16px}.health-row{font-size:11px}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1020px){.monitor-grid,.bottom-grid,.two-col{grid-template-columns:1fr}.monitor-grid>.panel>.selected-panel{display:block}.monitor-grid .map-wrap{min-height:390px}.selected-panel .weather-row{grid-template-columns:repeat(4,1fr)}.monitor-grid .selected-panel .large-pair{float:left;width:42%;margin:0 24px 8px 0}.monitor-grid .selected-panel .gas-list{display:grid}.monitor-grid .selected-panel>.section-label{margin-top:13px}.monitor-grid .selected-panel .weather-row{clear:both;padding-top:12px}.monitor-grid .selected-panel .full{width:auto;min-width:160px}.cards-three{grid-template-columns:1fr}.kpi{padding:16px 14px}.topbar .breadcrumb{font-size:10px}.search input{width:175px}.station-tile .station-title{font-size:13px}.station-tile small{font-size:10px}}
@media(max-width:700px){.sidebar{width:234px;padding:22px 12px}.sidebar .brand img{width:148px}.sidebar .brand small{font-size:9px}.nav-link{font-size:14px;min-height:45px}.workspace{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:60px;padding:0 15px}.top-actions{gap:7px}.search input{width:160px;font-size:11px;padding:8px 11px}.top-actions .icon-button{width:31px;min-width:31px}.top-actions>.icon-button:last-child{display:none}main{padding:23px 15px 16px}.page-heading{margin-bottom:19px;gap:15px;align-items:flex-start}h1{font-size:26px;letter-spacing:-.85px}.eyebrow{font-size:9px;letter-spacing:1.15px}.subtitle{font-size:11px}.page-heading .actions{width:auto;flex-wrap:wrap}.page-heading .actions button{font-size:11px;padding:8px 11px}.kpis{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.kpi{min-height:124px;padding:16px 13px}.kpi-top{font-size:10px;padding-right:18px}.kpi-top svg{width:14px;right:12px;top:16px}.kpi-value{font-size:29px;margin:14px 0 9px}.kpi-value small{font-size:11px}.kpi-bottom{font-size:9px}.panel-head{padding:15px;gap:10px;flex-wrap:wrap;min-height:60px}.panel-head h2{font-size:14px}.panel-head small{font-size:10px}.map-panel>.panel-head{min-height:87px}.segment button{font-size:10px;min-height:26px;padding:4px 9px}.monitor-grid .map-wrap{min-height:410px}.station-strip{min-height:79px}.station-tile{padding:13px 10px}.station-tile .station-title{font-size:11px;flex-wrap:wrap;gap:3px}.station-tile b{font-size:17px}.station-tile small{font-size:8px}.map-provider{left:12px;top:12px;font-size:9px;padding:7px 9px}.map-fit{right:12px;top:12px}.map-position-note{font-size:8px;left:12px;bottom:23px}.leaflet-container .leaflet-control-attribution{font-size:8px}.leaflet-left .leaflet-control{margin-left:12px;margin-bottom:51px}.map-network-error{bottom:65px;left:58px;font-size:10px;gap:7px;align-items:flex-start}.map-station-label{width:128px;height:59px;padding:9px 10px}.map-station-label.is-selected{padding:8px 9px}.pin-city{font-size:10px;gap:5px}.pin-abbr{font-size:7px}.pin-reading{font-size:21px}.pin-reading small{font-size:8px}.selected-panel{padding:21px}.monitor-grid .selected-panel .large-pair{float:none;width:auto;margin:0}.monitor-grid .selected-panel .station-heading{margin-bottom:17px}.station-heading h2{font-size:27px}.station-heading small{font-size:11px}.station-heading .tag{font-size:9px}.measure b{font-size:37px}.measure span{font-size:13px}.measure small{font-size:11px}.gas-item{font-size:13px;padding:10px 0}.section-label{font-size:10px;margin-top:20px}.monitor-grid .selected-panel>.section-label{margin-top:20px}.selected-panel .weather-row{grid-template-columns:1fr 1fr;gap:16px;padding-top:3px}.weather-row span{font-size:11px}.weather-row{font-size:14px}.monitor-grid .selected-panel .full{width:100%;font-size:12px;margin-top:20px}.bottom-grid{gap:16px;margin-top:16px}.chart{height:192px}.chart-wrap{padding:0 12px}.chart text{font-size:12px}.legend{font-size:9px;gap:12px}.event-content strong{font-size:12px}.event-content small,.event-row time{font-size:10px}.event-row{padding:16px 15px}.footer{font-size:9px;gap:7px}.metric-grid{gap:10px}.metric-card{padding:15px}.metric-card .value{font-size:28px}.metric-card .tag{font-size:8px}.metric-card .value small{font-size:10px}.metric-card p{font-size:10px}.metric-card .chart{height:68px}.health-row{font-size:11px;gap:12px}.health-row b{text-align:right}.form-grid{grid-template-columns:1fr}.toolbar label{font-size:11px}.table-scroll th{font-size:9px}.table-scroll td{font-size:11px}.screen-mode main{padding:20px 15px}.screen-mode .map-wrap{min-height:410px}}
@media print{:root[data-theme]{--bg:#fff;--panel:#fff;--panel2:#f3f5f7;--line:#ddd;--text:#182536;--muted:#556778}body,html{font-family:Manrope,Arial,sans-serif;background:#fff!important}.workspace{margin:0}.sidebar,.topbar,.footer,.toolbar,button{display:none!important}.panel{border:0;box-shadow:none}main{padding:0}.print-report{font-size:12px}.print-report h2{font-size:20px}.table-scroll{overflow:visible}table{white-space:normal!important}.table-scroll th,.table-scroll td{padding:10px 9px;font-size:10px}.leaflet-control-attribution{display:block!important}}
:root[data-theme=dark] .leaflet-container .leaflet-tile-pane{filter:grayscale(.95) invert(.91) hue-rotate(180deg) brightness(1.1) contrast(.85)}
@media(min-width:1201px){.nav-link{font-size:14px}.kpi-top{font-size:13px}.kpi-bottom{font-size:11px}.panel-head h2{font-size:16px}.station-heading small{font-size:11px}.gas-item{font-size:13px}.weather-row{font-size:14px}.event-content strong{font-size:13px}.event-content small{font-size:11px}.legend{font-size:11px}.pin-city{font-size:12px}.pin-reading{font-size:24px}.pin-reading small{font-size:10px}.footer{font-size:11px}}
@media(max-width:700px){.station-nav .map-pin-dot{left:28px;top:70px}}

/* LIVE DATA PATCH v2.1 */
.tag.unknown{opacity:.68}.unknown-text{color:var(--muted)!important}.map-station-label.unknown .pin-reading,.map-pin-dot.unknown{opacity:.58}.live-panel{border-color:rgba(44,213,208,.25)!important}.live-panel strong{color:var(--accent)!important}.live-measured{margin:14px 0 0;font-size:12px;color:var(--muted)}.live-error{border-color:rgba(255,98,98,.35)!important}.chart-empty{height:190px;display:grid;place-items:center;color:var(--muted);font-size:13px}.metric-card .chart-empty{height:70px}.station-map-pin .pin-abbr{max-width:84px;overflow:hidden;text-overflow:ellipsis}.station-map-pin .pin-city{max-width:168px}


/* Final live polish: instant first paint + explicit stale-station state. */
.tag.stale{background:rgba(234,183,102,.15);color:var(--warn)}
.stale-text{color:var(--warn)!important}
.station-stale{border-color:rgba(234,183,102,.3)!important}
.live-measured.is-stale{color:var(--warn)}
.live-measured.is-stale span{display:block;margin-top:5px;font-size:10px;line-height:1.5;color:var(--warn)}
.live-loading{border-color:rgba(var(--accent-rgb),.28)!important;color:var(--muted)}
.live-loading b{color:var(--accent)}
.map-station-label.stale{border-color:rgba(234,183,102,.85);opacity:.92}
.map-station-label.stale .pin-reading{color:var(--warn)}
.map-pin-dot.stale{background:var(--warn);box-shadow:0 0 0 1px var(--warn),0 0 0 7px rgba(234,183,102,.16)}
.station-tile small{white-space:normal}
@media(max-width:700px){.live-measured.is-stale span{font-size:9px}}