#cityFilter {
    position: relative;
}

.city-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;

    max-height: 220px;
    overflow-y: auto;

    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.city-dropdown.active {
    display: block;
}

.city-dropdown__item {
    padding: 10px 12px;
    cursor: pointer;
}

.city-dropdown__item:hover {
    background: #f2f5fa;
}

/* Оверлей на всю высоту экрана */
.modal-background_drawer {
    inset: 0;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;          /* скроллится только body внутри модалки */
    align-items: stretch;
}

/* Сам drawer — flex-колонка на всю высоту */
.modal-background_drawer .modal__container_drawer {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    min-height: 0;
}

/* Шапка и футер не сжимаются */
.modal__container_drawer .modal__header,
.modal__container_drawer .modal__footer {
    flex: 0 0 auto;
}

/* Тело занимает всё остальное и скроллится */
.modal__container_drawer .modal__body {
    flex: 1 1 auto;
    min-height: 0;             /* ключевая строка, без неё overflow не сработает */
    overflow-y: auto;
}

/* Футер всегда внизу */
.modal__container_drawer .modal__footer {
    margin-top: 0;
    background: inherit;
}

.user__header {
    font-size:14px;
}

.select-search .input-box-wrapp {
    position: relative;
}

.select-search__input {
    width: 100%;
    padding-right: 44px;
    cursor: text;
}

.select-search__icon {
    position: absolute;
    top: 50%;
    right: var(--spacing-5);
    transform: translateY(-50%);
    pointer-events: none;
}

/* список поверх соседних полей */
.select-search .select__body {
    z-index: 10;
}

/* сообщения «Загрузка...» / «Ничего не найдено» */
.select__item_empty {
    color: var(--color-gray);
    cursor: default;
    pointer-events: none;
}