/* Выпадающие подсказки под строкой ввода: поле «Город» сделки
   (static/crm/city_picker.js) и поиск клиента — «Компания», «Клиент»,
   «Главный контакт» (static/crm/select_suggest.js). Вид один на оба. */
.city-picker, [data-select-suggest] { position: relative; }
.city-picker { display: block; }
.city-picker > input[type="text"] { width: 100%; box-sizing: border-box; }
.city-picker__list, .suggest-list {
  position: absolute; left: 0; right: 0; z-index: 1000;
  max-height: 260px; overflow-y: auto; margin-top: 2px;
  background: var(--crm-surface, #f7f9fb); border: 1px solid var(--crm-border, #c6cdd3);
  border-radius: var(--crm-radius, 4px); box-shadow: var(--crm-shadow, 0 4px 12px rgba(0, 0, 0, .12));
}
.city-picker__list { top: 100%; }
.city-picker__item, .city-picker__note, .suggest-item, .suggest-note {
  padding: 6px 10px; font-size: 13px; line-height: 1.3;
}
.city-picker__item, .suggest-item { cursor: pointer; }
.city-picker__item.is-active, .city-picker__item:hover,
.suggest-item.is-active, .suggest-item:hover { background: var(--crm-primary-light, #e3f1fd); }
.city-picker__note, .suggest-note, .suggest-item--empty { color: var(--crm-text-muted, #6b7785); }
/* Селект поиска клиента только несёт значение: выбирают из подсказок, а
   подпись «показаны первые 30» переезжает в сам список. */
[data-select-suggest] [data-suggest-select], [data-select-suggest] [data-suggest-more] { display: none; }
/* В окнах (конвертация лида на доске и в карточке) всплывающий список
   обрезается краем окна — там он раздвигает окно. */
dialog .city-picker__list, .lead-modal .city-picker__list { position: static; }