/* ============================================================
   QAD Calidad — Tablas
   Encabezado en versalitas, filas sin cebra separadas por línea
   sutil, ID de registro en azul marino. Bordes en vez de sombra
   marcada (guía de marca).
   ============================================================ */

.table-container {
  overflow-x: auto;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-subtle);
}
.table {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-surface);
}
.table th {
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-text-muted);
  background: var(--color-bg);
  border-bottom: 1px solid var(--color-border);
}
.table td {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  border-bottom: 1px solid var(--color-border-row);
  color: var(--color-text-body);
}
.table tbody tr:last-child td { border-bottom: none; }
.table tbody tr:hover { background: var(--color-bg); }
.row-overdue { background: var(--color-danger-bg); }

/* ID de registro: ancla visual de la fila */
.table .record-id,
.crm-record-link {
  color: var(--color-navy);
  font-weight: 600;
}
.crm-record-link:hover { text-decoration: underline; }

/* ─── Tabla de datos genérica (histórico IA, sugerencias, etc.) ── */
.data-table { width: 100%; border-collapse: collapse; background: var(--color-surface); }
.data-table th {
  padding: 0.6rem 0.85rem;
  text-align: left;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-text-muted);
  background: var(--color-bg);
  border-bottom: 1px solid var(--color-border);
}
.data-table td { padding: 0.6rem 0.85rem; border-bottom: 1px solid var(--color-border-row); }
.data-table tbody tr:last-child td { border-bottom: none; }