.label {margin-right:5px;margin-bottom:5px !important;display:inline-block;}
#wrapper { position: relative; }

/* ==========================================================================
   PAGINAÇÃO — Correção global (AdminLTE + Bootstrap 4)
   Garante que SVGs e ícones da paginação nunca herdem tamanhos gigantes.
   Aplica visual profissional e responsivo em todas as listagens.
   ========================================================================== */

/* Container */
.pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 0;
    margin: 0;
    list-style: none;
    border-radius: 0.25rem;
    gap: 2px;
}

/* Botões individuais */
.pagination .page-link {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    font-size: 13px;
    line-height: 1;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 4px !important;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.pagination .page-link:hover {
    color: #0056b3;
    background-color: #e9ecef;
    border-color: #dee2e6;
    text-decoration: none;
}

.pagination .page-link:focus {
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.25);
}

.pagination .page-item.active .page-link {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.pagination .page-item.disabled .page-link {
    color: #6c757d;
    background-color: #fff;
    border-color: #dee2e6;
    pointer-events: none;
    cursor: default;
}

/* Ícones FontAwesome dentro da paginação */
.pagination .page-link i,
.pagination .page-link .fas,
.pagination .page-link .far,
.pagination .page-link .fab {
    font-size: 11px !important;
    line-height: 1 !important;
    vertical-align: middle;
}

/* SVGs dentro da paginação (caso alguma view Tailwind seja renderizada) */
.pagination svg,
.pagination .page-link svg {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    display: inline-block;
    vertical-align: middle;
}

/* Paginação no rodapé de cards (d-flex justify-content-between) */
.card-footer .pagination {
    margin-bottom: 0;
}

.card-footer nav {
    display: inline-block;
}

/* Remove margens extra de versão .pagination-sm já aplicada no bootstrap */
.pagination.pagination-sm .page-link {
    min-width: 28px;
    height: 28px;
    font-size: 12px;
    padding: 0 7px;
}

/* Mobile: paginação menor */
@media (max-width: 575.98px) {
    .pagination .page-link {
        min-width: 28px;
        height: 28px;
        padding: 0 6px;
        font-size: 12px;
    }
}