/* Ledenbeheer: een paar dingen bovenop de gedeelde huisstijl. */

.login-kaart { max-width: 30rem; margin: 12vh auto; text-align: center; }
.login-kaart h1 { margin-top: 0; }

.jouw-raden { padding: 12px 16px; }
.raden { margin: 6px 0 4px; padding-left: 18px; }
.raden li { font-size: .92rem; }

.groeps-chip {
  display: inline-block; margin: 1px 4px 1px 0; padding: 1px 9px;
  border-radius: 999px; font-size: .78rem;
  background: var(--surface-2); border: 1px solid var(--border); color: var(--muted);
}
.groeps-chip.is-beheer { background: var(--accent-soft); color: var(--accent); border-color: transparent; font-weight: 600; }

.groepskeuze { border: 1px solid var(--border); border-radius: var(--radius); padding: 10px 14px; margin: 4px 0; }
.groepskeuze legend { font-weight: 600; padding: 0 6px; }

.waarschuwing {
  margin: 12px 0; padding: 10px 12px; border-radius: var(--radius);
  background: var(--warn-soft); color: var(--warn); font-size: .9rem;
}
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.klein { font-size: .82rem; }
.crumbs { font-size: .88rem; color: var(--muted); margin-bottom: 6px; }
section.card h2:first-child { margin-top: 0; }
.danger-zone .inline-form { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 8px; }