/* Fähigkeits-Vorschläge (Eigentümer 28.09.2026): schmale Zeile direkt unter der
   Eingabeleiste im Gespräch. Nur opacity/transform animiert (siehe .vorschlag-chip),
   keine style-Attribute - alles hier, CSP style-src 'self' bleibt unberührt. */
:root{--vorschlag-akzent:#FF8A1A}
.vorschlag-row{margin-top:8px;display:flex;align-items:center;gap:6px}
.vorschlag-row.hidden{display:none}
.vorschlag-chip{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:40px;
  padding:8px 12px;border:1px solid var(--vorschlag-akzent);border-radius:14px;
  background:#ffffff08;color:var(--text);font-size:12px;text-align:left;
  opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}
.vorschlag-chip.hidden{display:none}
.vorschlag-chip.vorschlag-fade{opacity:0;transform:translateY(4px)}
.vorschlag-chip:hover,.vorschlag-chip:focus-visible{background:#ff8a1a1f}
.vorschlag-icon{flex-shrink:0;width:15px;height:15px;stroke:var(--vorschlag-akzent);fill:none}
.vorschlag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
/* Claude 04.10.2026 (Etappe 66, A-083): Tippfläche ≥ 40 px */
.vorschlag-close{flex-shrink:0;min-width:40px;min-height:40px;border-radius:50%;
  color:var(--muted);font-size:15px;line-height:1}
.vorschlag-close:hover,.vorschlag-close:focus-visible{color:var(--vorschlag-akzent)}
@media(prefers-reduced-motion:reduce){.vorschlag-chip{transition:none}}