/* HEADER DA DATATABLE */
.tabela-2026 .ui-datatable thead th {
    background: linear-gradient(180deg, #f7f8fd 0%, #eef1fa 100%) !important;
    color: #4b5570 !important;
    border-bottom: 1px solid #dde3f0 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .4px;
}

/* ZEBRA DAS LINHAS */
.tabela-2026 .ui-datatable-data tr:nth-child(even) td {
    background: #fafbff;
}

/* HOVER DA LINHA */
.tabela-2026 .ui-datatable-data tr:hover td {
    background: #f3f0ff;
}

/* PAGINADOR */
.tabela-2026 .ui-paginator {
    background: #ffffff;
    border-top: 1px solid #e6e9f2;
}

.tabela-2026 .ui-paginator-page.ui-state-active {
    background: #5b3fb5;
    color: white;
}

/* HEADER DA DATATABLE - MAIS FORTE */
.tabela-2026.ui-datatable table thead tr th,
.tabela-2026.ui-datatable .ui-datatable-tablewrapper table thead tr th,
.tabela-2026.ui-datatable thead th.ui-state-default {
    background: linear-gradient(180deg, #f7f8fd 0%, #eef1fa 100%) !important;
    color: #4b5570 !important;
    border-top: 1px solid #dde3f0 !important;
    border-bottom: 1px solid #dde3f0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: .4px !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

/* TEXTO DO HEADER */
.tabela-2026.ui-datatable thead th.ui-state-default span,
.tabela-2026.ui-datatable thead th.ui-state-default .ui-column-title,
.tabela-2026.ui-datatable thead th.ui-state-default div {
    color: #4b5570 !important;
}

/* =========================================================
   PAGINAÇÃO DATATABLE - PADRÃO 2026
   Sobrescrever no final do CSS
   ========================================================= */

.tabela-2026 .ui-paginator {
    background: #ffffff !important;
    border-top: 1px solid #e6e9f2 !important;
    padding: .75rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .75rem;
    flex-wrap: wrap;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

/* bloco de páginas / botões */
.tabela-2026 .ui-paginator-pages,
.tabela-2026 .ui-paginator-first,
.tabela-2026 .ui-paginator-prev,
.tabela-2026 .ui-paginator-next,
.tabela-2026 .ui-paginator-last {
    vertical-align: middle !important;
}

/* botões do paginador */
.tabela-2026 .ui-paginator .ui-paginator-page,
.tabela-2026 .ui-paginator .ui-paginator-first,
.tabela-2026 .ui-paginator .ui-paginator-prev,
.tabela-2026 .ui-paginator .ui-paginator-next,
.tabela-2026 .ui-paginator .ui-paginator-last {
    min-width: 2.2rem !important;
    height: 2.2rem !important;
    line-height: 2.1rem !important;
    margin: 0 .12rem !important;
    border: 1px solid #d9e2ef !important;
    background: #ffffff !important;
    color: #475569 !important;
    border-radius: 10px !important;
    text-align: center !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: all .2s ease !important;
}

/* hover */
.tabela-2026 .ui-paginator .ui-paginator-page:hover,
.tabela-2026 .ui-paginator .ui-paginator-first:hover,
.tabela-2026 .ui-paginator .ui-paginator-prev:hover,
.tabela-2026 .ui-paginator .ui-paginator-next:hover,
.tabela-2026 .ui-paginator .ui-paginator-last:hover {
    background: #f6f8ff !important;
    border-color: #cdd8ea !important;
    color: #334155 !important;
    transform: translateY(-1px);
}

/* página ativa */
.tabela-2026 .ui-paginator .ui-paginator-page.ui-state-active {
    background: #5557CD !important;
    border-color: #5557CD !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 14px rgba(85, 87, 205, 0.20) !important;
}

/* estado desabilitado */
.tabela-2026 .ui-paginator .ui-state-disabled,
.tabela-2026 .ui-paginator .ui-paginator-first.ui-state-disabled,
.tabela-2026 .ui-paginator .ui-paginator-prev.ui-state-disabled,
.tabela-2026 .ui-paginator .ui-paginator-next.ui-state-disabled,
.tabela-2026 .ui-paginator .ui-paginator-last.ui-state-disabled {
    opacity: .45 !important;
    cursor: default !important;
    box-shadow: none !important;
}

/* texto "Exibindo..." */
.tabela-2026 .ui-paginator .ui-paginator-current,
.tabela-2026 .ui-paginator .ui-paginator-rpp-options {
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* select de rows per page */
.tabela-2026 .ui-paginator .ui-paginator-rpp-options {
    border: 1px solid #d9e2ef !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    padding: .35rem .55rem !important;
    box-shadow: none !important;
}

/* ícones/setas */
.tabela-2026 .ui-paginator .ui-icon {
    opacity: .8;
}

/* responsivo */
@media (max-width: 768px) {
    .tabela-2026 .ui-paginator {
        justify-content: center !important;
        padding: .75rem !important;
    }

    .tabela-2026 .ui-paginator .ui-paginator-current {
        width: 100%;
        text-align: center;
        margin-bottom: .35rem;
    }
}