/* Expertenliste: Filterleiste, Chips und Suche */

/* ---- Filterleiste ---------------------------------------------------------- */
.filterbar{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
#expertSearch{width:min(100%,420px);border-radius:8px;padding:10px 14px;font-size:14px;border:1px solid var(--line-input)}
@media(max-width:760px){#expertSearch{width:100%}}

/* ---- Chip-Reihe ------------------------------------------------------------ */
.chips{display:flex;flex-wrap:wrap;gap:8px}

button.chip{display:inline-flex;align-items:center;gap:6px;padding:0 14px;min-height:44px;border-radius:999px;font-size:12px;font-weight:500;background:white;border:1px solid var(--line);color:var(--ink);white-space:nowrap}
button.chip:hover{background:#edf2e8}
button.chip[aria-pressed="true"]{background:var(--nav);color:white;border-color:var(--nav)}
button.chip:focus-visible{outline:3px solid var(--focus);outline-offset:3px}

/* ---- Zählbadge im Chip ----------------------------------------------------- */
.chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:rgba(0,0,0,.12);font-size:10px;font-weight:600;line-height:1}
button.chip[aria-pressed="true"] .chip-count{background:rgba(255,255,255,.25)}

/* ---- Experten-Tabelle: kleine Avatare -------------------------------------- */
/* Initialen-Avatar: sichtbarer Kreis; flex:none hält die Form in Flex-Elternelementen */
.tablewrap span.avatar.avatar-sm{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#c8dcc4;flex:none}
/* Foto-Avatar: vertikal mit Textzeile ausrichten */
.tablewrap img.avatar.avatar-sm{vertical-align:middle;flex:none}

/* ---- Erinnerungsprotokoll ---------------------------------------------------------- */
/* Fehlgeschlagene Zeilen hervorheben */
tr.reminder-row-failed td{background:var(--red-bg,#fff0f0)}
/* Versuchsspalte rechtsbündig */
table.reminder-log td.num{text-align:right;font-variant-numeric:tabular-nums}
