/* Pastel badges use muted ink; Slate reverses to light ink on charcoal. */
.avatar-color-blue,[data-avatar-color=blue]{--avatar-ink:#506e93;--avatar-paper:#edf3fc;--avatar-swatch:#c2d7f2;--avatar-outline:var(--avatar-ink)}
.avatar-color-teal,[data-avatar-color=teal]{--avatar-ink:#4c7874;--avatar-paper:#edf7f4;--avatar-swatch:#bddfd6;--avatar-outline:var(--avatar-ink)}
.avatar-color-emerald,[data-avatar-color=emerald]{--avatar-ink:#5c795f;--avatar-paper:#eff6ed;--avatar-swatch:#cadfc4;--avatar-outline:var(--avatar-ink)}
.avatar-color-gold,[data-avatar-color=gold]{--avatar-ink:#87733f;--avatar-paper:#fcf8e9;--avatar-swatch:#f1e3ac;--avatar-outline:var(--avatar-ink)}
.avatar-color-amber,[data-avatar-color=amber]{--avatar-ink:#926b4d;--avatar-paper:#fdf3e9;--avatar-swatch:#f2d4b7;--avatar-outline:var(--avatar-ink)}
.avatar-color-coral,[data-avatar-color=coral]{--avatar-ink:#986a63;--avatar-paper:#fcf0ed;--avatar-swatch:#efc5bd;--avatar-outline:var(--avatar-ink)}
.avatar-color-rose,[data-avatar-color=rose]{--avatar-ink:#936b80;--avatar-paper:#fbf0f5;--avatar-swatch:#ebc8db;--avatar-outline:var(--avatar-ink)}
.avatar-color-violet,[data-avatar-color=violet]{--avatar-ink:#806b99;--avatar-paper:#f5f0fb;--avatar-swatch:#dcccf0;--avatar-outline:var(--avatar-ink)}
.avatar-color-indigo,[data-avatar-color=indigo]{--avatar-ink:#6c739c;--avatar-paper:#f0f2fc;--avatar-swatch:#cdd2f0;--avatar-outline:var(--avatar-ink)}
.avatar-color-slate,[data-avatar-color=slate]{--avatar-ink:#f1f5f9;--avatar-paper:#334155;--avatar-swatch:#243247;--avatar-outline:#64748b}
.crew-avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--avatar-ink,#506e93);background:linear-gradient(145deg,var(--avatar-paper,#edf3fc),var(--avatar-swatch,#c2d7f2));vertical-align:middle;flex-shrink:0;box-shadow:inset 0 0 0 1px rgb(30 50 75 / 5%)}
.crew-avatar svg{display:block;width:70%;height:70%;overflow:visible}
.crew-avatar.tiny svg{width:78%;height:78%}
.profile-edit{display:flex;align-items:center;gap:9px;min-width:0;border-radius:5px}
.profile-edit>div{min-width:0;overflow-wrap:anywhere}
.profile-edit:hover strong{text-decoration:underline}
.avatar-profile{max-width:840px;margin-bottom:24px}
.avatar-profile-preview{display:flex;align-items:center;gap:20px;padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:26px}
.avatar-profile-preview h2{font-size:21px;margin-bottom:5px}.avatar-profile-preview p{margin-bottom:5px;overflow-wrap:anywhere}
.crew-avatar.avatar-large{width:88px;height:88px;box-shadow:inset 0 0 0 1px rgb(30 50 75 / 6%),0 4px 14px rgb(30 50 75 / 7%)}
.avatar-large>[data-avatar-preview-icon]{width:100%;height:100%;place-items:center}
.avatar-large>[data-avatar-preview-icon]:not([hidden]){display:grid}
.avatar-fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}
.avatar-fieldset legend{padding:0;margin-bottom:14px;font-size:13px;font-weight:650}
.avatar-icon-options{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.avatar-color-options{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;--avatar-outline:var(--avatar-ink)}
.avatar-option{position:relative;cursor:pointer;margin:0;font-weight:500;min-width:0}
.avatar-option input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;padding:0;margin:0}
.avatar-option-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:10px 4px;min-height:80px;border:2px solid transparent;border-radius:16px;background:#f7f9fc;font-size:10px;line-height:1.3;transition:border-color .15s,background-color .15s}
.avatar-option-tile .crew-avatar{width:54px;height:54px}
.avatar-option:hover .avatar-option-tile{border-color:#cad8e9;background:#f0f5fb}
.avatar-option input:checked+.avatar-option-tile{border-color:var(--avatar-outline,var(--avatar-ink,#506e93));background:var(--avatar-paper,#edf3fc)}
.avatar-option input:checked+.avatar-option-tile::after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--avatar-ink,#506e93)}
.avatar-option input:focus-visible+.avatar-option-tile{outline:3px solid #78aee5;outline-offset:3px}
.avatar-color-tile{min-height:78px;background:transparent;border-radius:12px;color:#53657b;--avatar-outline:var(--avatar-ink)}
.avatar-option input:checked+.avatar-color-tile{background:#f7f9fc;border-color:var(--avatar-outline,var(--avatar-ink));color:#203751}
.avatar-option input:checked+.avatar-color-tile::after{display:none}
.avatar-color-swatch{display:block;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,var(--avatar-paper),var(--avatar-swatch));box-shadow:inset 0 0 0 1px rgb(0 0 0 / 7%);--avatar-outline:var(--avatar-ink)}
@media(max-width:900px){.avatar-icon-options{grid-template-columns:repeat(4,minmax(0,1fr))}.avatar-color-options{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:500px){.avatar-profile{padding:18px}.avatar-icon-options{gap:6px}.avatar-option-tile .crew-avatar{width:46px;height:46px}.avatar-option-tile{min-height:66px;border-radius:12px}.avatar-color-options{gap:3px}.avatar-color-tile{font-size:9px}.avatar-profile-preview{gap:14px}.avatar-profile-preview h2{font-size:18px}.crew-avatar.avatar-large{width:70px;height:70px}}
@media(prefers-reduced-motion:reduce){.avatar-option-tile{transition:none}}

.avatar-profile + .notification-preferences{max-width:840px;margin-bottom:24px}.avatar-profile ~ .crew-progress{margin-top:24px}