.header-account-name{display:flex;align-items:center;gap:8px;max-width:240px}
.header-account-name[hidden]{display:none}
.header-account-name .header-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.account-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;overflow:hidden;background:#dce8fa;color:#123153;font-weight:750;vertical-align:middle}
.account-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.birth-date-field{display:grid;gap:.35rem;min-width:0}.birth-date-field>label{display:grid;gap:6px}.birth-date-field input{margin:0}.birth-date-field .field-help{margin:0}
.private-profile-fields{margin-bottom:24px}
.account-photo-editor{display:flex;align-items:flex-start;gap:20px;margin-top:20px}
.account-photo-editor .account-avatar{width:80px;height:80px;flex-basis:80px;font-size:1.5rem}
.account-photo-controls{min-width:0}
.account-photo-controls h2{margin-top:0}
.request-player-photo{display:inline-flex;flex:0 0 48px;width:48px;height:48px;margin:0}
.request-player-photo img{width:48px;height:48px;border-radius:12px;object-fit:cover}
.account-photo-picker{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #55749b;border-radius:6px;color:#123153;font-weight:650;cursor:pointer}
.account-photo-picker input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.account-photo-picker:focus-within{outline:3px solid #1a56db;outline-offset:3px}
.onboarding-status h2{font-size:1.15rem;line-height:1.4;margin-top:0}
.onboarding-steps{display:flex;flex-wrap:wrap;gap:12px 24px;padding:0;list-style:none}
.onboarding-steps li{display:flex;align-items:center;gap:8px;font-size:.9rem}
.onboarding-steps li>span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #55749b;border-radius:50%;flex-shrink:0}
.onboarding-steps [aria-current=step]{font-weight:750;color:#123153}
.onboarding-steps [aria-current=step]>span{background:#123153;color:white}
@media(max-width:600px){.header-account-name{max-width:150px}.account-photo-editor{flex-direction:column;gap:12px}.onboarding-steps{flex-direction:column;gap:10px}}