/* Quién está trabajando en el parte, en directo (2026-10-20). En escritorio va
   al pie de la tarjeta; en el móvil, encima de «Abrir parte». También en la
   cabecera de la ficha. */
.order-live{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;font-size:12px;line-height:1.35;color:var(--text)}
.order-live[hidden]{display:none}
/* Línea propia al pie de la tarjeta, bajo el cliente: no mueve matrícula, estado ni «Abrir parte». */
.order-row>.order-live{order:10;flex:1 1 100%;margin:-4px 0 0 148px}
.live-worker{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.live-worker b{font-weight:700}
.live-worker i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
.live-worker.on-break{color:var(--amber)}
.live-worker.on-break i{background:transparent;border:2px solid var(--amber-strong);box-shadow:none}
.live-more{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;background:var(--bg);color:var(--muted);font-weight:700}
.detail-live{margin:8px 0 0;gap:6px 14px;font-size:13px}
.detail-live>strong{color:var(--muted);font-size:12px;font-weight:700}
@media(prefers-reduced-motion:no-preference){.live-worker.working i{animation:live-pulse 2.4s var(--ease-in-out,ease-in-out) infinite}}
@keyframes live-pulse{0%,100%{box-shadow:0 0 0 3px var(--green-soft)}50%{box-shadow:0 0 0 5px var(--green-soft)}}
@media(max-width:720px){
  .order-row>.order-live{order:0;margin:0}
  .technician-order-row>.order-live{grid-column:1/-1}
}