/* Columna ETR — glifos sin caja (como jornada / fecha-hora)
 *
 * Semáforo (visión real vs presupuesto / LiveMap):
 * - Label F*: acero fijo
 * - Presupuesto / valor principal: jade en vivo (aún dentro); acero F2 al cumplir o al demorar
 * - Delta +: rojo naval | Delta −: jade
 * Misma lógica vivo / congelado (S7 o cierre manual) en F0/F1/F2.
 */
.td-eta {
  white-space: nowrap;
  vertical-align: top; /* F0/F1/F2 apilados */
  cursor: pointer;
}
.td-eta:hover .etr-pill-f {
  color: #c5d0e0;
}

.td-eta--off { display: none; }

.etr-pill {
  display: flex; /* uno arriba del otro (antes inline-flex horizontal) */
  align-items: center;
  gap: 3px;
  margin-right: 0;
  margin-bottom: 1px;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;
  font-size: 12px; /* paridad fecha / jornada */
  line-height: 1.2;
}

.etr-pill:last-child { margin-bottom: 0; }

.etr-pill-f {
  font-weight: 700;
  color: #8b97a8; /* label fase: acero fijo */
  letter-spacing: 0.02em;
}

/* Presupuesto / valor principal — default = mismo acero que F* */
.etr-pill-v {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: #8b97a8;
}

/* 00h / 00′ apagados — ancla visual; horas/minutos reales heredan color del pill (acero / jade / rojo) */
.etr-pill-v .etr-h:not(.etr-h--dim),
.etr-pill-v .etr-m:not(.etr-m--dim),
.etr-pill-v .etr-sign {
  color: inherit;
}
.etr-h--dim,
.etr-m--dim {
  color: #4a5568;
  font-weight: 500;
}
.etr-pill--rem .etr-h--dim,
.etr-pill--rem .etr-m--dim {
  color: rgba(38, 166, 154, 0.38);
}
.etr-pill .etr-pill-v--over .etr-h--dim,
.etr-pill .etr-pill-v--over .etr-m--dim {
  color: rgba(158, 61, 74, 0.42) !important;
}
.etr-pill .etr-pill-v--saved .etr-h--dim,
.etr-pill .etr-pill-v--saved .etr-m--dim {
  color: rgba(38, 166, 154, 0.42) !important;
}
.etr-sign { margin-right: 0; }

/* En vivo dentro de presupuesto: restante jade */
.etr-pill--rem .etr-pill-v { color: #26a69a; }

/* Presupuesto estático (sin tick) — acero F* */
.etr-pill--static .etr-pill-v { color: #8b97a8; }

/* Demora en vivo: presupuesto acero F*; delta + rojo naval */
.etr-pill--od > .etr-pill-v:not(.etr-pill-v--over):not(.etr-pill-v--saved) {
  color: #8b97a8;
}

/* Congelado: más apagado que la fase viva; presupuesto acero; −/+ siguen el semáforo */
.etr-pill--frozen {
  opacity: 0.46;
}
.etr-pill--frozen > .etr-pill-v:not(.etr-pill-v--over):not(.etr-pill-v--saved),
.etr-pill--frozen-early > .etr-pill-v:not(.etr-pill-v--over):not(.etr-pill-v--saved) {
  color: #8b97a8;
}
.etr-pill--paused {
  opacity: 0.72;
}
/* Finalizado a tiempo: el − (ahorro) manda el semáforo jade — no pintar demora fantasma */

/* Delta: + demora → rojo naval | − ahorro → jade (especificidad > presupuesto) */
.etr-pill .etr-pill-v--over { color: #9e3d4a !important; margin-left: 2px; }
.etr-pill .etr-pill-v--saved { color: #26a69a !important; margin-left: 2px; }

/* Finalizado: no pintar +/− de acero — el gris de fila ya baja tono; el semáforo se lee */
.matriz-table tbody tr.fila-finalizada .etr-pill .etr-pill-v--over .etr-m:not(.etr-m--dim),
.matriz-table tbody tr.fila-finalizada .etr-pill .etr-pill-v--over .etr-h:not(.etr-h--dim),
.matriz-table tbody tr.fila-finalizada .etr-pill .etr-pill-v--over .etr-sign {
  color: #9e3d4a !important;
}
.matriz-table tbody tr.fila-finalizada .etr-pill .etr-pill-v--saved .etr-m:not(.etr-m--dim),
.matriz-table tbody tr.fila-finalizada .etr-pill .etr-pill-v--saved .etr-h:not(.etr-h--dim),
.matriz-table tbody tr.fila-finalizada .etr-pill .etr-pill-v--saved .etr-sign {
  color: #26a69a !important;
}

.etr-pill--empty .etr-pill-v { color: #4a5568; }

.th-eta .th-main {
  letter-spacing: 0.04em;
}

/* Barra filtros — ETR ON/OFF */
.eta-geo-status {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.eta-geo-pill {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  height: 18px;
  padding: 0 6px;
  border-radius: 3px;
  border: 1px solid #2a3142;
  background: #12151c;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  white-space: nowrap;
  user-select: none;
}

.eta-geo-lab { color: #6a7588; }

.eta-geo-pill--on {
  border-color: rgba(94, 184, 154, 0.45);
  background: rgba(94, 184, 154, 0.1);
}

.eta-geo-pill--on .eta-geo-lab,
.eta-geo-pill--on .eta-geo-state { color: #5eb89a; }

.eta-geo-pill--off {
  border-color: rgba(184, 122, 122, 0.4);
  background: rgba(184, 122, 122, 0.08);
}

.eta-geo-pill--off .eta-geo-lab,
.eta-geo-pill--off .eta-geo-state { color: #b87a7a; }

.eta-geo-f {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25em;
  padding: 0 2px;
  border-radius: 2px;
  font-size: 8px;
  font-weight: 800;
  color: #5c6678;
  background: #1a1f29;
}

.eta-geo-f--on {
  color: #5eb89a;
  background: rgba(94, 184, 154, 0.15);
}

/* Tip detalle ETR (clic celda) */
.etr-tip-fase {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #2a3344;
  font-size: 11px;
  color: #8ea1b5;
  font-weight: 600;
}
.etr-tip-fase:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.etr-tip-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
  font-size: 12px;
  color: #c5d0e0;
  line-height: 1.45;
}
.etr-tip-k { color: #8ea1b5; }
.etr-tip-v {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: #e8eef6;
  text-align: right;
}
.etr-tip-delta--over { color: #9e3d4a; }
.etr-tip-delta--saved { color: #26a69a; }
.etr-tip-delta--flat { color: #8b97a8; }
.etr-tip-live { color: #26a69a; }
.etr-tip-verdict { font-weight: 700; letter-spacing: 0.02em; }
.etr-tip-verdict--late { color: #9e3d4a; }
.etr-tip-verdict--early { color: #26a69a; }
.etr-tip-verdict--ontime { color: #8b97a8; }
.etr-tip-empty { color: #8ea1b5; }

/* Tip ETR: borde y título jade (no salmón del tip conductor) */
#conductor-tip[data-kind="etr"] .conductor-tip-inner {
  border-color: color-mix(in srgb, #26a69a 48%, transparent);
}
#conductor-tip[data-kind="etr"] .conductor-tip-title {
  color: #26a69a;
}