/* ===================== Runde 2l (F2): Zuständigkeit mit Foto («Kunde von», «Dein Kunde», «Betreut von»). Präfix .zb-, nur Tokens aus styles.css ===================== */
.zb-wer { display: inline-flex; flex-direction: column; align-items: center; gap: 3px; min-width: 0; max-width: 96px; text-align: center; vertical-align: middle; }
.zb-lbl { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.zb-fotos { display: inline-flex; align-items: center; flex: none; }
.zb-fotos .avatar.zb-foto { width: 30px; height: 30px; border-radius: 50%; font-size: 11px; object-fit: cover; box-shadow: 0 0 0 2px var(--flaeche); flex: none; }
.zb-fotos .avatar.zb-foto + .avatar.zb-foto { margin-left: -8px; }
.zb-name { max-width: 100%; font-size: 11.5px; line-height: 1.2; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Firmenportal-Karte: Stand links, Zuständigkeit rechts */
.fp-stand.zb-stand { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }
.zb-stand .zb-links { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; flex: 1 1 auto; }
.zb-stand .zb-wer { flex: none; }
/* Tabellen: kompakter */
td .zb-wer { gap: 2px; }
td .zb-fotos .avatar.zb-foto { width: 26px; height: 26px; }
/* Kandidaten-Karte: oben rechts */
.kd-kkopf .zb-wer { margin-left: auto; flex: none; }
/* Zeile für enge Stellen */
.zb-zeile { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; min-width: 0; font-size: 12px; color: var(--muted); vertical-align: middle; }
.zb-zeile .zb-zlbl { white-space: nowrap; }
.zb-zeile .avatar.zb-foto.zb-klein { width: 18px; height: 18px; font-size: 8px; box-shadow: 0 0 0 1.5px var(--flaeche); }
.zb-zeile .avatar.zb-foto.zb-klein + .avatar.zb-foto.zb-klein { margin-left: -5px; }
.zb-zeile .zb-name { font-size: 12px; color: var(--text); }
/* Im Satz: Foto vor dem Namen (Kundenprofil, Setcard) */
.zb-satz { display: inline-flex; align-items: center; gap: 5px; vertical-align: middle; }
.zb-satz .avatar.zb-foto.zb-klein { width: 20px; height: 20px; border-radius: 50%; font-size: 8.5px; object-fit: cover; flex: none; }