/* CORREÇÃO DE SCROLL NOS SELECTS DO DASHBOARD - V2 */

/*
    Força a remoção de scroll horizontal na página inteira.
    Isso é seguro no dashboard pois ele deve ser responsivo.
*/
html,
body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

/* Garante que o container principal também não vaze */
#layout-wrapper {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

/* REGRAS ESPECÍFICAS PARA OS SELECTS DO DASHBOARD */

/* Limita largura do container do Select2 para não empurrar o layout */
.col-sm-auto .input-group .select2-container {
    max-width: 300px !important;
    /* Limite razoável para desktop */
}

@media (max-width: 768px) {
    .col-sm-auto .input-group .select2-container {
        max-width: 100% !important;
        /* Mobile usa largura total */
    }
}

/* Corrige altura e estilo do input do Select2 para alinhar com o botão de calendário */
.col-sm-auto .input-group .select2-container--default .select2-selection--single {
    height: 38px !important;
    border-color: #e2e5e8 !important;
    /* Cor padrão do template */
    display: flex;
    align-items: center;
}

.col-sm-auto .input-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal !important;
    padding-left: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.col-sm-auto .input-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
    top: 1px !important;
}

/*
    DROPDOWN:
    O dropdown é anexado ao body (position: absolute).
    Precisamos garantir que ele não seja mais largo que a tela.
*/
.select2-dropdown {
    max-width: 90vw !important;
    /* Margem de segurança */
    overflow-x: hidden !important;
    border-color: #e9ecef !important;
    box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12) !important;
}

/* Ajustes visuais para opções */
.select2-results__option {
    padding: 8px 12px !important;
    font-size: 13px !important;
}

/* Destaque no hover igual ao tema */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #405189 !important;
    /* Cor primária do tema Velzon */
}

/* Scroll vertical suave dentro do dropdown */
.select2-results__options {
    max-height: 250px !important;
    /* Altura razoável antes de scrollar */
    overflow-y: auto !important;
    scrollbar-width: thin;
}

/* Se por acaso oSelect2 adicionar classes no body (algumas versões fazem) */
body.select2-open {
    overflow: hidden !important;
    /* Mata qualquer scroll durante a seleção */
}