/* Match Choices.js select highlight to the Filament primary (focus) blue.
   !important beats Filament forms.css, which loads later with the same selectors. */
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: rgba(var(--primary-600), 1) !important;
    color: #fff !important;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:is(.dark *),
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted:is(.dark *) {
    background-color: rgba(var(--primary-500), 1) !important;
    color: #fff !important;
}

/*
 * Picker creation actions mount a second Filament modal inside the open picker
 * modal. Filament gives both modal layers z-40, which leaves the child form
 * behind the picker. Raise only nested, open modal layers so standalone modals
 * retain Filament's normal stacking order.
 */
.fi-modal.fi-modal-open .fi-modal.fi-modal-open > div > .fi-modal-close-overlay,
.fi-modal.fi-modal-open .fi-modal.fi-modal-open > div > .fixed.inset-0 {
    z-index: 50 !important;
}