.bootstrap-select {
    border: 1px solid #ced4da;
}

/* Item selecionado/em destaque em azul (primary do Bootstrap), como no select nativo — definição do produto na
   TECH-6942; o verde fica para feedbacks e botões. */
.bootstrap-select .dropdown-menu li a:focus,
.bootstrap-select .dropdown-menu li a.active,
.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li a:hover {
    background-color: var(--primary) !important;
    color: #fff;
}

.dropdown-menu .show {
    width: 386px;
}

.dark-theme .bootstrap-select .btn {
    background-color: #666666;
    color: var(--dark-text-light);
    border-color: #666666;
}

.dark-theme .bootstrap-select .no-results {
    background-color: var(--dark-bg-select);
}

.form-control-transparent:disabled, 
.form-control-transparent[readonly] {
    background-color: inherit;
}

.bootstrap-select .disabled {
    background-color: #f8f9fa;
}

/* Lista aberta compacta, com fonte e altura de item próximas às do select nativo (padrão do bootstrap-select:
   16px, 32px por item, recuo de 24px). Selects .form-control-sm usam a variante .bootstrap-select-sm. */
.bootstrap-select .dropdown-menu {
    padding: .25rem 0;
}

.bootstrap-select .bs-searchbox {
    padding: 0 .25rem .25rem;
}

.bootstrap-select .bs-searchbox .form-control {
    height: auto;
    padding: .125rem .5rem;
    font-size: 1rem;
}

.bootstrap-select .dropdown-menu li a {
    padding: .0625rem .5rem;
    font-size: 1rem;
    line-height: 1.5;
}

.bootstrap-select .no-results {
    margin: 0;
    padding: .125rem .5rem;
    font-size: 1rem;
}

.bootstrap-select.bootstrap-select-sm .bs-searchbox .form-control,
.bootstrap-select.bootstrap-select-sm .dropdown-menu li a,
.bootstrap-select.bootstrap-select-sm .no-results {
    font-size: .875rem;
}

/* Tema escuro: o item desabilitado recebia o fundo claro de '.bootstrap-select .disabled' com o texto claro do
   tema e ficava ilegível; fica sem fundo e com o cinza de placeholder do tema. */
.dark-theme .bootstrap-select .dropdown-menu li.disabled,
.dark-theme .bootstrap-select .dropdown-menu li.disabled a {
    background-color: transparent;
    color: #c2c2c2;
}

/* Com data-container="body" (ex.: ações do chatbot) o menu fica no body com a largura do select, e a regra
   '.dropdown-menu .show' acima (386px) deixava a lista desalinhada dele. */
.bs-container .dropdown-menu .inner.show {
    width: auto;
}