/* Durchsuchbare Listen in Survey-Feldern (survey_suche.js). Farben aus den Theme-Variablen von layout.css. */
.ss { position: relative; }
.ss-eingabe { width: 100%; }
.ss-panel {
  position: absolute; left: 0; right: 0; top: 100%; z-index: 40; margin-top: 2px;
  max-height: 16rem; overflow-y: auto;
  background: var(--c-surface); color: var(--c-text);
  border: 1px solid var(--c-border-stark); border-radius: 0.375rem; box-shadow: var(--schatten-gross);
}
.ss-panel[hidden] { display: none; }
.ss-eintrag {
  display: block; width: 100%; text-align: left; padding: 0.25rem 0.5rem; font-size: 0.875rem;
  background: transparent; color: inherit; border: 0; cursor: pointer;
}
.ss-eintrag:hover, .ss-eintrag[aria-selected="true"] { background: var(--c-akzent-weich); }
.ss-hinweis { padding: 0.25rem 0.5rem; font-size: 0.75rem; color: var(--c-muted); }
.ss-gruppe { padding: 0.35rem 0.5rem 0.15rem; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--c-muted); border-top: 1px solid var(--c-border, #e5e7eb); }
.ss-gruppe:first-child { border-top: 0; }
.ss-leiste { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-bottom: 0.25rem; font-size: 0.75rem; color: var(--c-muted); }
.ss-leiste input { flex: 1 1 10rem; min-width: 8rem; }
.ss-leiste button { background: none; border: 0; padding: 0; color: var(--c-akzent); cursor: pointer; text-decoration: underline; font-size: 0.75rem; }