/* Jersey badges */
.jersey-yellow { background:#FFD700; color:#111; }
.jersey-green  { background:#16a34a; color:#fff; }
.jersey-white  { background:#fff; color:#111; border:1px solid #d1d5db; }
.jersey-polka  {
  background-color:#dc2626; color:#fff;
  background-image: radial-gradient(white 30%, transparent 30%);
  background-size: 7px 7px;
}

/* Rank badges */
.rank-1 { background:#FFD700; color:#111; }
.rank-2 { background:#9ca3af; color:#111; }
.rank-3 { background:#b45309; color:#fff; }
.rank-other { background:#f3f4f6; color:#6b7280; }

/* Points badges */
.pts-badge {
  background:#FFD700; color:#111;
  font-weight:700; padding:2px 12px;
  border-radius:9999px; font-size:0.875rem;
  white-space:nowrap; display:inline-block;
}
.pts-badge-rood {
  background:#dc2626; color:#fff;
  font-weight:700; padding:2px 12px;
  border-radius:9999px; font-size:0.875rem;
  display:inline-block;
}

/* Counter pills */
.counter-ok   { background:#dcfce7; color:#166534; font-size:0.75rem; padding:2px 8px; border-radius:9999px; font-weight:600; display:inline-block; }
.counter-warn { background:#fef9c3; color:#854d0e; font-size:0.75rem; padding:2px 8px; border-radius:9999px; font-weight:600; display:inline-block; }
.counter-over { background:#fee2e2; color:#991b1b; font-size:0.75rem; padding:2px 8px; border-radius:9999px; font-weight:600; display:inline-block; }

/* Rider checkbox grid */
.rider-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
  gap:0.3rem;
  max-height:380px;
  overflow-y:auto;
  padding:0.75rem;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:0.75rem;
}
.rider-grid label {
  display:flex; align-items:center; gap:0.4rem;
  font-size:0.875rem; cursor:pointer;
  padding:4px 8px; border-radius:6px;
}
.rider-grid label:hover { background:#fef9c3; }
.rider-grid input[type=checkbox]:checked + span { font-weight:600; color:#854d0e; }
.rider-grid.rood-grid input[type=checkbox]:checked + span { color:#991b1b; }