/* Look mais suave para a tabela */
    .table-modern thead th{
      background: #f6f9ff !important;
      color:#4b5563 !important;
      font-weight:700 !important;
      border-bottom: 0 !important;
    }
    .table-modern tbody tr{ border-color:#eef2f7 !important; }
    .table-modern tbody tr:hover{ background:#fafbff !important; }
    .table-modern td, .table-modern th{ vertical-align: middle !important; }

    
    /* Normaliza tamanho dos ícones/chevrons na paginação */
nav[role="navigation"] svg {
  width: 16px;
  height: 16px;
}

/* Deixa os botões com tamanho consistente */
.pagination .page-link {
  padding: .375rem .6rem;
  line-height: 1.25;
}

/* Centraliza e dá um respiro entre itens */
.pagination {
  display: flex;
  gap: .25rem;
  justify-content: center;
}

/* Evita que utilitários do Tailwind escondam partes no Bootstrap */
       /* se estiver sumindo coisa */
nav[role="navigation"] .inline-flex { display: inline-flex; } /* garante layout inline */