/* ==========================================================================
   community_members.css — CD-A3b (18.09.2026)
   Ersetzt die 2 statischen style="-Attribute des Mitgliederverzeichnisses
   (pages/community/members.tpl, Route /community/mitglieder) durch cmbr-*-
   Klassen — Werte 1:1, unlayered (CD-A3b-Muster).
   ========================================================================== */
.cmbr-main { max-width: 1000px; }
.cmbr-online-dot { width: 8px; height: 8px; }

/* --------------------------------------------------------------------------
   CU4-5 (19.09.2026): Karma-Rangliste (karma-leaderboard.js, P4-Heilung) —
   erster Frontend-Consumer der Gamification-Leaderboard-API.
   -------------------------------------------------------------------------- */
.kbl-list { counter-reset: none; }
/* LH1 (01.10.2026, Befund L8): Hydration ersetzt den Einzeiler-Platzhalter
   ("Lade Rangliste …") durch bis zu 10 Zeilen — der komplette Block darunter
   (Mitglieder-Row) schob sich um ~860px nach unten (CLS 0,296 gemessen).
   Reserve = 10 Zeilen à ~36px + 9 gaps à 4px; nach der Hydration ohnehin
   gefüllt, bei leeren Sub-Tabs bleibt der Kartenrahmen stabil. */
.kbl-list { min-height: 396px; }
.kbl-row { background: rgba(255, 255, 255, 0.03); transition: background 0.15s ease; }
.kbl-row:hover { background: rgba(255, 255, 255, 0.07); }
.kbl-rank {
  flex: 0 0 44px;
  text-align: center;
  font-family: var(--mono-stack, ui-monospace, monospace); /* FE-W1.5 */
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.55);
}
.kbl-avatar {
  width: 34px;
  height: 34px;
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.25), rgba(59, 130, 246, 0.25));
  color: var(--color-accent-cyan, #22d3ee);
  font-weight: 700;
  font-size: 0.9rem;
}
.kbl-own { border: 1px solid rgba(34, 197, 94, 0.45); background: rgba(34, 197, 94, 0.08); }
/* LH1-W2 (A10, color-contrast): .kbl-rank-Weiß 55% kollabierte im
   Light-Theme auf heller Kartenfläche. Slate-700-Äquivalent besteht AA
   auf beiden Themes (Dark bleibt unverändert). */
[data-bs-theme="light"] .kbl-rank, body.light .kbl-rank { color: rgba(15, 23, 42, 0.65); }
@media (pointer: coarse) {
  .kbl-row { min-height: 44px; }
}

/* --------------------------------------------------------------------------
   MFG-1.4-Nachschärfung (28.09.2026, Nachwelle): Ranglisten-Zeile @320 —
   kbl-rank (44px fix) + Avatar (34px) + Score/Level-Chips (flex-shrink:0)
   übersteigen die Nowrap-Zeile um +3..+35px (Level-Chip "🛡️ Researcher").
   Chips dürfen jetzt schrumpfen (Ellipse statt Überhang), Handle trunciert.
   -------------------------------------------------------------------------- */
.kbl-row { min-width: 0; }
.kbl-row .badge {
  flex-shrink: 1;
  min-width: 0;
  max-width: 45%;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 575.98px) {
  .kbl-row .min-w-0 { overflow: hidden; }
  .kbl-row .min-w-0 .font-monospace {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}