.energy-flow{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr 44px 1fr;align-items:center;margin-top:18px}.energy-node{text-align:center;min-width:0}.energy-node svg{width:52px;height:52px;fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.energy-node.mppt svg{stroke:#55aaff}.energy-node.battery svg{stroke:#ffc857}.energy-node.inverter svg{stroke:#c98cff}.energy-node b,.energy-node strong,.energy-node small{display:block}.energy-node b{font-size:12px;margin-top:4px}.energy-node strong{font-size:14px;margin-top:3px;color:white}.energy-node small{font-size:10px;color:var(--muted)}.flow-line{height:8px;border-radius:8px;background:#1c3045;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #34506a}.flow-line:after{content:'›';position:absolute;right:-5px;top:50%;transform:translateY(-55%);font-size:22px;line-height:1;color:#49657e}.flow-line i{position:absolute;z-index:2;top:1px;left:0;width:6px;height:6px;border-radius:50%;background:#fff;opacity:0;box-shadow:0 0 5px 2px var(--green),0 0 12px 4px #51e29a88}.flow-line.active{background:linear-gradient(90deg,#153c36,#285b4c);box-shadow:0 0 8px #51e29a44,inset 0 0 0 1px #4cae82}.flow-line.active:after{color:var(--green);text-shadow:0 0 8px var(--green)}.flow-line.active i{opacity:1;animation:energy-particle 1.15s linear infinite}.flow-line.active:nth-of-type(4) i{animation-delay:.25s}.flow-line.active:nth-of-type(6) i{animation-delay:.5s}@keyframes energy-particle{0%{left:0;transform:scale(.65)}45%{transform:scale(1.25)}100%{left:calc(100% - 6px);transform:scale(.65)}}.mppt-cards{display:grid;gap:8px;margin-top:18px}.mppt-card{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:11px;border:1px solid var(--line);border-radius:11px;background:#0b1727}.mppt-card span{font-size:11px}.mppt-card b{font-size:13px}.mppt-card.offline{opacity:.55}.mppt-card .metrics{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:11px}.admin-device-list{display:grid;gap:7px;margin-top:12px}.admin-device{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px;background:#091523;border-radius:9px}.admin-device span small{display:block;margin-top:3px}.admin-device button{font-size:11px}@media(max-width:480px){.energy-flow{grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr}.energy-node svg{width:40px;height:40px}.energy-node b{font-size:10px}.energy-node strong{font-size:11px}.flow-line{height:7px}}
.energy-system-flow{display:grid;grid-template-columns:minmax(220px,1fr) 44px minmax(72px,.42fr) 44px minmax(72px,.42fr);align-items:center;gap:0;margin-top:18px}.mppt-flow-list{display:grid;gap:18px}.mppt-flow-branch{display:grid;grid-template-columns:minmax(74px,1fr) 36px minmax(74px,1fr);align-items:center}.mppt-flow-branch.offline{opacity:.5}.mppt-flow-branch .energy-node b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-empty{grid-column:1/-1;text-align:center;color:var(--muted)}@media(max-width:600px){.energy-system-flow{grid-template-columns:minmax(188px,1fr) 24px 68px 24px 68px;overflow-x:auto;padding-bottom:8px}.mppt-flow-branch{grid-template-columns:82px 24px 82px}.energy-system-flow .energy-node svg{width:40px;height:40px}.energy-system-flow .energy-node b{font-size:10px}.energy-system-flow .energy-node strong{font-size:11px}.energy-system-flow .flow-line{height:7px}}