/* ================================================================
   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; }

.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);
}
/* 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 */
}