/*
 * css/components/fleet-select.css — Barra del selector de flotas por sección.
 *
 * 12-oct, fase 3 del kit de estilo: extraído del <style> de index.html (mismas reglas). El orden
 * de carga (index.html) es base -> components -> views; la verificación comparó los estilos
 * calculados de toda la página antes y después.
 */

.fsel-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin: 22px 0 4px; }
.fsel-bar .fsel-label { font-size: 0.75rem; font-weight: 700; color: var(--text-dim); text-transform: uppercase; letter-spacing: 0.04em; }
.fsel-bar .fsel-hint { flex-basis: 100%; color: var(--text-dim); font-size: 0.75rem; }
.fsel-bar.fsel-top { margin: 0; padding-top: 10px; border-top: 1px solid var(--border); }
 /* 9-oct: dentro del panel Period */
.dash-fleets { font-size: 0.8rem; color: var(--text-dim); margin: 0 0 8px; }
.dash-fleets b { color: var(--text); }