/* Tabela (Atlassian Dynamic table). <table class="ds-tabela"> dentro de <c-tabela> para rolar. */

.ds-tabela-rolagem { overflow-x: auto; }
.ds-tabela { width: 100%; border-collapse: collapse; font: var(--fonte-texto); }
.ds-tabela th {
  text-align: left;
  font: var(--fonte-texto-p);
  font-weight: var(--peso-negrito);
  color: var(--cor-texto-suave);
  padding: var(--espaco-100);
  border-bottom: var(--borda-largura-foco) solid var(--cor-borda);
  white-space: nowrap;
}
.ds-tabela td {
  padding: var(--espaco-100);
  border-bottom: var(--borda-largura) solid var(--cor-borda);
  vertical-align: middle;
}
.ds-tabela tbody tr:hover { background: var(--cor-superficie-hover); }
.ds-tabela .ds-numero { text-align: right; font-variant-numeric: tabular-nums; }
.ds-tabela--compacta th, .ds-tabela--compacta td { padding: var(--espaco-050) var(--espaco-100); }