/* Tabla densa estilo planilla Excel */

.grid {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  background: var(--blanco);
}

.grid thead th {
  background: var(--verde-muy-claro);
  color: var(--verde-profundo);
  text-align: left;
  padding: var(--espacio-sm) var(--espacio-md);
  border-bottom: 2px solid var(--verde-primario);
  border-right: 1px solid var(--gris-borde);
  font-weight: 600;
  position: sticky;
  top: 0;
  z-index: 1;
  white-space: nowrap;
}

.grid tbody td {
  padding: 5px var(--espacio-md);
  border-right: 1px solid var(--gris-borde-suave);
  border-bottom: 1px solid #f0f2f5;
  vertical-align: middle;
}

.grid tbody tr {
  transition: background 0.1s ease;
}

.grid tbody tr:hover {
  background: var(--gris-fondo-tabla);
}

.grid tbody tr.conciliado td:first-child {
  border-left: 3px solid var(--verde-primario);
}

.grid tbody tr.ambiguo td:first-child {
  border-left: 3px solid var(--amarillo);
}
.grid tbody tr.ambiguo {
  background: var(--amarillo-fondo);
}

.grid tbody tr.pendiente td:first-child {
  border-left: 3px solid var(--naranja);
}

.grid tbody tr.rechazado td:first-child {
  border-left: 3px solid var(--rojo);
}

/* Header sin acciones */
.grid tbody tr.selected {
  background: var(--verde-muy-claro);
}

.grid-empty {
  text-align: center;
  padding: var(--espacio-xl);
  color: var(--gris-texto-suave);
}

/* Container scrolleable con altura max */
.grid-container {
  overflow: auto;
  max-height: calc(100vh - 240px);
  border: 1px solid var(--gris-borde);
  border-radius: var(--radio-md);
}