/* Blutgruppendiaet (Winki, 27.09.2026): Icon + Blutgruppen-Auswahl im Onboarding. */
.hicon-blutgruppe{-webkit-mask-image:url('/img/icons/blutgruppe.png'); mask-image:url('/img/icons/blutgruppe.png');}
.onb-blood{grid-column:1 / -1; justify-self:start; display:flex; flex-wrap:wrap; align-items:center; gap:.35rem .6rem;
  padding:.4rem .6rem; border:1px solid var(--border); border-radius:12px; background:var(--surface); max-width:100%;}
.onb-blood-label{font-weight:600;}
.onb-blood-choices{display:flex; gap:.4rem;}
.onb-blood-choice{min-width:2.4rem; padding:.3rem .55rem; border-radius:var(--radius-pill, 999px); cursor:pointer;
  border:1px solid var(--border); background:var(--surface); color:var(--ink); font:inherit; font-weight:700;}
.onb-blood-choice:hover{background:var(--surface-hover);}
.onb-blood-choice.active{background:var(--accent-soft); border-color:var(--accent-strong); color:var(--accent-strong);}
.onb-blood-choice:focus-visible{outline:2px solid var(--accent-strong); outline-offset:2px;}
.onb-blood-hint{flex-basis:100%; margin:0; font-size:.8rem;}

/* Mitglieder-Karte: Blutgruppen-Auswahl */
.member-blood-select{font:inherit; padding:.35rem .5rem; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--ink); max-width:100%;}
.onb-blood[hidden]{display:none;}