/* DIE VORSCHLAGSLISTE — EIN BAUSTEIN FÜR MERCOFINA, GO UND DEN MITGLIEDERBEREICH (26.10.2026, Regelwerk
   `vorschlaege-kommen-aus-unserer-liste`; Michael: „zudem kommt eine Browser Auswahl und nicht unsere eigene, prüf das
   bitte überall“). Verhalten: frontend/js/vorschlagListe.js. Mercofina und GO laden diese Datei über style.css, der
   Webauftritt als /assets/vorschlag-liste.css (shop/routes/app.js). Die Farben kommen aus dem Thema der Oberfläche
   (Mercofina: --card-2/--fg/--line-2, Shop: --card/--light/--card-border), wie beim „i“ (info-zeichen.css).

   Die Liste hängt am `body` und liegt fest über allem, was ein Feld umgibt (Fenster, Tabellen mit Bildlauf) — über dem
   Feld-Blatt (10500), unter dem Ablage-Schleier (20000). */
.vorschlag-liste{
  position:fixed;z-index:10600;max-height:min(280px,45vh);overflow:auto;overscroll-behavior:contain;
  background:var(--card-2,var(--card,#fff));color:var(--fg,var(--light,var(--text,inherit)));
  border:1px solid var(--line-2,var(--card-border,rgba(127,127,127,.45)));border-radius:8px;
  box-shadow:0 10px 28px rgba(0,0,0,.22);font-size:15px;
}
.vorschlag-liste[hidden]{display:none}
/* Am Handy mindestens 24 px Tippfläche (WCAG 2.5.8) — mit dem Innenrand sind es gut 36 px. */
.vl-eintrag{padding:8px 12px;cursor:pointer;line-height:1.4;word-break:break-word;
  border-bottom:1px solid var(--line,rgba(127,127,127,.18));-webkit-tap-highlight-color:transparent}
.vl-eintrag:last-child{border-bottom:0}
.vl-eintrag:hover,.vl-eintrag.aktiv{background:var(--accent-dim,color-mix(in srgb,var(--accent,#888) 18%,transparent))}
.vl-eintrag.gewaehlt{font-weight:600}
.vl-mehr{padding:6px 12px;font-size:12px;opacity:.7}