[hidden]{display:none!important}.login-panel{width:min(420px,calc(100% - 32px));margin:10vh auto;padding:28px;background:white;border:1px solid #dce3dd;border-radius:16px}.login-panel .brand{color:#0c3038;margin-bottom:24px}.login-panel h1{font-size:1.6rem}.login-panel form{display:grid;gap:16px}.login-panel label{display:grid;gap:6px}.login-panel input{width:100%;box-sizing:border-box;min-height:44px}.login-panel #login-status{font-size:.85rem;min-height:1.5em}#application aside nav{margin-top:38px}#climate-content{padding:24px}.sidefoot button{border:1px solid #91b4b6}.cloud-stations h3{margin:0}#application .workspace{min-height:100vh}@media(max-width:760px){#application aside{position:static;width:auto;padding:14px;display:flex;align-items:center;justify-content:space-between}#application aside nav{margin:0}#application .sidefoot{position:static}#application .workspace{margin-left:0}#application .navlabel{display:none}#application .brand small{display:none}#climate-content{padding:14px}.login-panel{margin:5vh auto}}
.header-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.header-status [data-app-version]{font-size:12px;color:var(--muted);white-space:nowrap}#application header{gap:12px}@media(max-width:520px){.header-status{gap:6px}.header-status [data-app-version]{font-size:10px}}

.energy-latest{gap:12px;margin:14px 0}.energy-latest .card{padding:14px}.energy-latest h3{margin:0}.energy-inline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.energy-inline strong{display:block;font-size:20px}.energy-inline small{font-size:12px;font-weight:400}.energy-pv-key{display:inline-block;width:10px;height:10px;background:#f0b13c}@media(max-width:650px){.energy-inline{grid-template-columns:repeat(2,minmax(0,1fr))}}

.climate-chart .chart rect.energy-pv-bar{fill:#f0b13c}.climate-chart .chart rect.energy-grid-bar{fill:#126b87}