/*
 * components/tables.css — Data table component (UX Consistency Audit).
 *
 * Token-driven (D5). Unifies the four previously competing table styles
 * (.portal-table in app.css, .admin-user-table / .admin-import-table /
 * .env-var-table in admin.css) into a single .data-table class so every
 * table across the portal shares identical spacing, borders, and header
 * treatment (D6).
 */

.data-table {
  width: 100%;
  border-collapse: collapse;
}

.data-table th,
.data-table td {
  padding: var(--space-2) var(--space-3);
  border-bottom: var(--border-1);
  text-align: left;
  vertical-align: middle;
}

.data-table th {
  font-size: var(--fs-xs);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--color-fg-muted);
  font-weight: var(--fw-semibold);
}

.data-table tbody tr {
  transition: background var(--dur-fast) var(--ease-standard);
}

.data-table tbody tr:hover {
  background: var(--color-surface-2);
}

@media (prefers-reduced-motion: reduce) {
  .data-table tbody tr {
    transition: none;
  }
}