/* CHYTRÝ SPOT — administration and client portal. */
:root{--ink:#1b3535;--muted:#718583;--line:#e2ebe8;--bg:#f4f7f5;--orange:#ef813f;--orange-soft:#fff1e7;--green:#22886a;--accent:#1c7661}
html{scroll-behavior:smooth}body{font-family:'Segoe UI',Arial,sans-serif;line-height:1.55;background:var(--bg);color:var(--ink)}button,a,input,select,textarea{transition:background .15s,border-color .15s,box-shadow .15s}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #308c7160;outline-offset:3px}button:disabled{cursor:not-allowed}strong{font-variant-numeric:tabular-nums}p{line-height:1.7}h1,h2,h3{line-height:1.3}h1{font-size:clamp(27px,2.8vw,38px);font-weight:650;letter-spacing:-1.2px}h2{font-size:23px;letter-spacing:-.5px}h3{font-size:17px;font-weight:650}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;color:#7c9390}.muted{font-size:13px;line-height:1.7}.sidebar{width:236px;background:#15332e;padding:30px 20px;box-shadow:none;border:0}.sidebar .brand{color:white;font-size:34px}.brand span{color:#89a7a0}.sidebar .side-caption{color:#799a90;margin-top:32px}.nav{min-height:47px;border-radius:11px;color:#b5cbc4;padding:12px 15px}.nav span{font-size:13px;font-weight:550}.nav.active{background:#ffffff14;color:#fff;box-shadow:inset 3px 0 #f49a62}.nav:hover{background:#ffffff10}.side-bottom{color:#a4c0b6;font-size:12px}.side-bottom .quiet{color:#d6e5df}.side-bottom>p{font-size:11px;line-height:1.8}
main{margin-left:236px;padding:0 clamp(22px,3vw,48px);min-width:0}main>header{height:78px;background:#f4f7f5eb;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.breadcrumb{color:#78918a;font-size:12px}.header-right{gap:18px;color:var(--muted)}.heading{padding:36px 0 25px;gap:18px}.heading p{color:var(--muted);font-size:14px;margin-top:12px}.primary{background:#ed8547;color:#fff;border:1px solid #ed8547;box-shadow:0 3px 8px #ed85471c;font-weight:600}.primary:hover{background:#db7334;border-color:#db7334}.secondary{border:1px solid #dce7e2;background:#fff;color:#37574d;font-weight:550;box-shadow:0 2px 3px #203d2d03}.secondary:hover{background:#f1f7f3;border-color:#b0cbbb}.primary,.secondary{min-height:44px;padding:11px 17px;border-radius:11px;font-size:13px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:7px}.quiet{color:#51716a}.metrics{gap:16px}.metrics article{border:1px solid var(--line);padding:23px;border-radius:17px;box-shadow:0 4px 15px #183b2c03}.metrics article>div{color:#678178;font-size:12px}.metrics strong{font-size:34px;color:#244c40;font-weight:600}.metrics .price-metric{background:#fff2e9;border-color:#f5e2d4}.metric-icon{color:#92aa9f;font-size:21px}.station-list{grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:18px}.station-card{border-color:var(--line);border-radius:18px;padding:23px;box-shadow:0 5px 16px #183b2c03}.station-card:hover,.station-card.selected{border-color:#91b5a4;box-shadow:0 8px 24px #2a5d4810}.station-name{font-size:17px;font-weight:650;color:#234039}.station-icon{background:#edf4ee;color:#6a9981;border-radius:12px;width:40px;height:40px}.station-values strong{font-size:23px;font-weight:600}.station-values small{font-size:11px}.station-foot{font-size:11px}.station-foot>span:last-child{color:#338065}.badge{border-radius:20px;font-size:11px;padding:5px 10px}.badge.online{background:#e7f4ec;color:#287d5b}.badge.auto{background:#fff0e4;color:#ad6034}.detail,.panel{border:1px solid var(--line);box-shadow:0 5px 20px #183b2c03;border-radius:19px;padding:27px;margin:25px 0}.detail{scroll-margin-top:95px}#detail-name{font-size:25px;letter-spacing:-.7px}.station-meta{color:var(--muted)}.section-row{gap:18px}.tabs{position:static;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;gap:8px;background:transparent;padding:0 0 9px;margin:24px 0 30px;overflow-x:auto;scrollbar-width:thin}.tabs>button{flex:0 0 auto;padding:11px 14px;border:0;border-radius:10px;font-size:12px;font-weight:600;background:none;color:#70867e;white-space:nowrap}.tabs>button.active{background:#e8f3ec;color:#28654e;box-shadow:none}.tabs>button:hover{background:#f1f6f2}.detail-summary{gap:13px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.detail-summary article{background:#f5f8f6;border:1px solid #eaf0ec;border-radius:14px;padding:19px}.detail-summary article>span{color:#728b7f;font-size:12px}.detail-summary strong{font-size:27px;line-height:1.4;font-weight:600;color:#234637;margin-top:11px}.detail-summary small{color:#7c9087}.decision{background:linear-gradient(120deg,#edf6f0,#f8faf8);border:1px solid #dcebe2;padding:23px;border-radius:15px}.decision h3{color:#26694f}.decision p{line-height:1.8}.control-surface,.prikon-form,.station-system-ids{background:#f5f8f6;border:1px solid var(--line);border-radius:15px}.prikon-form{flex-wrap:wrap;padding:18px}.prikon-form label{width:auto;flex:1;min-width:220px}.prikon-form input{max-width:none}.control-buttons button{min-height:44px}.config-disclosure{border-color:var(--line);padding:19px;border-radius:14px;background:#fff}.config-disclosure summary{font-size:14px;font-weight:600;color:#436151;cursor:pointer}.config-disclosure[open]>summary{padding-bottom:14px;border-bottom:1px solid var(--line)}.client-access{padding-bottom:18px;margin-bottom:28px;border-bottom:1px solid var(--line)}.client-access .section-row{align-items:start}.client-account{display:flex;align-items:center;gap:15px;padding:15px 16px;background:#f6f9f7;border:1px solid var(--line);border-radius:12px;margin:10px 0}.client-account>div{flex:1;min-width:0}.client-account strong{display:block;overflow-wrap:anywhere;font-size:14px}.client-account small{display:block;color:#7c9086;font-size:11px;margin-top:4px}.client-account button{font-size:12px}.client-list{margin-bottom:20px}
label{font-size:13px;font-weight:550;color:#4a665a;margin:16px 0}input,select,textarea{min-height:44px;border:1px solid #dce7e0;border-radius:10px;padding:12px 13px;background:#fff;color:#244437;font-size:14px;max-width:100%}input:focus,select:focus,textarea:focus{border-color:#72a28b;box-shadow:0 0 0 3px #72a28b10}textarea{line-height:1.7;font-family:Consolas,monospace;font-size:12px}input[readonly]{background:#f2f6f3;color:#5f7a6b}.check input{min-height:0;accent-color:#36865f}.form-grid{gap:0 22px}.check{align-items:flex-start}.check input{margin-top:3px;flex-shrink:0}.search{background:white;border-radius:11px;border:1px solid var(--line);min-width:250px}.search input{box-shadow:none!important;min-height:24px}.table-wrap{border-radius:13px;border-color:var(--line);scrollbar-width:thin}table{font-size:12px;line-height:1.6}th{font-size:11px;font-weight:600;letter-spacing:.2px;background:#f5f8f6;color:#819185;padding:14px 16px}td{padding:15px 16px;border-color:#edf2ee;color:#496556}tbody tr:hover{background:#fafcfb}td strong{color:#254737}.history-graph{padding:20px 8px;border-radius:16px;border-color:var(--line);background:#fcfdfc}.history-graph svg{max-width:100%}.chart-readout{background:#f1f7f3;border-radius:14px}.chart-groups{background:#f7faf8;border:1px solid var(--line);border-radius:13px;padding:16px;gap:16px}.chart-groups label{margin:0}.chart-groups input{min-height:0;accent-color:#438e69}.legend{flex-wrap:wrap;row-gap:8px}.telemetry-values{border-color:var(--line);border-radius:13px}.telemetry-values>div{background:#fafcfb;border-color:var(--line)}#catalog-list{display:grid;gap:12px}#catalog-form{box-shadow:none;border-color:var(--line);padding:25px;border-radius:17px}.catalog-card{border-color:var(--line);border-radius:13px}.catalog-row{padding:20px;border:1px solid var(--line);border-radius:13px;margin:15px 0;background:#fafcfb}dialog{padding:30px;border-radius:20px;max-height:90vh;overflow:auto}dialog::backdrop{background:#13382a66;backdrop-filter:blur(3px)}.toast{background:#1c4935;border-radius:12px;padding:16px 22px}.empty{padding:35px 20px;border-radius:14px;border-color:#d4e3da;background:#f9fcfa;color:#7a9588}.compact-empty{padding:22px}.login-shell{background:radial-gradient(ellipse at 10% 0,#366749,#15352c 70%)}.login-card{padding:40px;border:1px solid #ffffff20;border-radius:25px;box-shadow:0 24px 90px #06261a30}.login-card .brand{color:#285c46}.login-card .brand span{color:#879e91}.login-card h1{font-weight:650}.login-card .primary{margin-top:15px}.login-card .brand{margin-bottom:32px}footer{font-size:11px;color:#94a89b;padding:35px 0}
/* Energy view: the same components in both portals. */
.energy-page .section-row{margin-top:5px}.energy-page>h3{margin-top:32px}.energy-surface{background:linear-gradient(145deg,#f6faf7,#eef5ef);border:1px solid #e3ece5;border-radius:20px;padding:23px;margin:22px 0 32px}.energy-board-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.energy-board-heading h3{font-size:18px;margin:6px 0 0;color:#345746}.signal{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap;color:#5f8974}.signal i{width:6px;height:6px;border-radius:50%;background:#3c9f6e}.signal.offline{color:#a59b86}.signal.offline i{background:#b7aa87}.energy-surface svg.energy-diagram{display:block;width:100%;max-height:360px;margin:22px 0}.energy-surface svg.mobile{display:none}.energy-path{stroke-width:2.5;opacity:.9}.energy-path:not(.flowing){opacity:.25}.energy-surface.stale .energy-path{animation:none;opacity:.45}.energy-routes{gap:9px}.energy-routes span{border:1px solid #e3ece4;font-size:11px;background:#ffffffb0;padding:9px 12px;border-radius:9px;color:#829789;display:flex;justify-content:space-between;gap:12px;min-width:150px}.energy-routes strong{font-size:12px;color:#456b54;margin:0}.flow-measured{font-size:11px;color:#94a393;margin:16px 0 0}.energy-page #economics-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.benefit-card{min-width:0}.energy-page #economics-cards .benefit-card{padding:22px 19px;background:#f7faf7;border:1px solid var(--line)}.energy-page #economics-cards .benefit-card.total{background:#2b7259;border-color:#2b7259;color:#fff}.energy-page #economics-cards .total span,.energy-page #economics-cards .total small{color:#bdd7c8}.energy-page #economics-cards .total strong{color:#fff}.benefit-card small{display:block;font-size:10px!important;line-height:1.7;margin-top:12px;color:#8c9d90}.energy-page #economics-cards strong{font-size:clamp(20px,2.2vw,29px);white-space:nowrap}.cash-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:13px;margin-top:3px}.cash-summary span{font-size:11px;color:#95a293;display:block}.cash-summary strong{font-size:19px!important;display:block;margin-top:7px}.energy-page #economics-coverage{font-size:11px;margin:16px 0 24px;line-height:1.8;padding:13px 16px;background:#f6f9f6;border-radius:10px}.energy-page #economics-energy{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.energy-page #economics-energy article{background:white;border-color:var(--line);padding:18px}.energy-page #economics-energy strong{font-size:23px}.benefit-trend{display:grid;gap:12px;background:#f7faf7;border:1px solid var(--line);border-radius:13px;padding:20px;margin-bottom:18px}.benefit-day{display:grid;grid-template-columns:65px 1fr 110px;gap:13px;align-items:center;font-size:11px}.benefit-day>span{color:#8a9e8e}.benefit-day>strong{text-align:right;color:#3d6950;font-size:12px}.benefit-bar{height:7px;background:#e9eee8;border-radius:8px;overflow:hidden}.benefit-bar i{display:block;height:100%;background:#78aa8c;border-radius:8px}.benefit-bar i.negative{background:#dca57e}#economics-reference-form{padding:22px;background:#f6f9f6;border:1px solid var(--line);border-radius:15px}#economics-reference-form label{margin:0}#economics-reference-message{font-size:12px}.read-only-badge{font-size:11px;color:#6d927e;background:#eaf4ed;padding:7px 11px;border-radius:20px}.client-portal{background:#f4f7f5}.client-header{position:static;display:flex;justify-content:space-between;align-items:center;gap:18px;height:auto;min-height:82px;margin:0;padding:17px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:#fff}.client-header .brand{font-size:32px;color:#24543f}.client-header-right{display:flex;align-items:center;gap:15px}.client-main{margin:0 auto;max-width:1228px;padding:0 24px}.client-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:38px 0 10px}.client-welcome h1{margin:9px 0;font-size:32px;color:#2f573f}.client-welcome p{font-size:13px;color:#869c8c;margin:0}.client-main>.energy-page{padding:27px;border:1px solid var(--line);border-radius:21px;background:#fff;margin:23px 0}.client-main .energy-page>.section-row{margin-top:0}.client-main .energy-page>.section-row h3{font-size:19px}.client-main .energy-page>.section-row label{min-width:180px;margin:0}.client-main footer{padding-top:8px}.client-main .config-disclosure{font-size:12px;color:#829585}
@media(min-width:1700px){main{padding-inline:48px}.client-main{padding-inline:24px}}
@media(max-width:1100px){.sidebar{width:205px;padding-inline:15px}main{margin-left:205px;padding-inline:24px}.station-list{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-page #economics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.client-main{margin:0 auto;padding-inline:24px}}
@media(max-width:850px){.sidebar{position:static;width:100%;padding:18px 20px}.sidebar .brand{font-size:28px}.sidebar nav{display:flex;overflow-x:auto;gap:7px}.sidebar .nav{width:auto;flex:0 0 auto;min-height:43px;padding:10px 12px}.nav.active{box-shadow:inset 0 -2px #ee9762}.sidebar .side-caption{display:none}.sidebar .side-bottom{display:flex;justify-content:flex-end;margin:12px 0 0}.sidebar .side-bottom>p,.sidebar .side-bottom>.live-dot{display:none}main{margin-left:0;padding-inline:20px}main>header{position:static;min-height:64px;height:auto;padding:15px 0;backdrop-filter:none}.tabs{position:static;margin-top:20px}.detail{scroll-margin-top:18px}.metrics{grid-template-columns:repeat(2,1fr)}.client-main{margin:0 auto}.client-header{padding:16px 24px}.client-main>.energy-page{padding:24px}.client-welcome{padding-top:28px}}
@media(max-width:600px){main{padding-inline:14px}.sidebar{padding:16px 14px}.nav span{font-size:11px}.heading{padding-block:25px;align-items:flex-start;flex-wrap:wrap}.heading .primary{width:auto}.heading p{font-size:12px}.header-right{gap:8px}.header-right>span{display:none}.section-row{flex-wrap:wrap;align-items:flex-start;gap:14px}.search{width:100%;min-width:0}.station-list{grid-template-columns:1fr}.metrics{gap:10px}.metrics article{padding:18px 15px}.metrics strong{font-size:29px}.detail,.panel{padding:18px;border-radius:16px}#detail-name{font-size:23px}.detail-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-summary article{padding:15px;min-width:0}.detail-summary strong{font-size:23px}.tabs{margin-inline:-2px;gap:4px}.tabs>button{font-size:12px;padding:10px 13px}.form-grid{grid-template-columns:1fr}.form-actions{gap:10px}.form-actions button{flex:1}.config-disclosure{padding:16px}.client-account{flex-wrap:wrap}.client-account>div{flex-basis:60%}.client-account button{flex:1}.table-wrap{max-width:100%;overflow:auto}.table-wrap table{min-width:500px}table th,table td{padding:13px 12px}.catalog-row{padding:14px}.chart-groups{padding:13px}.chart-readout{padding:14px}.legend{font-size:10px}.history-pick{align-items:start}.energy-surface{padding:16px;margin-block:19px 25px}.energy-board-heading{align-items:start}.energy-board-heading h3{font-size:16px;max-width:180px}.energy-board-heading .signal{font-size:10px;margin-top:3px}.energy-surface svg.desktop{display:none}.energy-surface svg.mobile{display:block;max-height:none;margin-block:19px}.energy-routes{display:grid;grid-template-columns:1fr;width:100%}.energy-routes span{min-width:0;width:100%;font-size:11px}.flow-measured{font-size:10px}.energy-page #economics-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.energy-page #economics-cards .benefit-card{padding:17px 14px}.energy-page #economics-cards strong{font-size:22px}.benefit-card small{font-size:10px!important;line-height:1.5}.cash-summary{grid-template-columns:1fr;padding:16px;gap:13px}.cash-summary>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.cash-summary strong{margin:0;font-size:17px!important}.energy-page #economics-energy{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.energy-page #economics-energy article{padding:15px}.energy-page #economics-energy strong{font-size:21px}.benefit-trend{padding:15px}.benefit-day{grid-template-columns:52px 1fr 96px;gap:9px}.benefit-day>strong{font-size:11px}.energy-page #economics-state{font-size:11px}#economics-reference-form{padding:16px;gap:12px}#economics-reference-form label{min-width:0;width:100%}#economics-reference-form button{width:100%}.client-header{padding:16px 14px;min-height:74px}.client-header .brand{font-size:27px}.client-header-right{gap:8px}.client-header .read-only-badge{display:none}.client-header button{font-size:11px;padding:9px 12px;min-height:40px}.client-main{padding-inline:14px}.client-main>.energy-page{padding:18px;border-radius:17px}.client-welcome{padding:26px 0 0;align-items:start}.client-welcome h1{font-size:26px;overflow-wrap:anywhere}.client-welcome p{font-size:12px}.client-welcome button{font-size:11px;padding:9px 11px;min-height:40px;flex-shrink:0}.client-main .energy-page>.section-row label{width:100%}.client-main .energy-page>.section-row h3{font-size:18px}.login-card{padding:29px}.login-card h1{font-size:28px}dialog{padding:23px}.toast{inset:auto 14px 14px;max-width:none}footer{display:block}footer span{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

@media(max-width:850px){.sidebar .side-bottom{font-size:0}.sidebar .side-bottom button{font-size:12px}}

.energy-path.pv-edge{stroke:#e29d3d}.energy-path.house-edge{stroke:#3486a2}.energy-path.battery-edge{stroke:#269e79}.energy-path.grid-edge{stroke:#8895ba}.benefit-bar{display:block;width:100%;height:8px}.benefit-track{fill:#e9eee8}.benefit-fill{fill:#78aa8c}.benefit-fill.negative{fill:#dca57e}

.brand{font-size:22px!important;letter-spacing:-.7px}.brand span{font-size:inherit!important;color:var(--accent,#f47b35)}.billing-section{margin-block:24px 30px}.billing-section .detail-summary small{display:block;color:#627677;line-height:1.5;margin-top:10px}.billing-section .detail-summary{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.billing-section .detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.brand{font-size:20px!important}.billing-section .detail-summary strong{font-size:21px}}

.day-plan{margin-block:24px 32px}.plan-strip{display:block;width:100%;height:18px;border-radius:8px;overflow:hidden;margin-block:18px}.plan-events{display:grid;gap:10px}.plan-event{display:grid;grid-template-columns:116px 1fr;gap:18px;padding:18px;background:#f6f9f8;border:1px solid #e0e9e5;border-left:4px solid #789491;border-radius:12px}.plan-event h4{margin:0 0 6px;font-size:14px}.plan-event p{margin:0 0 10px;color:#627677;font-size:12px;line-height:1.6}.plan-time{font-size:15px;font-weight:650}.plan-time span{display:block;font-size:11px;font-weight:400;margin-top:7px;color:#6c8079}.plan-values{display:flex;gap:8px;flex-wrap:wrap}.plan-values span{font-size:11px;padding:5px 8px;border-radius:6px;background:white;border:1px solid #e1e8e5}.plan-event.plan-sell{border-left-color:#2b966d}.plan-event.plan-charge{border-left-color:#3288b4}.plan-event.plan-house{border-left-color:#cf983d}.plan-event.plan-unknown,.plan-event.plan-conditional{border-left-color:#a6aab5}.plan-strip .plan-sell{fill:#2b966d}.plan-strip .plan-charge{fill:#3288b4}.plan-strip .plan-house{fill:#cf983d}.plan-strip .plan-reserve{fill:#9ba580}.plan-strip .plan-normal{fill:#80b59b}.plan-strip .plan-no_export{fill:#bb8b6c}.plan-strip .plan-unknown,.plan-strip .plan-conditional,.plan-strip .plan-paused{fill:#d1d7dd}@media(max-width:600px){.day-plan .section-row label{width:100%}.plan-event{grid-template-columns:1fr;gap:10px;padding:15px}.plan-time{display:flex;align-items:center;justify-content:space-between}.plan-time span{margin:0}.plan-values span{font-size:10px}.plan-event h4{font-size:14px}}

/* Read-only client portal: three clear screens, mobile first. */
.client-clean{background:#f3f6f4}.client-clean .client-main{max-width:1240px;padding-inline:28px}.client-clean .client-header{padding-block:16px}.client-clean .client-welcome{padding:32px 0 26px}.client-clean .client-welcome h1{font-size:32px;margin:8px 0 7px;letter-spacing:-.8px}.client-toolbar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f3f6f4f5;backdrop-filter:blur(12px);padding:10px 0 16px}.client-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#e6ece8;padding:5px;border-radius:14px;max-width:540px;width:100%}.client-tabs button{background:transparent;border:0;border-radius:10px;min-height:46px;padding:10px 15px;font-size:13px;font-weight:550;color:#6b8075;line-height:1.35}.client-tabs button[aria-selected=true]{background:white;color:#24694f;box-shadow:0 2px 8px #213e3310}.client-tabs button:focus-visible,.client-highlight:focus-visible{outline:3px solid #e79a52;outline-offset:2px}.client-updated{font-size:11px;color:#819087;line-height:1.6;margin:0;white-space:nowrap}.client-panel[hidden],.client-error[hidden]{display:none!important}.client-panel{padding:12px 0 20px;margin:0}.client-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:12px 0 24px}.client-highlight{position:relative;text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:23px 22px;border:1px solid #dfe8e1;border-radius:18px;background:#fff;min-height:152px;box-shadow:0 3px 16px #213b3004}.client-highlight>span:first-child{font-size:12px;color:#7b9083}.client-highlight strong{font-size:27px;line-height:1.3;color:#264c3d;margin:15px 0 10px;overflow-wrap:anywhere;font-weight:600}.client-highlight small{font-size:11px;color:#839287;line-height:1.5;padding-right:12px}.client-highlight.featured{background:#286f55;border-color:#286f55}.client-highlight.featured strong{color:white}.client-highlight.featured>span:first-child,.client-highlight.featured small{color:#c1dccc}.highlight-arrow{position:absolute;right:18px;bottom:20px;font-size:17px;color:#88a090}.client-highlight.featured .highlight-arrow{color:#d4eade}.client-highlight:last-child strong{font-size:21px;max-width:90%}.client-clean .energy-surface{margin:0 0 26px;border-radius:22px;padding:27px;background:linear-gradient(145deg,#fff,#eef5ef)}.client-clean .energy-routes{display:none}.client-clean .flow-measured{font-size:11px}.client-block{background:white;border:1px solid #e0e8e2;border-radius:20px;padding:26px;margin-block:22px}.client-block h2,.client-section-intro h2{font-size:22px;letter-spacing:-.45px;margin:6px 0 8px}.client-block .section-row p,.client-section-intro p{font-size:12px;line-height:1.6;color:#809184;margin:0}.client-block .section-row label{margin:0;min-width:190px}.client-clean .section-row{gap:22px;align-items:center}.client-footnote{font-size:11px;line-height:1.6;color:#82968b;margin:17px 0 0}.client-clean .billing-section{margin:20px 0 28px}.client-clean .billing-section>h3{font-size:18px}.client-clean .billing-section .detail-summary article{padding:24px 21px;border:1px solid #e0e8e2;border-radius:17px;background:white}.client-clean .billing-section .detail-summary strong{font-size:27px;color:#2c5741}.client-clean .config-disclosure{background:white;border-radius:13px;color:#6a8476;padding:17px 20px;margin:12px 0;border-color:#e1e9e3;line-height:1.8}.client-clean details summary{min-height:24px;color:#4e6c5c;font-size:12px;font-weight:550;cursor:pointer}.client-clean details[open] summary{margin-bottom:16px}.client-clean .cash-summary{background:#f7faf8}.client-clean .cash-summary>div{display:block}.client-clean .cash-summary small{display:block;color:#86958a;font-size:10px;line-height:1.5;margin-top:6px}.client-clean #economics-cards{margin-bottom:18px}.client-clean #economics-coverage{padding:0;background:none;margin:12px 0}.client-section-intro{margin:8px 0 24px}.client-clean #energy-day-plan>.flow-note{background:#edf4ef;padding:17px 20px;border-radius:13px;font-size:12px;line-height:1.8}.client-clean .plan-event{padding:20px;background:white;border-color:#e1e9e3;border-left-width:4px}.client-clean .plan-event h4{font-size:15px;line-height:1.6}.client-clean .plan-brief{font-size:12px;color:#6d8c7b;margin:4px 0 9px}.plan-explanation summary{font-size:11px;color:#809489;cursor:pointer}.plan-explanation[open]{margin-top:12px}.plan-explanation p{margin-top:10px}.client-error{background:#fff1e9;border:1px solid #efd7c8;color:#9a5f44;border-radius:12px;padding:15px;margin:10px 0;font-size:12px}.client-clean footer{font-size:11px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.client-clean .client-header-right button,.client-clean #client-refresh{min-height:44px}.client-clean .client-section-intro label{min-width:210px;margin:0}
@media(max-width:900px){.client-clean .client-main{padding-inline:22px}.client-toolbar{flex-direction:column;align-items:stretch;gap:8px}.client-tabs{max-width:none}.client-updated{padding:0 4px}.client-highlight{padding:19px 17px}.client-highlight strong{font-size:24px}.client-highlight:last-child strong{font-size:19px}.client-clean .billing-section .detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.client-clean .client-main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.client-clean .client-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:max(13px,env(safe-area-inset-top));min-height:70px;gap:8px}.client-clean .client-header-right{gap:8px}.client-clean .client-welcome{padding:25px 0 18px;gap:12px}.client-clean .client-welcome h1{font-size:25px}.client-clean .client-welcome p{font-size:12px}.client-clean #client-refresh{font-size:0;padding:9px 12px;flex-shrink:0;min-width:44px}.client-clean #client-refresh::before{content:'↻';font-size:20px}.client-clean .client-tabs{border-radius:12px;padding:4px;gap:3px}.client-clean .client-tabs button{min-height:46px;font-size:11px;padding:8px 5px}.client-toolbar{padding:8px 0 13px}.client-updated{font-size:10px}.client-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 18px}.client-highlight{padding:17px 15px;min-height:145px;border-radius:15px}.client-highlight.featured{grid-column:1/-1;min-height:125px}.client-highlight.featured strong{font-size:31px;margin:9px 0}.client-highlight strong{font-size:23px;margin:12px 0 9px}.client-highlight:last-child strong{font-size:17px;max-width:100%;padding-right:0}.client-highlight>span:first-child{font-size:11px}.client-highlight small{font-size:10px}.highlight-arrow{right:12px;bottom:14px}.client-clean .energy-surface{padding:18px;border-radius:18px;margin-bottom:20px}.client-clean .energy-board-heading h3{font-size:16px}.client-block{padding:18px;margin-block:18px;border-radius:17px}.client-block h2,.client-section-intro h2{font-size:20px}.client-block .section-row label,.client-clean .client-section-intro label{min-width:0;width:100%}.client-clean #economics-energy{gap:9px;margin-top:18px}.client-clean #economics-energy article{padding:14px 12px}.client-clean #economics-energy strong{font-size:21px}.client-clean #economics-energy span{font-size:10px}.client-clean .billing-section .detail-summary{gap:10px}.client-clean .billing-section .detail-summary article{padding:17px 13px;border-radius:14px}.client-clean .billing-section .detail-summary strong{font-size:23px}.client-clean .config-disclosure{padding:15px}.client-clean .cash-summary{grid-template-columns:1fr;padding:17px}.client-clean .cash-summary>div{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center}.client-clean .cash-summary small{grid-column:1/-1}.client-clean .plan-event{padding:16px;border-radius:14px;gap:13px}.client-clean .plan-event h4{font-size:14px}.client-clean #energy-day-plan>.flow-note{font-size:11px;padding:15px}.client-clean .client-panel{padding-top:8px}.client-clean .client-section-intro{align-items:start;margin:8px 0 20px}.client-clean .client-section-intro p{font-size:12px}.client-clean #economics-cards .benefit-card{padding:15px 12px}.client-clean #economics-cards strong{font-size:22px}}

.client-clean #client-install[hidden]{display:none!important}.client-clean.data-stale .energy-path{animation:none!important;opacity:.4}.client-clean #client-install-guide h2{font-size:20px}.client-clean #client-install-guide p{font-size:13px;line-height:1.8;color:#72887c}.client-clean #close-install-guide{min-width:44px;min-height:44px}@media(max-width:360px){.client-clean .client-header .brand{font-size:17px!important}.client-clean .client-header-right button{padding:8px;font-size:10px}.client-clean .client-header-right{gap:5px}}
@media(max-width:480px){.client-highlights{grid-template-columns:1fr}.client-highlight,.client-highlight.featured{grid-column:auto;min-height:116px}.client-highlight strong{font-size:25px;overflow-wrap:normal}.client-highlight:last-child strong{font-size:20px}.client-clean #economics-cards,.client-clean .billing-section .detail-summary{grid-template-columns:1fr}}
.energy-page #economics-cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.energy-page #economics-cards{grid-template-columns:1fr}}
.billing-month-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0 12px}.billing-total{padding:26px;border-radius:20px;border:1px solid #dbe7df;min-width:0;background:#edf5f0}.billing-total.actual{background:#286f55;color:white;border-color:#286f55}.billing-total>span{display:block;font-size:14px;font-weight:600}.billing-total>strong{display:block;font-size:38px;line-height:1.3;margin:15px 0 7px;letter-spacing:-1px;overflow-wrap:anywhere}.billing-total>small{font-size:11px;line-height:1.7;display:block;opacity:.85}.billing-breakdown{border-top:1px solid #adc7b650;padding-top:17px;margin-top:20px;display:grid;gap:10px}.billing-breakdown>span{display:flex;justify-content:space-between;gap:12px;font-size:12px;align-items:center}.billing-breakdown strong{font-size:14px;white-space:nowrap}.billing-total>p{font-size:11px;line-height:1.6;margin:18px 0 0;opacity:.8}.billing-completeness{font-size:12px;line-height:1.7;color:#6e8174;padding:8px 0}.billing-section .billing-days{grid-template-columns:repeat(2,minmax(0,1fr))}.client-clean .billing-month-overview{margin-top:22px}@media(max-width:650px){.billing-month-overview{grid-template-columns:1fr;gap:12px}.billing-total{padding:22px 19px}.billing-total>strong{font-size:34px}.billing-section .billing-days{grid-template-columns:1fr}.billing-breakdown>span{font-size:11px}.billing-breakdown strong{font-size:13px}}

/* Client messages, account and service contacts. */
.client-tabs{grid-template-columns:repeat(4,minmax(0,1fr));max-width:680px}.client-support{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:24px;border:1px solid #dce7df;border-radius:18px;background:white;margin:20px 0}.client-support>div{margin-right:auto}.client-support h3{margin:7px 0 0}.client-support a{color:#286f55;font-weight:600;overflow-wrap:anywhere}.notification-card{padding:22px;border:1px solid #dce7df;border-radius:16px;background:white;margin:16px 0;overflow-wrap:anywhere}.notification-card.unread{border-left:4px solid #286f55;background:#f2f8f4}.notification-card h3{margin:0;font-size:18px}.notification-body{white-space:pre-wrap;line-height:1.8;font-size:14px}.recipient-picker{padding:18px;border:1px solid #dce7df;border-radius:12px;margin:16px 0;max-height:350px;overflow:auto}.recipient-picker .check{padding:10px 0;display:flex;gap:12px;align-items:center}.recipient-picker input{width:auto}.recipient-picker small{display:block}.client-email-edit{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.client-email-edit input{flex:1;min-width:160px}.access-result{padding:16px;border-radius:12px;background:#f3f8f4;overflow-wrap:anywhere;margin-top:16px}#client-account-dialog{width:min(460px,calc(100vw - 28px));max-height:90vh;overflow:auto}.client-header-right{flex-wrap:wrap;justify-content:flex-end}.client-support [href^="tel"]{white-space:nowrap}@media(max-width:600px){.client-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.client-support{display:grid;gap:14px;padding:20px}.client-header-right button{padding:8px 10px;font-size:11px}.client-clean .client-header{align-items:flex-start}.client-clean .client-header-right{max-width:210px}.notification-card{padding:18px}.notification-card .section-row{align-items:flex-start;gap:12px}}

#client-read-notifications{max-width:100%;white-space:normal;line-height:1.5}@media(max-width:600px){.client-clean .client-header{flex-wrap:wrap;gap:12px}.client-clean .client-header>.brand{width:100%;white-space:nowrap}.client-clean .client-header-right{width:100%;max-width:none;justify-content:space-between}.client-clean .client-header-right button{flex:1}}

.account-section{padding:18px 0;border-top:1px solid #dce7df}.account-section>summary{cursor:pointer;font-weight:600;color:#286f55;line-height:1.5}.account-section>p{font-size:13px;line-height:1.7}.account-section form{padding-top:16px}.account-section button{max-width:100%;white-space:normal}

.client-account{flex-wrap:wrap}.client-account>div{min-width:0;overflow-wrap:anywhere}#reset-client-password-dialog{width:min(460px,calc(100vw - 28px));max-height:90vh;overflow:auto}#reset-client-password-dialog input{width:100%}

.client-tabs{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}.client-toolbar{align-items:start}.device-offer{max-width:760px;margin-inline:auto;padding:clamp(24px,5vw,48px)}.device-offer h2{font-size:clamp(24px,4vw,34px);margin-top:12px}.device-offer p{line-height:1.8;margin-bottom:24px}.device-offer a{overflow-wrap:anywhere}.device-admin fieldset{border:1px solid var(--line);border-radius:14px;padding:20px;margin-block:24px}.device-admin legend{padding-inline:8px;color:var(--muted)}.device-admin [disabled]{cursor:not-allowed;opacity:.65}@media(max-width:600px){.client-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.device-admin .section-row{flex-wrap:wrap}.device-offer .primary{width:100%}}

.station-control{margin-block:14px 4px}.control-mode{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;background:#edf1ef;color:#536961;font-size:13px;font-weight:650;line-height:1.4}.control-mode::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.control-mode-auto{background:#e4f4e9;color:#23764d}.control-mode-manual{background:#fff0df;color:#a45816}.control-mode-safe{background:#fff5d8;color:#806519}.control-mode-general{background:#e9f2f7;color:#366c89}.control-mode-paused{background:#f4e9e9;color:#8b5252}.station-foot>span:first-child{overflow-wrap:anywhere;min-width:0}

.catalog-import-summary{border:1px solid var(--line);border-radius:14px;padding:20px;margin-block:18px}.catalog-import-summary details{margin-block:18px}.catalog-pdf-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:12px;max-height:380px;overflow:auto}

/* Consistent spacing, clear actions and readable small screens. */
body{line-height:1.5}input,select,textarea{transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#448674;box-shadow:0 0 0 3px #44867412}button,a,input,select{touch-action:manipulation}.primary,.secondary{min-height:44px}.station-card{transition:border-color .15s,box-shadow .15s,transform .15s}.station-card:hover{box-shadow:0 8px 26px #173b3110;transform:translateY(-2px)}.panel,.detail{box-shadow:0 4px 18px #173b3104}.tabs{overflow-x:auto;scrollbar-width:thin;gap:20px}.tab{flex-shrink:0;min-height:46px}.table-wrap{border-radius:12px}th{background:#f6f8f7;font-size:11px}td{line-height:1.6}.config-disclosure>summary{min-height:44px;cursor:pointer;line-height:1.5}.closed-month summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.closed-month summary span{font-weight:700;font-variant-numeric:tabular-nums}.price-buy{border-top:3px solid #377c94!important}.price-sell{border-top:3px solid #29835c!important}.price-spot{border-top:3px solid #c89b53!important}.remember-login{margin:20px 0 6px}.login-remember-note{display:block;color:#61736c;font-size:12px;line-height:1.6}.login-card{box-shadow:0 24px 80px #0002}.billing-kind{display:inline-flex!important;align-self:flex-start;width:fit-content;padding:5px 10px;border-radius:20px;background:#ffffff24;font-size:11px!important;font-weight:650;letter-spacing:.3px;margin-bottom:12px}.forecast .billing-kind{background:#e8edf3;color:#506679}.billing-total.forecast{border-style:dashed!important}.billing-total strong,.price-cards strong{font-variant-numeric:tabular-nums}
@media(max-width:700px){.tabs{margin-inline:-4px;padding-inline:4px;gap:18px}.detail,.panel{border-radius:16px}.form-actions>.primary,.form-actions>.secondary{flex:1}.form-actions>span{flex-basis:100%}.login-card{padding:28px 24px}.heading .primary{font-size:12px}.closed-month summary{font-size:14px}.table-wrap{max-width:100%}}
.energy-controller{filter:drop-shadow(0 3px 3px #18363218);pointer-events:none}
@media(max-width:700px){body:not(.client-v2) .sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:6px}body:not(.client-v2) .sidebar .nav{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:3px;padding:9px 4px;min-height:62px;white-space:normal}body:not(.client-v2) .sidebar .nav span{font-size:10px;line-height:1.3;white-space:normal}.sidebar .brand{padding-bottom:4px}}

/* Keyboard access, compact phones and long customer names. */
:focus-visible{outline:3px solid #287358;outline-offset:3px}button:disabled{cursor:not-allowed}dialog{max-width:calc(100vw - 24px);max-height:90dvh;overflow:auto}.station-card,.client-panel,.client-welcome,.client-header{min-width:0}.station-card h3,.client-welcome h1,.client-account{overflow-wrap:anywhere}html{scroll-padding-top:90px}button{overflow-wrap:anywhere}
@media(max-width:700px){input,select,textarea{font-size:16px}.client-v2 .client-header-right{width:auto;min-width:0;max-width:55%}.client-v2 .client-user-menu summary{max-width:100%;white-space:normal}.client-v2 .client-support a{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.dashboard-metrics article{background:#fff;border:1px solid var(--line,#dce8e3);border-radius:18px;padding:18px}.dashboard-metrics span{display:block;color:#70867f;font-size:13px}.dashboard-metrics strong{display:block;margin-top:8px;font-size:24px;overflow-wrap:anywhere}.dashboard-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e7eeeb}.dashboard-row:last-child{border-bottom:0}.dashboard-row small{display:block;margin-top:4px;color:#70867f;font-size:12px}.dashboard-station{width:100%;text-align:left;background:transparent;color:inherit;border-radius:0;white-space:normal}.dashboard-station span{overflow-wrap:anywhere;min-width:0}.dashboard-station:hover{background:#f2f8f5}
@media(max-width:700px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-metrics article{padding:14px}.dashboard-metrics strong{font-size:21px}.dashboard-panels{grid-template-columns:1fr;gap:12px}}
.demo-running-card{display:grid;grid-template-columns:minmax(190px,.8fr) 2fr;gap:24px;padding:24px;border:1px solid #d6e8e1;border-radius:20px;background:#f3f9f6;margin:20px 0}.demo-running-total{display:flex;flex-direction:column;gap:8px;justify-content:center}.demo-running-total>strong{font-size:24px;color:#1d5846}.demo-running-total>small,.demo-running-list small{color:#657d76}.demo-running-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-running-list button{display:grid;grid-template-columns:1fr auto;text-align:left;gap:6px;background:white;border:1px solid #dce7e3;border-radius:12px;padding:14px;min-width:0}.demo-running-list small{grid-column:1/-1;font-size:12px}.demo-running-list .running{border-color:#42a880;background:#ebf8f1}.demo-flow-devices{border-top:1px solid #d6e5df;margin-top:12px;padding-top:20px}.demo-flow-origin{display:flex;flex-direction:column;gap:6px;text-align:center;color:#426f63}.demo-flow-origin>span{font-size:11px;letter-spacing:1.5px}.demo-flow-origin>small{font-size:12px}.demo-flow-branches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:30px;position:relative}.demo-flow-branches:before{content:'';position:absolute;top:14px;left:12%;right:12%;height:1px;background:#9fbfb2}.demo-flow-device{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;background:#fff;border:1px solid #dbe7e1;border-radius:14px;text-align:left;min-width:0}.demo-flow-device:before{content:'';position:absolute;top:-17px;left:50%;height:16px;width:1px;background:#9fbfb2}.demo-flow-device.running{border-color:#44a77e;background:#f1fbf5}.demo-flow-device>strong{font-size:23px;color:#1c5745}.demo-flow-device small{color:#698079;font-size:12px}.demo-flow-indicator{width:7px;height:7px;border-radius:50%;background:#adbeb7}.running .demo-flow-indicator{background:#269e79;box-shadow:0 0 0 4px #d9f3e6}.demo-flow-meter{width:100%;margin-top:auto;padding-top:10px}.demo-flow-meter svg{width:100%;height:5px;display:block}.demo-flow-meter .track{fill:#e5efea}.demo-flow-meter .fill{fill:#269e79}.demo-flow-empty{text-align:center;color:#698079;padding:15px}@media(max-width:700px){.demo-running-card{grid-template-columns:1fr;padding:18px;gap:16px}.demo-flow-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-flow-branches:before,.demo-flow-device:before{display:none}.demo-flow-device>strong{font-size:21px}.demo-running-list button{padding:12px}.demo-flow-origin>small{line-height:1.5}}
/* Device controls: shared touch and keyboard interaction. */
.demo-running-list button,.demo-flow-device{min-height:88px;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation;color:var(--ink)}
.demo-running-list button:focus-visible,.demo-flow-device:focus-visible{outline:3px solid #237d61;outline-offset:4px}
.demo-running-list button:active,.demo-flow-device:active{background:#def1e7}
.demo-device form input:not([type=checkbox]),.demo-device form select{min-height:48px;width:100%;max-width:100%;font-size:16px}
.demo-device form label{min-width:0;overflow-wrap:anywhere}
.demo-device .demo-switch{min-height:48px;display:flex;align-items:center;gap:12px;cursor:pointer}
.demo-device .demo-switch input{width:22px;height:22px;flex:none}
.demo-device button{min-height:48px;white-space:normal;line-height:1.45;touch-action:manipulation}
.demo-device .demo-quick-actions{display:flex;flex-wrap:wrap;gap:12px}
.demo-device .demo-quick-actions button{flex:1 1 210px}
@media(hover:hover) and (pointer:fine){.demo-running-list button:hover,.demo-flow-device:hover{border-color:#237d61;box-shadow:0 3px 12px #17463212}.demo-device button:hover{filter:brightness(.97)}}
@media(max-width:900px){.demo-running-card{grid-template-columns:1fr}.demo-flow-branches{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-flow-branches:before,.demo-flow-device:before{display:none}}
@media(max-width:420px){.demo-running-list,.demo-flow-branches,.demo-device .demo-goal-grid{grid-template-columns:minmax(0,1fr)}.demo-running-list button{min-height:88px}.demo-device form>button,.demo-device .demo-quick-actions button{width:100%}.demo-running-total>strong{font-size:22px}.demo-flow-device{min-height:128px}}
.weather-card{padding:24px;background:#f5faf7;border:1px solid #dce9e2;border-radius:18px;margin:18px 0}.weather-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.weather-facts article{background:white;border:1px solid #e0eae4;border-radius:12px;padding:16px;min-width:0}.weather-facts span{display:block;color:#627b70;font-size:12px}.weather-facts strong{display:block;font-size:22px;margin-top:12px;overflow-wrap:anywhere}.weather-temperature-chart{display:block;width:100%;height:auto;min-height:110px;max-height:200px}.weather-temperature-chart text{font-size:11px;fill:#557168}.weather-alert{background:#fff2df;color:#6d501f;border-radius:10px;padding:14px}.weather-observed{border-top:1px solid #dce9e2;margin-top:18px;padding-top:12px}.weather-card summary{min-height:44px;display:list-item;cursor:pointer;padding:12px 0}.weather-card .table-wrap{max-height:340px;overflow:auto}.weather-card small{line-height:1.6;color:#61796e}@media(max-width:700px){.weather-card{padding:16px}.weather-facts{grid-template-columns:1fr}.weather-facts strong{font-size:21px}.weather-card .table-wrap{font-size:13px}}

.station-card.station-status-offline,.dashboard-station.station-status-offline,.operation-card.station-status-offline{background:#fff1f2;border:2px solid #cf3546;border-left:6px solid #cf3546}
.station-card.station-status-problem,.dashboard-station.station-status-problem,.operation-card.station-status-problem{background:#fff5e9;border:2px solid #d77a13;border-left:6px solid #d77a13}
.station-card.station-status-unconfirmed,.dashboard-station.station-status-unconfirmed,.operation-card.station-status-unconfirmed{background:#eef5ff;border:2px solid #3273c7;border-left:6px solid #3273c7}
.station-status-offline .badge{background:#fde1e5;color:#a52031}.station-status-problem .badge{background:#ffe3bd;color:#8f4d06}.station-status-unconfirmed .badge{background:#dbeaff;color:#225696}
.command-confirmation{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 16px;border-radius:12px;background:#f3f5f6}.command-confirmation.confirmed{background:#e8f5ee;color:#216e4b}.command-confirmation.unconfirmed{background:#eef5ff;color:#225696}