/*
  Modo escuro — paginação (Bootstrap + DataTables).

  Regra: não recriar layout (.page-link, bordas, margin, tamanho). O mesmo DOM já é
  estilizado por core-dark.css + datatables.bootstrap5.css (mesma cascata que no claro).
  Aqui só ajustamos os tokens --bs-pagination-* para cores legíveis no fundo escuro,
  sem mudar padding/fonte/min-width (evita ficar maior que o modo claro).
*/

.dark-style .pagination {
  --bs-pagination-color: rgba(255, 255, 255, 0.78);
  --bs-pagination-bg: transparent;
  --bs-pagination-border-color: rgba(255, 255, 255, 0.16);
  --bs-pagination-hover-color: rgba(255, 255, 255, 0.92);
  --bs-pagination-hover-bg: rgba(255, 255, 255, 0.06);
  --bs-pagination-hover-border-color: rgba(255, 255, 255, 0.24);
  --bs-pagination-focus-color: #fff;
  --bs-pagination-focus-bg: rgba(102, 108, 255, 0.14);
  --bs-pagination-focus-box-shadow: none;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #666cff;
  --bs-pagination-active-border-color: #666cff;
  /* Mais leve que o padrão core-dark (evita “bolas” cinza grandes nos disabled) */
  --bs-pagination-disabled-color: rgba(255, 255, 255, 0.34);
  --bs-pagination-disabled-bg: transparent;
  --bs-pagination-disabled-border-color: rgba(255, 255, 255, 0.1);
}

.dark-style div.dataTables_wrapper div.dataTables_info {
  color: rgba(255, 255, 255, 0.68) !important;
}

.dark-style div.dataTables_wrapper div.dataTables_length label,
.dark-style div.dataTables_wrapper div.dataTables_filter label {
  color: rgba(255, 255, 255, 0.68);
}

.dark-style .dataTables_wrapper .dataTables_length select {
  color: rgba(255, 255, 255, 0.88);
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.dark-style .dataTables_wrapper .dataTables_filter input {
  color: rgba(255, 255, 255, 0.88);
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
}