/* Captura de pedidos — estilos propios de la pantalla (patrón sales_dashboard.css).
   Solo tokens var(--gv-*); nada de colores propios. */

/* Numeración de renglones con contador CSS: se renumera sola al agregar o
   eliminar filas vía Turbo Stream, sin re-render ni JS. El contador vive en un
   span porque en gv-table--stack el ::before del td ya pinta el data-label. */
#order-line-items {
  counter-reset: line-item;
}
#order-line-items tr {
  counter-increment: line-item;
}
.line-item-index::before {
  content: counter(line-item);
  color: var(--gv-slate-500);
}

/* Renglón recién guardado (alta o edición): verde que se desvanece. Indicador
   temporal, no estado — al terminar la animación la fila queda como las demás. */
@keyframes line-item-saved {
  from { background-color: var(--gv-ok-100); }
  to   { background-color: transparent; }
}
tr.line-item--saved {
  animation: line-item-saved 2.5s ease-out;
}