/**
 * Componente Main - ESTILO UNIFICADO PARA TODAS AS P�GINAS V2
 * Baseado no design do backoffice-front
 * 
 * Todos os imports est�o sendo feitos no helper @adm/backoffice-style/componentes/helpers/main-css.php
 */

p{
    margin: 0;
    font-size: var(--font-size-base);
}

a {
    color: var(--color-primary);
    text-decoration: none;
}

.shadow-0{
    box-shadow: none !important;
}

a:hover {
    color: var(--color-primary-hover);
} 


.table>:not(:first-child){
    border-top: none !important;
}
/* Reset e base */
* {
    box-sizing: border-box;
}

/* Container principal - ocupar tela toda */
.main-content {
    padding: var(--spacing-6) var(--spacing-8);
    max-width: none;
    width: 100%;
}

/* Utilit�rios */
.ml-2, .mx-2 {
    margin-left: 0.75rem !important;
}
.mr-2, .mx-2 {
    margin-right: 0.75rem !important;
}
.mb-3 { margin-bottom: var(--spacing-4); }
.mb-4 { margin-bottom: var(--spacing-6); }
.mt-3 { margin-top: var(--spacing-4); }
.mt-4 { margin-top: var(--spacing-6); }
.d-flex { display: flex; }
.justify-content-between { justify-content: space-between; }
.justify-content-end { justify-content: flex-end; }
.align-items-center { align-items: center; }
.gap-3 { gap: var(--spacing-3); }
.gap-2 { gap: var(--spacing-2); }
.gap-1 { gap: var(--spacing-1); }
.divider-v {
    width: 1px;
    height: 24px;
    background: var(--border-soft);
    display: inline-block;
}
.w-100 { width: 100%; }
.h-100 { height: 100%; }

.text-base {
    color: var(--text-base);
    font-size: var(--font-size-base);
}

/* Bloco ao lado do select: duas linhas alinhadas como no padr�o */
.pagination-meta {
    display: flex;
    flex-direction: column;
    margin-left: var(--spacing-3);
    line-height: 1.1;
}
.pagination-meta .text-muted:first-child { margin-bottom: 2px; }

/* Grid system */
.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--spacing-3));
    margin-right: calc(-1 * var(--spacing-3));
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
}

.col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: var(--spacing-3);
    padding-right: var(--spacing-3);
}

@media (max-width: 768px) {
    .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Responsividade */
@media (max-width: 768px) {
    .main-container {
        padding: 0 var(--spacing-2);
    }
}


/* === PAGINA��O - REGRAS DO BACKOFFICE === */
.pagination .page-link {
    border-radius: 50% !important; /* Forma circular */
    margin: 0 0.25rem; /* Espa�amento uniforme 0.5rem total */
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border: 0px solid var(--pagination-border-color) !important; /* Borda leve (c�rculo) */
    transition: all 0.3s ease; /* Transi��o suave */
}

/* Paginas numericas e setas - fundo transparente, texto azul */
.pagination .page-item:not(.active):not(.disabled) .page-link {
    background-color: transparent !important;
    color: var(--text-muted) !important; /* Texto azul */
    box-shadow: none !important;
}

/* Hover para p�ginas num�ricas e setas - fundo cinza claro igual as retic�ncias */
.pagination .page-item:not(.active):not(.disabled) .page-link:hover {
    background-color: var(--pagination-hover-bg) !important; /* Mesmo fundo das reticencias */
    color: var(--pagination-hover-color) !important; /* Texto escuro no hover */
    cursor: pointer !important;
    box-shadow: none !important;
}

/* Pagina atual - fundo azul, texto branco, forma circular */
.pagination .page-item.active .page-link {
    background-color: var(--pagination-active-bg) !important; /* Fundo azul */
    color: var(--pagination-active-color) !important; /* Texto branco */
    box-shadow: none !important;
    border-color: var(--pagination-active-border-color) !important; /* Borda azul para manter o c�rculo */
}

/* Reticencias - fundo cinza claro, texto escuro, sem hover */
.pagination .page-item.disabled .page-link, .pagination .page-item.disabled .page-link:hover {
    background-color: var(--pagination-disabled-bg) !important; /* Fundo neutro */
    color: var(--pagination-disabled-color) !important; /* Texto cinza */
    cursor: default !important; /* Cursor padr�o */
    box-shadow: none !important;
}

/* Pagina��o responsiva (mobile) */
@media (max-width: 576px) {
    .pagination-bar {
        flex-direction: column !important;
        align-items: center !important;
        gap: var(--spacing-2) !important;
    }
    .pagination-bar .pagination {
        justify-content: center !important;
        flex-wrap: wrap;
        margin-top: 1rem;
    }
    .pagination .page-link {
        min-width: 28px;
        height: 28px;
        font-size: 12px;
        margin: 0 0.2rem 0.2rem;
    }

    .only-md {
        display: none !important;
    }
    .pagination-desktop { display: none !important; }
    .pagination-mobile { display: flex !important; }
}

/* Desktop default: esconder mobile */
.pagination-mobile { display: none; }