/**
 * Подсказки городов DaData под оформление v2 (#485).
 *
 * Вендорный dadata-suggestions.min.css рисует список с серой рамкой #999 и
 * без скруглений — рядом с нашими полями это выглядит чужеродно. Здесь только
 * внешний вид: разметку и поведение делает сам виджет.
 */

.suggestions-suggestions {
    background: var(--color-surface-elev);
    border: 1px solid var(--color-border);
    border-radius: 0.375rem;
    box-shadow: 0 10px 30px -10px rgb(15 23 42 / 0.25);
    overflow: hidden;
    margin-top: 4px;
    color: var(--color-text);
}

.suggestions-suggestion {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.35;
}

.suggestions-suggestion:hover,
.suggestions-suggestion.suggestions-selected {
    background: var(--color-surface);
}

/* Подсветка совпавшей части запроса */
.suggestions-suggestion strong {
    font-weight: 600;
    color: var(--color-brand-700);
}

/* «Выберите вариант или продолжите ввод» */
.suggestions-hint {
    padding: 0.4rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1.3;
    color: var(--color-text-muted);
    border-bottom: 1px solid var(--color-border);
}

.suggestions-wrapper {
    /* Поле внутри grid-колонки: список не должен растягивать её. */
    display: block;
}