/* Geburtstage: Mitgliederliste (birthdays-members-pro.js) */
.bdm-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }
.bdm-chip { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; cursor: pointer; font: 600 11px Inter, system-ui, sans-serif; color: #b9bbbe; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.04); }
.bdm-chip span { padding: 0 6px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); font-size: 10px; }
.bdm-chip:hover { color: #fff; border-color: rgba(88, 101, 242, 0.5); }
.bdm-chip.is-on { color: #fff; border-color: rgba(250, 166, 26, 0.6); background: rgba(250, 166, 26, 0.14); }
.bdm-meta { display: block; }
.birthdays-user-list-ul .bdm-group { position: sticky; top: 0; z-index: 1; padding: 6px 10px; font: 700 10px Inter, system-ui, sans-serif; letter-spacing: 0.06em; text-transform: uppercase; color: #faa61a; background: rgba(24, 25, 28, 0.96); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.birthdays-user-list-ul .bdm-row { gap: 10px; padding: 8px 10px; cursor: pointer; transition: background 0.12s; }
.birthdays-user-list-ul .bdm-row:hover, .birthdays-user-list-ul .bdm-row:focus-visible { background: rgba(88, 101, 242, 0.1); outline: none; }
.birthdays-user-list-ul .bdm-row.is-today { background: linear-gradient(90deg, rgba(250, 166, 26, 0.16), transparent 70%); }
.birthdays-user-list-ul .bdm-row.is-gone { opacity: 0.55; }
.bdm-ava { width: 30px; height: 30px; flex-shrink: 0; border-radius: 50%; object-fit: cover; background: #2b2d31; }
.bdm-ava--ph { display: grid; place-items: center; font: 700 12px Inter, system-ui, sans-serif; color: #fff; background: linear-gradient(135deg, #5865f2, #9085e9); }
.bdm-main, .bdm-when { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.bdm-main { flex: 1; }
.bdm-main strong { color: #fff; font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bdm-main small, .bdm-when small { font-size: 10.5px; color: #8e9297; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bdm-when { align-items: flex-end; text-align: right; flex-shrink: 0; }
.bdm-when b { font-size: 11.5px; color: #dcddde; font-weight: 600; white-space: nowrap; }
.is-today .bdm-when b { color: #faa61a; }
@media (prefers-reduced-motion: reduce) { .birthdays-user-list-ul .bdm-row { transition: none; } }
/* Untertitel im Kopf: normale Schrift (nutzt die ID-Klasse mit Schreibmaschinen-Schrift) */
#birthdaysDetailSubline { font-family: inherit; letter-spacing: 0; }
/* Live-Kennzahlen: so viele Spalten wie Platz ist, keine einzelne Kachel in der zweiten Zeile */
.birthdays-signup-stats-grid { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important; }.birthdays-stat-label { font-size: 0.7rem; }

/* Handy: weniger verschachtelte Ränder, Kennzahlen zweispaltig */
@media (max-width: 600px) {
    html body .editor-container { padding-left: 0; padding-right: 0; }
    html body .birthdays-editor-column { padding-left: 0; padding-right: 0; }
    html body .birthdays-signup-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px; }
}

html body .birthdays-tab-channel-label { font-size: 0.7rem; }
