/* Responsive administration: fleet overview, focused station detail, clear tasks. */
:root{--ink:#192c3b;--muted:#667c8a;--line:#e2eaf0;--bg:#f3f6fa;--orange:#ed7434;--orange-soft:#fff2e9}
body{font-family:Segoe UI,Arial,sans-serif;font-size:15px;background:var(--bg);line-height:1.5}
.sidebar{width:248px;background:linear-gradient(160deg,#142d3c,#112430);padding:32px 22px;border-right:1px solid #ffffff0a}
.sidebar .brand{font-size:36px}.sidebar .side-caption{color:#96acba;font-size:10px;letter-spacing:2px;margin-top:24px}.sidebar nav{margin-top:18px}
.nav{border-radius:12px;padding:14px 15px;margin:7px 0;font-size:16px;transition:background .15s}.nav span{font-size:13px;font-weight:600}.nav.active{background:#ffffff12;box-shadow:inset 3px 0 var(--orange);color:white}.nav:hover{background:#ffffff0c}
main{margin-left:248px;padding:0 36px;max-width:none}header{position:sticky;top:0;z-index:8;height:76px;background:#f3f6faf5;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.breadcrumb{font-size:12px}.header-right{font-size:12px}
h1{font-size:34px;letter-spacing:-1.3px}h2{font-size:21px}h3{font-size:17px}.eyebrow{font-size:10px;letter-spacing:2px}.heading{padding:34px 0 24px}.heading p{font-size:14px}.muted{font-size:12px;line-height:1.7}
.primary,.secondary{border-radius:10px;padding:12px 18px;font-size:13px;min-height:43px}.primary{box-shadow:0 4px 12px #ed74341f}.secondary:hover{border-color:#b7c8d3;background:#f8fafc}.quiet{font-size:13px}button:disabled{cursor:not-allowed}
.metrics{gap:18px}.metrics article{border-radius:18px;padding:23px;box-shadow:0 4px 18px #233f5204}.metrics strong{font-size:34px;margin:16px 0 10px}.metrics article>div{font-size:12px;font-weight:600}.metrics article>span{font-size:11px}.metrics .price-metric{background:linear-gradient(140deg,#fff5ed,#fff0e1)}
.station-list{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:20px}.station-card{padding:23px;border-radius:18px;box-shadow:0 5px 20px #233f5205;transition:transform .15s,border-color .15s,box-shadow .15s}.station-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #233f5210}.station-name{font-size:17px;margin-top:18px}.station-id{font-size:12px}.station-values strong{font-size:22px}.station-values small{font-size:11px}.station-foot{font-size:11px}.badge{padding:6px 10px;font-size:11px;border-radius:8px}.station-icon{width:38px;height:38px;font-size:23px}
.section-row{margin:24px 0 18px}.search{padding:11px 14px!important;min-width:270px}.search input{font-size:13px}.count{font-size:12px;border-radius:7px}
.detail{margin:25px 0;padding:28px;border-radius:20px;box-shadow:0 8px 30px #233f5205;scroll-margin-top:96px}.detail>.section-row:first-child{margin-bottom:12px}#detail-name{font-size:26px;letter-spacing:-.5px}#station-meta{font-size:12px}.station-external-links{gap:9px;margin:18px 0}.station-external-links a{border-radius:9px;font-size:12px;padding:10px 14px}.station-external-links .muted{padding:7px 0;margin-right:12px}
.tabs{position:sticky;top:76px;z-index:7;gap:5px;margin:22px -5px;padding:7px;border:1px solid var(--line);background:#fff;border-radius:13px;overflow-x:auto;flex-wrap:nowrap;box-shadow:0 4px 12px #233f5205}.tab{flex:1;white-space:nowrap;border:0;border-radius:8px;padding:12px 14px;font-size:13px;font-weight:600}.tab.active{background:var(--orange-soft);color:#b85021}.tab:hover{background:#f5f8fa}.tabs .tab.active:hover{background:var(--orange-soft)}
.detail-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px;margin:22px 0}.detail-summary article{padding:19px;border-radius:13px;background:#f4f7fa;border:1px solid #edf1f4}.detail-summary article span{font-size:12px}.detail-summary strong{font-size:27px;margin-top:10px}.detail-summary small{font-size:13px}.decision{border-radius:14px;padding:22px;border:1px solid #e8eff3;background:linear-gradient(120deg,#f3f8fa,#f9fbfc)}.decision p{font-size:13px;line-height:1.7}.decision h3{font-size:19px}.economy-panel{margin-top:25px}
.panel{padding:26px;border-radius:18px;box-shadow:0 4px 18px #233f5204}.panel>summary{cursor:pointer;font-weight:600;color:var(--ink)}
label{font-size:13px;margin:15px 0;font-weight:600}label small{display:block;margin-top:7px;color:var(--muted);font-size:11px;font-weight:400}input,select,textarea{border-radius:9px;font-size:14px;border-color:#d8e3ec;padding:12px 13px;background:#fff}input[readonly]{background:#f3f6f9;color:#536c7d}textarea{font-size:12px}.form-grid{gap:0 22px}.check{font-weight:400;font-size:13px}.check input{flex-shrink:0}
.config-disclosure{margin:18px 0;padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:#fff}.config-disclosure>summary{cursor:pointer;font-size:14px;font-weight:650;color:var(--ink);line-height:1.5}.config-disclosure[open]>summary{margin-bottom:18px}.config-disclosure .config-disclosure{background:#f8fafc}.config-disclosure form{margin-top:0!important;padding-top:0!important;border-top:0!important}.station-system-ids{background:#f7f9fc;border-radius:14px;padding:22px;margin:18px 0}.station-links-form{display:block}.station-links-form>label{display:inline-block;vertical-align:top;max-width:none;width:calc(50% - 14px);margin:12px 12px 18px 0;min-width:0}.station-links-form .form-grid label{max-width:none;min-width:0}.station-links-form button{display:block;margin-top:5px}.station-links-form p{margin-top:12px}.station-token{border:0;padding:0;align-items:flex-start}.station-token input{font-size:13px}.station-token label{min-width:0;width:100%}.prikon-form{padding:18px;border:1px solid var(--line);border-radius:13px;background:#f8fafc}.control-surface{background:#f7f9fc;border-radius:13px;padding:20px}.control-buttons{gap:10px}.control-buttons button{white-space:normal}
.telemetry-values{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px}.telemetry-values>div{border-radius:11px;padding:18px}.telemetry-values span{font-size:12px}.telemetry-values code{font-size:10px}#economic-signals span{font-size:12px}#economic-signals strong{font-size:15px}
table{font-size:13px}th{font-size:11px;font-weight:650;padding:14px 12px;background:#f7f9fb}td{padding:16px 12px}.table-wrap{border-radius:11px;border:1px solid var(--line)}.history-graph{border-radius:13px}.chart-readout{border-radius:13px}.history-summary strong{font-size:21px}.history-controls select{font-size:12px}.history-graph h3{font-size:15px}
#catalogs-view,#users-view,#audit-view{padding-top:30px}#catalog-form,#users-form{padding:24px;background:white;border:1px solid var(--line);border-radius:18px}.catalog-card,.catalog-row{border-radius:14px;background:#fff}.catalog-card strong{font-size:16px}dialog{width:min(700px,calc(100% - 32px));border-radius:20px;padding:30px}dialog .form-grid{gap:0 20px}#station-dialog h3{margin-top:24px;padding-top:15px;border-top:1px solid var(--line)}.toast{border-radius:12px;font-size:13px;z-index:30}.login-card{border-radius:22px;padding:40px}.login-shell{background:radial-gradient(ellipse at 70% 10%,#24485c,#112430 70%)}
@media(min-width:1700px){main{padding-inline:52px}.station-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.sidebar{width:210px;padding:28px 15px}main{margin-left:210px;padding-inline:24px}.station-list{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{padding:22px}.tabs .tab{font-size:12px;padding:11px 12px}}
@media(max-width:850px){.sidebar{position:static;width:100%;padding:18px 22px;display:block}.sidebar .brand{font-size:29px}.sidebar nav{display:flex;gap:5px;margin-top:13px;overflow:auto}.nav{flex:0 0 auto;width:auto;margin:0;padding:10px 12px}.nav span{font-size:12px}.nav.active{box-shadow:inset 0 -2px var(--orange)}.side-caption,.side-bottom{display:none}.sidebar .side-bottom{display:flex;position:static;margin:10px 0 0;padding:0;justify-content:flex-end}.side-bottom>.live-dot,.side-bottom>p{display:none}.side-bottom{font-size:0}.side-bottom button{font-size:12px;padding:6px;color:#c7d7e1}.sidebar .side-caption{display:none}main{margin:0;padding-inline:20px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}header{height:64px}.tabs{top:64px}.heading{padding-block:25px}.tabs .tab{flex:0 0 auto}.header-right>span{display:none}.station-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}#detail-name{font-size:23px}}
@media(max-width:520px){main{padding-inline:14px}.sidebar{padding:16px 14px}.nav span{font-size:11px}.heading{gap:12px}h1{font-size:27px}h2{font-size:19px}.heading p{font-size:12px}.primary,.secondary{font-size:12px;padding:11px 13px}.heading .primary{font-size:12px}.metrics{gap:11px}.metrics article{padding:17px 14px;border-radius:13px}.metrics strong{font-size:28px}.metrics article>span{font-size:10px}.station-list{grid-template-columns:1fr}.detail,.panel{padding:18px;border-radius:16px}.detail-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-summary article{padding:14px}.detail-summary strong{font-size:24px}.detail-summary article span{font-size:11px}.form-grid{grid-template-columns:1fr}.station-links-form>label{display:block;width:100%;margin-right:0}.config-disclosure{padding:16px}.station-system-ids{padding:17px}.station-token label{width:100%;flex-basis:100%}.telemetry-values{grid-template-columns:repeat(2,minmax(0,1fr))}.search{min-width:0}.tabs{margin-inline:-3px}.control-buttons button{flex:1}.table-wrap table{min-width:460px}.ote-table table{min-width:460px}dialog{padding:23px}.section-row{gap:12px}.section-row .secondary{white-space:normal}}

#detail-summary{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){#detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

.energy-surface{background:#f6faf8;border:1px solid #e0ebe5;border-radius:20px;padding:18px;margin:20px 0 32px}.energy-surface svg{width:100%;max-height:420px}.energy-path{fill:none;stroke:#9cbdb1;stroke-width:3}.energy-path.flowing{stroke:#219781;stroke-dasharray:8 6;animation:energy-flow 1.5s linear infinite}.energy-routes{display:flex;flex-wrap:wrap;gap:12px}.energy-routes span{background:white;border-radius:8px;padding:10px 14px;color:#536c79;font-size:12px}.energy-routes strong{margin-left:10px;color:#174b40}#economics-reference-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-top:24px}#economics-reference-form label{flex:1;min-width:220px}@keyframes energy-flow{to{stroke-dashoffset:-28}}@media(prefers-reduced-motion:reduce){.energy-path.flowing{animation:none}}

[data-tab]{white-space:nowrap;flex-shrink:0}