/*
 * MudBlazor applies a 300px inline max-height to selection popovers by default.
 * Keep selection dropdowns responsive without changing action or navigation menus.
 */
.mud-popover:has(> .mud-list),
.mud-popover:has(> .mud-list-extended) {
    max-height: 100% !important;
}

.mud-popover>.mud-list,
.mud-popover>.mud-list-extended {
    height: fit-content;
    max-height: min(40vh, calc(100vh - 16px)) !important;
    overflow-y: auto;
}

@supports (height: 100dvh) {

    .mud-popover>.mud-list,
    .mud-popover>.mud-list-extended {
        max-height: min(40dvh, calc(100dvh - 16px)) !important;
    }
}