/* ==========================================================================
   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; }
.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: ui-monospace, SFMono-Regular, Menlo, monospace;
  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); }
@media (pointer: coarse) {
  .kbl-row { min-height: 44px; }
}