/* Only explicitly selected dropdown panels */

/* Medium dropdown */
.fi-dropdown-panel[role="listbox"].app-dropdown-medium {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    max-height: 400px !important;
    overflow-y: auto !important;
}

/* Wide dropdown */
.fi-dropdown-panel[role="listbox"].app-dropdown-wide {
    width: 600px !important;
    min-width: 600px !important;
    max-width: 600px !important;
    max-height: 400px !important;
    overflow-y: auto !important;
}

/* Wider dropdown */
.fi-dropdown-panel[role="listbox"].app-dropdown-wider {
    width: 700px !important;
    min-width: 700px !important;
    max-width: 700px !important;
    max-height: 400px !important;
    overflow-y: auto !important;
}


/* Widest dropdown */
.fi-dropdown-panel[role="listbox"].app-dropdown-widest {
    width: min(1000px, calc(100vw - 32px)) !important;
    min-width: min(1000px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    max-height: 500px !important;
    overflow-y: auto !important;
}

/* Keep option text on one line */
.fi-dropdown-panel[role="listbox"].app-dropdown-medium [role="option"],
.fi-dropdown-panel[role="listbox"].app-dropdown-wide [role="option"],
.fi-dropdown-panel[role="listbox"].app-dropdown-wider [role="option"],
.fi-dropdown-panel[role="listbox"].app-dropdown-widest [role="option"] {
    white-space: nowrap !important;
}