/* Picker — выпадашка автокомплита. Рендерится в <body>, поэтому позиция
   задаётся из JS (left/top/width), а здесь только оформление.
   z-index выше стека модалок (main.js раздаёт им 1000+). */
.picker-dropdown {
  position: absolute;
  display: none;
  z-index: 3000;
  max-height: 280px;
  overflow-y: auto;
  background: var(--card-bg);
  border: 1px solid var(--border, #e5e5ea);
  border-radius: var(--radius-sm, 8px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
  padding: 4px;
}

.picker-dropdown.is-open { display: block; }

.picker-item {
  padding: 7px 10px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1.3;
}

.picker-item:hover,
.picker-item.is-active { background: var(--accent-light, rgba(0, 122, 255, 0.08)); }

.picker-item-name { font-size: 13px; color: var(--text, #1d1d1f); }
.picker-item-sub { font-size: 11px; color: var(--text-secondary, #86868b); }

.picker-empty {
  padding: 10px;
  font-size: 12px;
  color: var(--text-secondary, #86868b);
  text-align: center;
}