/* Symbolfarben (Mike, 13.10.2026) — die Rollen-Symbole tragen die Farbe ihrer Gruppe, die Kürzel daneben bleiben Schrift.
   Ausnahme von „Farbe heißt aktiv" (die Symbole sind nicht anklickbar), benannt nach Ware W5 (a): in der Liste sucht das Auge
   nach Gruppen, Farbe findet es zuerst. Farbe kommt zur Form hinzu — Strich, Größe und Platz tragen die Ebene schon (E51), so
   bleibt alles auch bei Rot-Grün-Schwäche lesbar. Ziegelrot (Links, Hauptknopf) und das Warnorange sind keine Symbolfarben.
   Alle Töne halten auf Weiß mehr als 5:1, auf dem Seitengrund mehr als 4:1 (Zeichen brauchen 3:1, Ware). Eigene Datei: main.css wird parallel umgebaut. */
:root {
  --sym-bund: #1F5FA6;   /* AD e. V. — kräftiges, dunkles Blau */
  --sym-region: #2E7D4F; /* Region — Grün */
  --sym-lokal: #A0561B;  /* lokale Gemeinschaft — dunkles Ocker/Kupfer, weg vom Warnorange */
  --sym-verw: #6A4C9C;   /* Verwaltung — Violett statt eines zweiten Blaus */
  --sym-eigen: #9C2A63;  /* Eigenes: Mail-Empfang, Patientenverfügung, Profilbild — dunkle Beere */
}
/* Aufzählung in Listen und auf der Mitgliedsseite */
.rblock.b-bund .rolle .sym { color: var(--sym-bund); }
.rblock.b-re   .rolle .sym { color: var(--sym-region); }
.rblock.b-lo   .rolle .sym { color: var(--sym-lokal); }
.rblock.b-verw .rolle .sym { color: var(--sym-verw); }
.rblock.b-ml .bl .sym, .rolle.pv-da .sym, .rolle.bild-da .sym { color: var(--sym-eigen); }
/* Legende: dieselben Farben an denselben Gruppen */
.legende-liste .lg[data-ebene="ad"][data-art="haupt"] .rolle .sym { color: var(--sym-bund); }
.legende-liste .lg[data-ebene="re"][data-art="haupt"] .rolle .sym { color: var(--sym-region); }
.legende-liste .lg[data-ebene="lo"][data-art="haupt"] .rolle .sym { color: var(--sym-lokal); }
.legende-liste .lg[data-ebene="ad"][data-art="beg"]   .rolle .sym { color: var(--sym-verw); }
.legende-liste .rolle.mail .sym { color: var(--sym-eigen); }

/* Mail-Empfang darf umbrechen (Mike, 13.10.2026): die Kürzel liefen als ein unteilbarer Block über die Spalte hinaus bis in
   das Kartensymbol. Jetzt bricht die Reihe zwischen den Kürzeln um, jedes Kürzel bleibt ganz; der Brief steht vorn, die
   Folgezeilen beginnen unter dem ersten Kürzel. */
.rblock.b-ml { white-space: normal; align-items: flex-start; }
.rblock.b-ml .rolle.mail { display: inline-flex; flex-wrap: wrap; white-space: normal; row-gap: .1em; }
.rblock.b-ml .rolle.mail .kz { white-space: nowrap; }

/* Gruppen und Kreise brechen um wie der Mail-Empfang (Mike, 13.10.2026): zwischen den Gruppen, jeder Gruppenname bleibt ganz. */
.rblock.b-gk { white-space: normal; align-items: flex-start; }
.rblock.b-gk .rolle.gk, .rblock.b-gk .rolle.gk .kz { white-space: normal; }
.rblock.b-gk .gn { white-space: nowrap; }

/* Miniatur des Profilbilds vor dem Namen (Mike, 13.10.2026: 32 px — die 64er-Datei genau 2×, im 8-px-Raster —, Ecken 6, ohne Bild eine Lücke; Klick zum Profil).
   Hat die ganze Tabelle kein Bild, fällt die Lücke weg und die Namen stehen wieder vorn. */
td.name .namezeile { display: inline-flex; align-items: center; gap: 8px; }
.mini { display: inline-block; flex: none; width: 32px; height: 32px; border-radius: 6px; overflow: hidden; vertical-align: middle; }
.mini img { display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; }
a.mini:hover { box-shadow: 0 0 0 2px var(--colorD); }
.mini.luecke { visibility: hidden; }
table:not(:has(a.mini)) .mini.luecke { display: none; }