/* TAB-01 · Tabela de dados — reescrita dos primitivos do shadcn/ui.
   Largura total, borda inferior por linha, última sem borda, realce apagado no hover,
   célula de 16 px. Só estrutura e estilo: nenhum comportamento.
   Variante de duas colunas sem cabeçalho (rótulo à esquerda, valor à direita) e a
   .c-lista-linhas, que é o mesmo desenho sem <table>, para lista de itens. */
.c-tabela {
  --c-tab-linha: rgba(235, 235, 235, .12);
  --c-tab-tinta: #ebebeb;
  --c-tab-tinta-2: #a8a8a8;
  --c-tab-realce: rgba(235, 235, 235, .04);

  width: 100%;
  border-collapse: collapse;
  caption-side: bottom;
  font-size: .875rem;
}
.c-tabela tr { border-bottom: 1px solid var(--c-tab-linha); transition: background-color .2s ease; }
.c-tabela tbody tr:last-child { border-bottom: 0; }
.c-tabela tr:hover { background-color: var(--c-tab-realce); }
.c-tabela th, .c-tabela td { padding: 16px 0; vertical-align: middle; }
.c-tabela th { text-align: left; font-weight: 500; color: var(--c-tab-tinta-2); }
.c-tabela td { text-align: right; font-weight: 500; color: var(--c-tab-tinta); }
.c-tabela caption { padding-top: 12px; color: var(--c-tab-tinta-2); font-size: .8rem; text-align: left; }

/* com cabeçalho de coluna: o <thead> ganha o papel de rótulo e o <td> volta à esquerda */
.c-tabela--colunas td { text-align: left; }
.c-tabela--colunas thead tr { border-bottom: 1px solid var(--c-tab-linha); }

/* o mesmo desenho sem <table>: lista de itens em linhas finas */
.c-lista-linhas {
  --c-tab-linha: rgba(235, 235, 235, .12);
  --c-tab-tinta: #ebebeb;
  margin: 0; padding: 0; list-style: none; font-size: .875rem;
}
.c-lista-linhas li { padding: 16px 0; border-bottom: 1px solid var(--c-tab-linha); font-weight: 500; color: var(--c-tab-tinta); }
.c-lista-linhas li:last-child { border-bottom: 0; }