/* Runde 2q: Führerausweis-Kategorien und Zulassungen (Kandidat bearbeiten, Matching, Einsatz-Radar, Suche im Berufsfeld), Etikett «verwandt».
   Nur Klassen mit Präfix .fa-, bestehende Bausteine (.wahl, .tag.small, .el-form) bleiben wie sie sind. Rot nie, «verwandt» neutral ohne Farbton. */

/* Kandidat bearbeiten, Teil Beruf: zwei Fieldsets unter dem Freitext Führerausweis */
.fa-feld .fa-wahl { margin-top: 6px; }
.fa-wahl { border-radius: 16px; }
.fa-wahl button { min-width: 42px; }
.fa-weitere { margin-top: 8px; font-size: 13px; color: var(--muted); }
.fa-weitere > summary { width: fit-content; cursor: pointer; padding: 2px 0; }
.fa-gruppe { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-width: 0; margin-top: 8px; }
.fa-gruppe:first-of-type { margin-top: 4px; }
.fa-gruppe-titel { flex: 1 1 100%; font-size: 12.5px; color: var(--muted); } /* Titel immer über den Knöpfen, damit alle drei Gruppen gleich aussehen */
.fa-gruppe .fa-wahl { margin-top: 0; }
.fa-satz { margin: 8px 0 0; }
/* Korrektur 1: Hinweis, wenn der Text eine Kategorie nennt, deren Knopf aus ist (gleiche Farben wie die übrigen Warnhinweise, kein Rot) */
.fa-hinweis { margin: 6px 0 0; padding: 4px 10px; border-radius: 8px; background: var(--warn-bg); color: var(--warn-tx); border: 1px solid var(--warn-ln); width: fit-content; max-width: 100%; }
.fa-hinweis[hidden] { display: none; }

/* Listen: kleine Etiketten Kategorien und Zulassungen (Einsatz-Radar) */
.fa-chips { display: flex; flex-wrap: wrap; gap: 4px; min-width: 0; margin-top: 2px; }
.fa-chips .tag.small { margin: 0; font-weight: 400; background: var(--flaeche-2); color: var(--muted); border-color: var(--line-strong); }

/* Etikett «verwandt»: Rahmen, kein Farbton */
.tag.fa-verwandt { background: transparent; color: var(--muted); border-color: var(--line-3); font-weight: 400; }

/* Suche im Berufsfeld: gefundener Begriff klein in Klammern */
.fa-syn { font-size: 11.5px; color: var(--muted); }

@media (max-width: 560px) {
  .fa-wahl button { padding: 0 10px; }
}