/* EMPAQUE-PASOS-v1 F2: cinta de pasos, filtros, pestañas De ruta/De mostrador/Historial y grupos por ruta.
   Usa los tokens --emp-* de Empaque (design system EMP-DS-v1); aqui solo lo nuevo. */
.emp-pasos-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.emp-pasos-titulo{font-weight:800;font-size:.95rem;color:var(--emp-text-brand,#1A3C8F)}
.emp-pasos-cinta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.emp-pasos-cinta .emp-paso{min-width:128px;max-width:210px}
.emp-paso .lbl{display:flex;align-items:center;gap:5px;line-height:1.25}
.emp-paso .val{font-size:1.5rem;font-weight:800;color:var(--emp-text-brand,#1A3C8F)}
.emp-paso-n{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--emp-blue-100,#e2eafa);color:var(--emp-blue-700,#1A3C8F);font-size:.66rem;font-weight:800}
.emp-pasos-herr{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px}
.emp-pasos-herr:empty{display:none}
.emp-pasos-herr-t{font-size:.68rem;font-weight:800;color:var(--emp-text-2,#64748b);text-transform:uppercase;letter-spacing:.05em;margin-right:4px}
.emp-herr.emp-navon{background:var(--emp-surface-brand,#f2f6fd)}
.emp-pasos-cab{margin:6px 0 10px}
.emp-pasos-cab h2{margin:0;font-size:1.05rem;font-weight:800;color:var(--emp-text-brand,#1A3C8F)}
.emp-pasos-cab p{margin:2px 0 0;font-size:.78rem;color:var(--emp-text-2,#64748b)}
.emp-pasos-filtros [hidden]{display:none !important}
.emp-pasos-filtros .emp-pasos-q{flex:1 1 220px}
.emp-pasos-filtros .emp-pasos-q input{width:100%}
.emp-pasos-atajos{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%}
.emp-pasos-atajo{background:var(--emp-slate-100,#f1f5f9);color:var(--emp-slate-700,#334155)}
.emp-pasos-atajo:hover{background:var(--emp-blue-100,#e2eafa)}
.emp-pasos-tabs{display:flex;gap:4px;margin:4px 0 12px;border-bottom:2px solid var(--emp-border,#e2e8f0);overflow-x:auto;scrollbar-width:none}
.emp-pasos-tab{border:none;background:none;padding:10px 16px;font-family:inherit;font-size:.82rem;font-weight:700;color:var(--emp-text-2,#64748b);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;min-height:var(--emp-tap,44px)}
.emp-pasos-tab:hover{color:var(--emp-text-brand,#1A3C8F)}
.emp-pasos-tab.on{color:var(--emp-text-brand,#1A3C8F);border-bottom-color:var(--emp-border-brand,#1A3C8F)}
.emp-pasos-tab b{display:inline-block;min-width:20px;padding:1px 6px;margin-left:4px;border-radius:999px;background:var(--emp-blue-100,#e2eafa);font-size:.7rem;text-align:center}
.emp-pasos-grupo{margin-bottom:14px}
.emp-pasos-grupo-h{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 14px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px 10px 0 0;font-weight:800;font-size:.84rem;color:var(--emp-blue-700,#1A3C8F)}
.emp-pasos-grupo-h small{font-weight:700;color:var(--emp-slate-600,#475569)}
.emp-pasos-grupo .emp-table-wrap{border-top:none;border-radius:0 0 10px 10px}
.emp-pasos-cli td{background:var(--emp-slate-50,#f8fafc);font-weight:700;font-size:.76rem;color:var(--emp-slate-700,#334155)}
.emp-pasos-cli small{margin-left:8px;font-weight:600;color:var(--emp-slate-500,#64748b)}
@media(max-width:700px){
  .emp-pasos-cinta{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}
  .emp-pasos-cinta .emp-paso{flex:0 0 150px;scroll-snap-align:start}
}