.energy-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:5px;padding:6px;border:1px solid var(--line);border-radius:24px;margin-bottom:18px}
.energy-tabbar button{min-width:0;white-space:normal;padding:12px 6px;font-size:14px;border-radius:18px;transition:background .2s,color .2s}
.energy-tabbar [aria-selected=true]{box-shadow:0 3px 12px #00000012}
*{scrollbar-width:none}*::-webkit-scrollbar{display:none}
.energy-table{overflow:visible}.energy-table table{table-layout:fixed}.energy-table td,.energy-table th{overflow-wrap:anywhere}.energy-table th:first-child{width:44%}
.energy-flow{grid-template-rows:repeat(3,105px);gap:14px}.flow-node{border-radius:26px;padding:6px}.flow-node strong{font-size:17px;font-variant-numeric:tabular-nums}.flow-node small{font-size:10px;line-height:1.4;color:var(--muted)}
.energy-flow>svg{overflow:visible}.flow-track{stroke:var(--line);stroke-dasharray:none}.flow-active{stroke-dasharray:3 13;stroke-linecap:round;stroke-width:4;animation:energy-stream 2.4s linear infinite}.solar-path{stroke:var(--light)}.grid-path{stroke:var(--accent);animation-duration:1.5s}
.distribution-balance{display:grid;gap:6px;text-align:center;padding:18px 8px;font-size:12px;color:var(--muted)}.distribution-balance b{font-size:16px;color:var(--text)}
.rupee-total{padding:20px;border-radius:20px;background:color-mix(in srgb,var(--energy-soft) 75%,transparent);display:grid;gap:8px}.rupee-total>span{font-size:12px;color:var(--muted)}.rupee-total strong{font-size:34px;font-family:Lexend;letter-spacing:-1px}.rupee-total small{font-size:12px;color:var(--muted)}
.tariff-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.tariff-inputs label{font-size:12px;color:var(--muted)}.tariff-inputs input{display:block;width:100%;min-width:0;border:1px solid var(--line);background:var(--raised);color:var(--text);padding:10px;border-radius:10px;margin-top:7px}
@keyframes energy-stream{to{stroke-dashoffset:-64}}
@media(max-width:450px){.energy-tabbar{grid-template-columns:repeat(6,minmax(0,1fr));border-radius:20px}.energy-tabbar button{grid-column:span 2;font-size:12px;padding:10px 3px}.energy-tabbar button:nth-last-child(-n+2){grid-column:span 3}.flow-node strong{font-size:14px}.energy-flow{gap:8px}.energy-card{padding:16px}.energy-table table{font-size:11px}}
@media(prefers-reduced-motion:reduce){.flow-active{animation:none}.energy-tabbar button{transition:none}}