/* ════════════════════════════════════════════════════════════════════════
   TABLAS — patrón cebra estándar para TODA la aplicación
   Un solo par de tokens (filas impares / pares) + un solo color de hover, en tema claro y oscuro.
   Se aplica a cualquier <table> con <tbody> (incluidas las que genera JavaScript).
   Excepción: <table class="vt-no-zebra"> para tablas que no son de datos (ficha clave/valor, maquetación).
   Los estados de fila (riesgo, error, advertencia…) se dibujan como una capa encima de la cebra
   (background-image), así conviven con ella en ambos temas.
   ════════════════════════════════════════════════════════════════════════ */
:root {
  --vt-zebra-odd:   #ffffff;
  --vt-zebra-even:  #f1f5f9;
  --vt-zebra-hover: rgba(248, 121, 12, .08);
  --vt-row-danger:  rgba(239, 68, 68, .07);
  --vt-row-warn:    rgba(245, 158, 11, .08);
  --vt-row-accent:  rgba(248, 121, 12, .09);
}
[data-vehitotal-theme="dark"] {
  --vt-zebra-odd:   transparent;
  --vt-zebra-even:  rgba(255, 255, 255, .04);
  --vt-zebra-hover: rgba(248, 121, 12, .10);
  --vt-row-danger:  rgba(239, 68, 68, .12);
  --vt-row-warn:    rgba(245, 158, 11, .12);
  --vt-row-accent:  rgba(248, 121, 12, .14);
}

table:not(.vt-no-zebra):not(.mh-fields) > tbody > tr:nth-child(odd)  > :is(td, th) { background-color: var(--vt-zebra-odd)  !important; }
table:not(.vt-no-zebra):not(.mh-fields) > tbody > tr:nth-child(even) > :is(td, th) { background-color: var(--vt-zebra-even) !important; }
table:not(.vt-no-zebra):not(.mh-fields) > tbody > tr:hover           > :is(td, th) { background-color: var(--vt-zebra-hover) !important; }

/* Estados de fila (capa sobre la cebra) */
tr.pf-row--risk > td, tr.pf-row--critical > td, tr.wz-row--error > td { background-image: linear-gradient(var(--vt-row-danger), var(--vt-row-danger)) !important; }
tr.pf-row--low  > td, tr.wz-row--warn > td                            { background-image: linear-gradient(var(--vt-row-warn),   var(--vt-row-warn))   !important; }
tr.fsd-row--highlight > td                                             { background-image: linear-gradient(var(--vt-row-accent), var(--vt-row-accent)) !important; }