/* ================================================================
   Tabela semântica com 1ª coluna FIXA (sticky) + rolagem horizontal
   garantida. Complementa .theme-tablewrap/.theme-table.
   Uso: className="theme-tablewrap theme-table theme-table--sticky1"

   Por que a min-width: .theme-table table tem width:100%, então em telas
   estreitas a tabela encolhe em vez de transbordar — e a barra de rolagem
   nunca aparece. A min-width força o transbordo (→ scroll no wrapper, que
   já tem overflow-x:auto) quando o container fica menor que ela.
   ================================================================ */
.theme-table--sticky1 table { min-width: 640px; }

/* Linhas mais altas e respiráveis (o padrão .theme-table usa 6px 9px, que fica
   apertado em tabelas densas). Uso: adicionar .theme-table--roomy no wrapper. */
.theme-table--roomy tbody td { padding: 11px 10px; line-height: 1.35; }
.theme-table--roomy thead th { padding: 12px 10px; }

.theme-table--sticky1 th:first-child,
.theme-table--sticky1 td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  /* separador visual da coluna fixa ao rolar */
  box-shadow: 1px 0 0 var(--theme-line);
}

/* Fundo OPACO na coluna fixa (senão o conteúdo que rola aparece por baixo),
   respeitando a listra par/ímpar e o tema claro/escuro. */
.theme-table--sticky1 tbody td:first-child { background: var(--theme-panel); }
.theme-table--sticky1 tbody tr:nth-child(even) td:first-child {
  background: var(--theme-panel2);
}
/* Mantém a coluna fixa estável no hover (não deixa vazar o realce da linha). */
.theme-table--sticky1 tbody tr:hover td:first-child {
  background: var(--theme-panel);
}
.theme-table--sticky1 tbody tr:nth-child(even):hover td:first-child {
  background: var(--theme-panel2);
}
/* Cabeçalho fixo ao rolar verticalmente (wrapper precisa de altura/max-height).
   Complementa o sticky da 1ª coluna: aqui a LINHA de cabeçalho gruda no topo. */
.theme-table--sticky1 thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}
/* Canto superior-esquerdo (cabeçalho da coluna fixa) acima de tudo. */
.theme-table--sticky1 thead th:first-child {
  z-index: 3;
  background: #0e1813;  /* mesmo fundo do .theme-table thead th */
}