#solar-dash>main>.old-panel{display:none!important}.pi-panel{padding:10px;background:#06121d;color:#eaf6ff;height:100%;box-sizing:border-box}.pi-top{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:8px}.pi-top article,.pi-card{background:#0d202d;border:1px solid #294455;border-radius:8px}.pi-top article{padding:11px}.pi-top small,.pi-card h3{display:block;color:#47aaff;font-size:9px}.pi-top b{display:block;font-size:19px;margin-top:7px;color:#ffb000}.pi-top article:nth-child(2) b,.pi-top article:nth-child(3) b{color:#24e599}.pi-top article:nth-child(4) b{color:#ff5270}.pi-row{display:grid;grid-template-columns:3fr 2fr;gap:8px;margin-bottom:8px}.pi-primary{grid-template-columns:3fr 1.25fr}.pi-card{padding:10px;min-height:90px}.pi-card h3{margin:0 0 8px}.pi-card h3 strong{display:block;color:#fff;font-size:15px;margin-top:3px}.flowline{display:flex;align-items:center;justify-content:space-around;height:108px}.flowline i{height:2px;background:linear-gradient(90deg,#20e4a1,#ff4f72);flex:1}.flowline span{width:76px;height:76px;border:1px solid currentColor;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.flowline span b{font-size:12px}.flowline span small{font-size:8px}.flowline .sun{color:#ffb000}.flowline .bat{color:#ff5270}.flowline .home{color:#36aaff}.pi-battery .ring{width:92px;height:92px;margin:0 auto 6px;border-radius:50%;background:conic-gradient(#29e69a var(--soc,0deg),#203747 0);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 10px #0d202d}.ring b{font-size:17px}.ring small{font-size:6px}.pi-battery p{border-top:1px solid #284150;padding-top:6px;font-size:11px}.pi-battery p b{float:right;color:#ff5270}.pi-battery em{display:block;text-align:center;border:1px solid #245071;padding:5px;font-style:normal;font-size:10px}.pi-solar>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pi-solar span{background:#102735;padding:8px;font-size:9px}.pi-solar span b{display:block;color:#ffb000;font-size:14px;margin-top:5px}.pi-weather>b{font-size:19px;color:#45a9ff}.pi-weather>span{display:block;margin-top:6px;color:#83a6bc;font-size:10px}.pi-card p{font-size:11px}.pi-card ul{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0;padding:0;list-style:none;font-size:10px}.good{color:#2be69a}.bad{color:#ff6377}@media(max-width:800px){.pi-top{grid-template-columns:1fr 1fr}.pi-row,.pi-primary{grid-template-columns:1fr}.pi-panel{height:auto}}
#solar-dash aside>a[data-dash-view]{cursor:pointer;text-decoration:none}#solar-dash aside>a.disabled{cursor:not-allowed;opacity:.45;color:#8ba1b1}.pi-panel .view-hidden{display:none!important}.pi-panel .pi-row.single-card{grid-template-columns:1fr}.pi-panel .view-note{margin:0 0 8px;padding:7px 10px;border:1px solid #245071;border-radius:6px;color:#9dc6df;background:#091a27;font-size:10px}
.full-history{margin-top:8px}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.history-stats span{background:#102735;padding:9px;color:#8fa5b8;font-size:9px}.history-stats b{display:block;color:#fff;font-size:14px;margin-top:4px}#historyChart{width:100%;height:230px;background:linear-gradient(#0b1e2b,#071620);border:1px solid #294455;border-radius:6px}.history-key{display:flex;gap:20px;margin:8px 0;color:#a9c5d7;font-size:10px}.history-key span:before{content:'';display:inline-block;width:18px;height:3px;margin:0 6px 2px 0}.solar-key:before{background:#ffb000}.load-key:before{background:#36aaff}.history-table-wrap{max-height:430px;overflow:auto;border:1px solid #294455}.full-history table{width:100%;border-collapse:collapse;font-size:10px}.full-history th,.full-history td{padding:8px;text-align:left;border-bottom:1px solid #1d3748}.full-history th{position:sticky;top:0;background:#123047;color:#8fcaff}.full-history tbody tr:nth-child(even){background:#0a1b27}@media(max-width:700px){.history-stats{grid-template-columns:1fr 1fr}.history-table-wrap{overflow-x:auto}.full-history table{min-width:560px}}
.pi-prediction>div{display:flex;align-items:baseline;gap:7px}.pi-prediction>div>b{font-size:29px;color:#ffb547}.pi-prediction>div span{color:#8fa5b8;font-size:10px}.pi-prediction p{color:#8fa5b8}.pi-prediction p strong{color:#fff}.insight{border-left:3px solid #45df91;background:#091a25;padding:8px}.clear{border:1px solid #24543e;background:#10231c;color:#72e9aa;padding:8px}.alert{border:1px solid #713141;background:#28141a;color:#ff8b9a;padding:8px}
.pi-battery h3{position:relative}.pi-battery h3 mark{position:absolute;right:0;top:0;background:#10271d;border:1px solid #24523b;border-radius:5px;color:#45df91;padding:3px 6px;font-size:7px}.pi-battery h3 mark.discharging{color:#ffb547;background:#2c210f;border-color:#684817}.pi-battery .ring{position:relative;width:84px;height:84px;box-shadow:0 0 22px #45df9124;isolation:isolate}.pi-battery .ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#0d202d;z-index:-1}.pi-battery .ring b,.pi-battery .ring small{position:relative;z-index:1}.pi-battery .ring b{font-size:16px}.pi-battery .shunt-power{margin:5px 0;border-top:1px solid #284150;padding:7px 0 0;color:#8fa5b8}.pi-battery .shunt-power b{float:right;color:#45df91}.pi-battery em{font-size:8px;font-weight:700;border-radius:4px}
.pi-card .health-list{display:grid;grid-template-columns:1fr 1fr;gap:3px 7px}.health-list li{display:flex;flex-direction:column;background:#0a1b27;padding:5px 7px;min-height:28px}.health-list li b{font-size:9px;font-weight:600}.health-list li small{color:#8fa5b8;font-size:6px;margin:2px 0 0 10px}.health-list li.good b{color:#2be69a}.health-list li.bad b{color:#ff6377}