/*
 * NestedSelects dropdown panel gets clipped when the component sits inside
 * a modal: Bootstrap's .modal-content sets overflow:hidden (to respect the
 * rounded corners) and the theme also forces .modal-body{overflow-y:auto}
 * unconditionally, so both ancestors cut off the 360px-tall dropdown panel
 * before it can render. Only relax them when a nested-select is present.
 */
.modal-content:has(.x-nested-selects-component) {
    overflow: visible;
}

.modal-body:has(.x-nested-selects-component) {
    overflow: visible;
}

.x-nested-selects-options-container.dropdown-menu {
    z-index: 1080;
}