/* Energy dashboard layout. Colours, header and shared components are in 01-site.css (Dash loads the files in
   assets/ in name order, so this one can override it). */

.site-picker { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 16px; }
.site-picker .lbl { margin: 0; font-size: 14px; }
.site-picker .dash-dropdown, .site-picker #station-dropdown { width: 300px; max-width: 100%; color: var(--navy); }

/* Charts sit on white cards in light and dark mode, so the voltage range lines (blue, red, orange) keep the
   colours set in azure_app.py and stay easy to see. */
.chart-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 8px; margin-bottom: 16px;
              overflow: hidden; }
.chart-card .js-plotly-plot { width: 100%; }

.dash-footnote { color: var(--muted); font-size: 12.5px; margin-top: 4px; }