/* Searchable dropdowns (Tom Select) under this app's skin.
 *
 * The skin gives .form-select / .form-control AND .panel-card a cut-corner
 * clip-path, and .panel-card overflow:hidden. Tom Select copies the select's
 * classes onto its wrapper and draws the open list inside that wrapper, so the
 * list was clipped to nothing: the field opened, held every option, and showed
 * none of them (2026-09-28, asset form: "employees are blank", "unable to edit
 * the type"). While a list is open, lift the clipping on the wrapper and on
 * the card/dialog around it, and raise that card above its later siblings so
 * the list can overlap the next card. Closed fields keep the skin's shape.
 */
.ts-wrapper.dropdown-active,
.panel-card:has(.ts-wrapper.dropdown-active),
.modal-content:has(.ts-wrapper.dropdown-active) {
    clip-path: none !important;
    overflow: visible !important;
}
.panel-card:has(.ts-wrapper.dropdown-active) {
    position: relative;
    z-index: 20;
}
/* The skin also layers each child of a card (z-index: 1), so the list inside
   one child (the filter form, a form grid) was painted over by the next
   child. Lift the child holding the open list above its siblings. */
.panel-card > *:has(.ts-wrapper.dropdown-active),
.modal-body > *:has(.ts-wrapper.dropdown-active) {
    position: relative;
    z-index: 30;
}
.ts-dropdown {
    z-index: 1060;
}