/*
 * Redesign — Etapa 5, sub-etapa 3: Tabelas.
 *
 * Fonte: src/app/components/ui/table.tsx do Figma "Novo projeto" (o
 * componente Table do design system, nao uma tela especifica).
 *
 * Diferencas principais vs o que ja existe:
 *  - Cabecalho (th) hoje e' MAIUSCULO, negrito, cor "muted" e com fundo
 *    tingido. No Figma o cabecalho e' texto normal (nao maiusculo),
 *    peso 500 (nao negrito), cor de texto CHEIA (nao muted) e sem fundo
 *    proprio - só a borda inferior separa do corpo.
 *  - Hover de linha: mesma ideia (fundo sutil), so troca a cor base.
 *
 * Escopado a body[data-theme-preset="dark"] + desktop (901px+) - tabela
 * nao tem tratamento mobile especifico hoje alem do que ja existe pro
 * layout geral, entao nao ha risco de conflito, mas mantenho a guarda
 * por consistencia com as sub-etapas anteriores.
 */

@media (min-width: 901px) {
  body[data-theme-preset="dark"] table {
    border-color: var(--ds-border) !important;
  }
  body[data-theme-preset="dark"] thead th {
    background: transparent !important;
    color: var(--ds-foreground) !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border-color: var(--ds-border) !important;
  }
  body[data-theme-preset="dark"] tbody tr {
    border-color: var(--ds-border) !important;
  }
  body[data-theme-preset="dark"] tbody tr:hover {
    background: color-mix(in srgb, var(--ds-muted) 50%, transparent) !important;
  }
}