/* Placeholder */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #9ca3af !important;
}

/* Texto selecionado */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white !important;;
}

/* Seta */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: white transparent transparent transparent !important;
}

/* Itens da lista */
.select2-container--default .select2-results__option {
    background-color: #1f2937 !important;;
    color: white !important;;
}

/* Item destacado (hover) */
.select2-container--default .select2-results__option--highlighted {
    background-color: #4b5563 !important;;
    color: white !important;;
}

.select2-container--default .select2-selection--single {
    background-color: rgba(55, 65, 81, 0.5) !important; /* mesmo fundo do input */
    color: white !important;               /* texto branco */
    border: 1px solid #4b5563 !important; /* mesma borda */
    border-radius: 0.375rem !important;   /* borda arredondada */
    height: 35px !important;              /* altura consistente */
    padding: 0 0.25rem !important;        /* padding horizontal igual ao input */
    display: flex !important;             /* garante alinhamento vertical */
    align-items: center !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: rgba(55, 65, 81) !important; /* mesmo fundo do input */
    color: white !important;                               /* texto branco */
    border: 1px solid #4b5563 !important;                 /* mesma borda */
    border-radius: 0.375rem !important;                   /* borda arredondada */
    padding: 0.5rem 0.75rem !important;                   /* padding consistente */
    width: 100% !important;
}

/* Estilizar o campo select */
select {
    background-color: rgba(55, 65, 81, 0.5) !important; /* bg-gray-700 */
    color: #fff;
}

/* Estilizar as opções */
select option {
    background-color: #374151; /* cinza escuro */
    color: #fff;
}

/* Quando a opção está selecionada/hover */
select option:checked,
select option:hover {
    background-color: #374151; /* bg-gray-800 */
    color: #fff;
}