/* ============================================================
   MonTech · Casa Médica · vista despachos
   Clases prefijadas v-despachos-…  ·  solo var(--token), nunca hex
   ============================================================ */

.v-desp-flow { display: flex; align-items: center; gap: 4px; margin: var(--s-2) 0 var(--s-4); flex-wrap: wrap; }
.v-desp-step { display: flex; align-items: center; gap: 6px; font-size: var(--fs-12); color: var(--text-muted); }
.v-desp-dot { width: 26px; height: 26px; border-radius: var(--r-full); display: inline-flex; align-items: center; justify-content: center; background: var(--bg-inset); color: var(--text-muted); }
.v-desp-step--done .v-desp-dot { background: var(--ok-soft); color: var(--ok); }
.v-desp-step--now .v-desp-dot { background: var(--brand); color: #fff; }
.v-desp-step--done, .v-desp-step--now { color: var(--text-primary); font-weight: 600; }
.v-desp-line { flex: 1; height: 2px; min-width: 16px; background: var(--border); }