/* Styles for the Solar and Panels tabs on /weather/ (layered on the page's own .weather-card etc.) */

.app-tabs .nav-link { color: #495057; font-weight: 600; }
.app-tabs .nav-link.active { color: #0d6efd; }

.solar-tile .bi { font-size: 1.6rem; }
.solar-tile .metric-value { font-size: 1.8rem; line-height: 1.2; }
.solar-tile.is-idle .metric-value { color: #6c757d; }

.chart-container.tall { height: 320px; }

.fleet-table th,
.fleet-table td { font-size: .85rem; }
.fleet-bar { height: 6px; flex: 1 1 auto; min-width: 48px; background-color: #e9ecef; }

/* ---- Panels diagram ---- */
.pv-diagram svg { display: block; width: 100%; max-width: 900px; height: auto; margin: 0 auto; }
.pv-diagram text { font-family: inherit; }
.pv-dot { display: inline-block; width: .7rem; height: .7rem; border-radius: 50%; vertical-align: -1px; }

/* Dots travel along each panel->house path; the period (16) matches the dasharray below. */
.pv-flow { stroke-dasharray: 0.1 15.9; animation: pv-flow 1s linear infinite; }
@keyframes pv-flow { to { stroke-dashoffset: -16; } }

@media (prefers-reduced-motion: reduce) {
    .pv-flow { animation: none; stroke-dasharray: none; opacity: .65; }
}