/* ============================================================
 * tc-gegnerbilanz — „Schon dabei": wer kommt, und wie oft habt ihr
 * schon gegeneinander gespielt? (25.09.2026, Taskwerk #771)
 * Library: library-termine.html#gegnerbilanz
 *
 * Anlass: Michael Nitka spielte zweimal hintereinander gegen Dawson,
 * weil der Termin zwei Plätze hat und die Plattform nicht sagte, dass
 * dieselben zwei schon wieder gegeneinander sitzen.
 *
 * Eine Zeile je Mitspieler: Name links, ein Satz rechts.
 *   --wieder   die letzten Partien gingen gegen diesen Menschen
 *   --neu      noch nie gegeneinander gespielt
 * Gefärbt wird nur der kleine Punkt vor dem Satz; der Text bleibt in
 * Textfarbe (Lesbarkeit vor Dekor, Heuristik 8).
 * Datei: css/components/gegnerbilanz.css · JS: js/ui/gegnerbilanz.js
 * ============================================================ */

.tc-gegnerbilanz {
  display: flex;
  flex-direction: column;
  gap: var(--tc-space-2);
  margin-block: var(--tc-space-3);
  padding: var(--tc-space-3);
  border: 1px solid var(--tc-border-default);
  border-radius: var(--tc-radius-md);
  background: var(--tc-bg-surface-1);
}
.tc-gegnerbilanz__titel {
  font-size: var(--tc-text-xs);
  font-weight: var(--tc-weight-bold);
  letter-spacing: var(--tc-tracking-wide);
  text-transform: uppercase;
  color: var(--tc-text-muted);
}
.tc-gegnerbilanz__liste {
  display: flex;
  flex-direction: column;
  gap: var(--tc-space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.tc-gegnerbilanz__zeile {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 2px var(--tc-space-3);
  font-size: var(--tc-text-sm);
}
.tc-gegnerbilanz__name {
  font-weight: var(--tc-weight-semibold);
  color: var(--tc-text-strong);
}
.tc-gegnerbilanz__satz {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  color: var(--tc-text-default);
}
.tc-gegnerbilanz__satz::before {
  content: "";
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--tc-text-muted);
  transform: translateY(-1px);
}
.tc-gegnerbilanz__zeile--wieder .tc-gegnerbilanz__satz::before { background: var(--tc-warning); }
.tc-gegnerbilanz__zeile--neu .tc-gegnerbilanz__satz::before { background: var(--tc-success); }
.tc-gegnerbilanz__hinweis {
  margin: 0;
  font-size: var(--tc-text-xs);
  color: var(--tc-text-muted);
}