.battery-overview{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:9px;align-items:stretch}.battery-bank-panel{min-width:0;border:1px solid var(--line);border-radius:13px;background:#071b29;padding:10px}.battery-bank-panel .battery-hero{padding:0 0 8px}.battery-bank-panel .battery-ring{width:142px;height:142px;margin-bottom:9px}.battery-bank-panel .battery-ring:after{inset:10px}.battery-bank-panel .battery-ring strong{font-size:34px}.compact-bank-metrics{gap:6px}.compact-bank-metrics .metric{padding:8px 5px}.compact-bank-metrics .metric .value{font-size:14px;overflow:visible;text-overflow:clip}.compact-bank-metrics .metric .label{font-size:9px}.battery-bank-panel .battery-connected{margin-top:7px}.battery-mini-column{display:grid;grid-auto-rows:minmax(0,1fr);gap:5px;min-width:0;overflow:visible;max-height:none;padding-bottom:0}.battery-mini{border:1px solid #17445f;border-radius:11px;background:#0b2b40;padding:6px;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center}.battery-mini.offline{opacity:.55}.battery-mini-head{display:flex;align-items:center;gap:5px;margin-bottom:4px}.battery-mini-head strong{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.battery-mini-link{font-size:11px;color:var(--accent)}.battery-mini.offline .battery-mini-link{color:var(--bad)}.battery-mini-body{display:grid;grid-template-columns:46px minmax(0,1fr);gap:7px;align-items:center;min-width:0}.battery-mini-ring{--soc:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ok) calc(var(--soc)*1%),#17394f 0);position:relative}.battery-mini-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#0b2b40}.battery-mini-ring span{position:relative;z-index:1;font-size:11px;font-weight:900;white-space:nowrap}.battery-mini-right{display:grid;grid-template-rows:auto auto;gap:4px;min-width:0}.battery-mini-top{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:start}.battery-mini-top>div{display:flex;flex-direction:column;align-items:center;min-width:0}.battery-mini-top b{font-size:9px;line-height:1.05;white-space:nowrap}.battery-mini-top small,.battery-mini-charge small{font-size:7px;color:var(--muted);margin-top:1px}.battery-mini-charge{border-top:1px solid #17445f;padding-top:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.battery-mini-charge span{font-size:8.5px;white-space:nowrap}.battery-mini-empty{height:100%;min-height:150px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:11px}.card[data-id="batteries"] .pager{clear:both;margin-top:12px;margin-bottom:0}.card[data-id="batteries"] .page{padding-bottom:22px}@media(max-width:430px){.battery-overview{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:7px}.battery-bank-panel{padding:8px}.battery-bank-panel .battery-ring{width:126px;height:126px}.battery-bank-panel .battery-ring:after{inset:9px}.battery-bank-panel .battery-ring strong{font-size:30px}.battery-bank-name{font-size:14px}.battery-ah{font-size:10px}.compact-bank-metrics .metric{padding:7px 3px}.compact-bank-metrics .metric .value{font-size:12px}.battery-mini-column{gap:4px}.battery-mini{padding:5px}.battery-mini-head strong{font-size:9px}.battery-mini-body{grid-template-columns:40px minmax(0,1fr);gap:5px}.battery-mini-ring{width:38px;height:38px}.battery-mini-ring:after{inset:4px}.battery-mini-ring span{font-size:10px}.battery-mini-top{gap:4px}.battery-mini-top b{font-size:8px}.battery-mini-top small,.battery-mini-charge small{font-size:6.5px}.battery-mini-charge span{font-size:7.5px}}