/* Force Filament/Choices searchable selects to inherit wrapper theme (fixes white bar in dark mode). */

.fi-fo-select .choices,
.fi-fo-select .choices__inner,
.choices__inner,
.choices[data-type*='select-one'] .choices__inner,
.choices[data-type*='select-multiple'] .choices__inner {
    background: transparent !important;
    background-color: transparent !important;
    color: inherit !important;
}

.fi-fo-select .choices__input,
.choices__input,
.choices__input--cloned,
.choices[data-type*='select-one'] .choices__input {
    background: transparent !important;
    background-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
}

.choices__list--single .choices__item,
.choices__item,
.fi-fo-select .choices__item {
    color: inherit !important;
}

.choices__placeholder,
.choices__placeholder.choices__item {
    color: inherit !important;
    opacity: 0.6 !important;
}

/* Dark mode explicit fallbacks (html.dark + .dark) */
html.dark .fi-fo-select .choices__inner,
html.dark .choices__inner,
.dark .fi-fo-select .choices__inner,
.dark .choices__inner,
html.dark .choices__input,
.dark .choices__input {
    background: transparent !important;
    background-color: transparent !important;
    color: rgb(243 244 246) !important;
}

html.dark .choices__list--single .choices__item,
.dark .choices__list--single .choices__item,
html.dark .choices__item,
.dark .choices__item {
    color: rgb(243 244 246) !important;
}

html.dark .choices__list--dropdown,
html.dark .choices__list[aria-expanded],
.dark .choices__list--dropdown,
.dark .choices__list[aria-expanded] {
    background-color: rgb(17 24 39) !important;
    color: rgb(243 244 246) !important;
}

html.dark .choices__list--dropdown .choices__item--selectable.is-highlighted,
.dark .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: rgb(55 65 81) !important;
    color: #fff !important;
}

html.dark .fi-input-wrp.bg-white,
.dark .fi-input-wrp.bg-white,
html.dark .fi-fo-select .fi-input-wrp,
.dark .fi-fo-select .fi-input-wrp {
    background-color: rgb(255 255 255 / 0.05) !important;
}