/* dashboard.css — Estilos específicos del Dashboard */
.dist-bar { display:flex; height:24px; border-radius:4px; overflow:hidden; margin:6px 0; }
.dist-seg { display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:600; transition:flex 0.4s ease; }
.dist-seg.seg-a { background:var(--color-route-a-bg); color:var(--color-route-a-txt); }
.dist-seg.seg-b { background:var(--color-route-b-bg); color:var(--color-route-b-txt); }
.dist-seg.seg-c { background:var(--color-route-c-bg); color:var(--color-route-c-txt); }
.dist-seg.seg-d { background:var(--color-route-d-bg); color:var(--color-route-d-txt); }
.dist-legend { display:flex; gap:12px; flex-wrap:wrap; margin-top:6px; }
.dist-legend-item { display:flex; align-items:center; gap:5px; font-size:11px; color:var(--color-text-muted); }
.dist-dot { width:8px; height:8px; border-radius:2px; }