/* Le tunnel d'invitation membre (E4.6 — P10-20 → P10-22, V8-47) : le fil des trois étapes, la carte de
   l'équipe. Jetons seulement (theme.css) ; les autres briques (consent-item, auth-wrap, soft-page, row-item,
   celebration, onboarding) vivent déjà dans app.css. */

.invitation-wrap { flex: 1; padding: 1rem 1.1rem 2rem; }

/* Le fil « ① Ton équipe · ② La charte · ③ Ton compte » — l'étape courante en gras */
.step-dots { display: flex; gap: .4rem; align-items: center; justify-content: center; flex-wrap: wrap; font-size: .62rem; color: var(--brand-muted); margin-bottom: .8rem; }
.step-dots b { color: var(--brand-secondary); }

/* Une ligne de l'équipe : avatar, nom en gras, le pourquoi en dessous */
.team-row { display: flex; gap: .6rem; align-items: center; padding: .5rem 0; border-bottom: 1px dashed var(--brand-line-soft); font-size: .8rem; }
.team-row:last-child { border-bottom: 0; }
.team-row b { display: block; color: var(--brand-secondary); }
.team-row .avatar-initials { flex: 0 0 auto; }

/* L'avatar doré de la marraine — la classe existe dans les maquettes sans y être définie : « c'est SON lien » */
.avatar-initials.avatar-accent { background: linear-gradient(120deg, var(--brand-accent-deep), var(--brand-accent-light)); color: var(--brand-secondary); }