/*
 * Styles for ModernPopup.initSearchableSelect (see modern-popup.js) - the plain
 * search-input + results-dropdown combobox used in place of Syncfusion/Kendo
 * filterable dropdowns across the converted Add/Edit popups.
 */
.sdp-search-wrap {
    position: relative;
}

.sdp-search-results {
    position: absolute;
    z-index: 1060;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 2px;
    max-height: 220px;
    overflow-y: auto;
    background: var(--vz-secondary-bg);
    border: 1px solid var(--vz-border-color);
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(20, 52, 84, .12);
}

.sdp-search-results .sdp-search-item {
    padding: 8px 12px;
    font-size: 13px;
    cursor: pointer;
    border-bottom: 1px solid #f1f4f8;
}

.sdp-search-results .sdp-search-item:last-child {
    border-bottom: none;
}

.sdp-search-results .sdp-search-item:hover,
.sdp-search-results .sdp-search-item.active {
    background: #FDE8C8;
}

.sdp-search-results .sdp-search-empty {
    padding: 8px 12px;
    font-size: 13px;
    color: #8a97a8;
}

/*
 * Styles for ModernPopup.makeFilterable - wraps a plain, already-populated <select>
 * with a type-to-filter text input, reusing the .sdp-search-results dropdown look above.
 */
.modern-filterable-wrap {
    position: relative;
}

.modern-filterable-wrap select.modern-filterable-native {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
}

.modern-filterable-input {
    cursor: text;
}