/* Searchable dropdown popover (see static/searchselect.js). Uses the theme
   tokens, so it follows light/dark, and the same monospace face as the
   dropdowns it belongs to. */
.ss-pop {
  position: fixed; z-index: 10000; background: var(--surface-1); color: var(--text-primary);
  border: 1px solid var(--border-strong, var(--border)); border-radius: 8px;
  box-shadow: var(--shadow-lg); overflow: hidden;
  font-family: var(--font-select, monospace); font-size: 12px;
}
.ss-search {
  display: block; width: 100%; box-sizing: border-box; padding: 9px 11px; border: none;
  border-bottom: 1px solid var(--border); background: var(--surface-2, var(--surface-1));
  color: var(--text-primary); font: inherit; outline: none; border-radius: 0; min-height: 0;
}
.ss-search:focus { outline: none; box-shadow: inset 0 -2px 0 var(--series-1); }
.ss-list { overflow-y: auto; padding: 4px; }
.ss-item { padding: 6px 9px; border-radius: 5px; cursor: pointer; line-height: 1.35; word-break: break-word; }
.ss-item.active { background: var(--accent-tint, rgba(91, 91, 214, .12)); }
.ss-item.sel { font-weight: 700; }
.ss-item.disabled { opacity: .45; cursor: not-allowed; }
.ss-grp { padding: 7px 9px 2px; font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--text-muted); }
.ss-empty { padding: 9px; color: var(--text-muted); font-size: 11.5px; }
.ss-hint { color: var(--text-muted); font-size: 11px; }
.ss-combo .ss-list { padding-top: 4px; }