.profile-avatar-trigger { position:relative; display:inline-block; padding:0; border:0; border-radius:50%; background:transparent; color:#613c20; vertical-align:middle; cursor:pointer; }
.user-avatar > .profile-avatar-trigger { width:100%; height:100%; }
.profile-avatar-trigger:disabled { cursor:default; }
.profile-avatar-trigger:focus-visible { outline:3px solid #a66a16; outline-offset:4px; }
.profile-avatar-trigger > img { display:block; }
.profile-avatar-trigger[data-custom-avatar] > img { object-fit:contain; padding:6px; box-sizing:border-box; background:#fff3dc; border-radius:50%; }
.profile-avatar-stars { position:absolute; left:50%; bottom:-3px; transform:translateX(-50%); white-space:nowrap; color:#6d4300; background:#ffdb7c; border-radius:12px; font-size:10px; line-height:15px; padding:0 4px; pointer-events:none; }
.profile-avatar-stars:empty { display:none; }
#profileAvatarDialog { box-sizing:border-box; width:min(94vw,480px); max-height:88dvh; padding:22px; border:1px solid #dfb77e; border-radius:22px; color:#562e00; background:#fff8ed; overflow:auto; }
#profileAvatarDialog::backdrop { background:rgb(40 25 10 / .5); }
.profile-avatar-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.profile-avatar-heading h2 { margin:0; font-size:22px; }
#closeProfileAvatarBtn { min-width:44px; min-height:44px; border:0; border-radius:50%; background:#f3dfbd; color:inherit; font-size:24px; }
#profileAvatarOptions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:16px 0; }
.profile-avatar-option { display:flex; flex-direction:column; align-items:center; gap:6px; min-width:0; padding:12px 4px; border:2px solid #e4cda9; border-radius:16px; background:#fffdf7; color:#562e00; font:inherit; font-size:13px; cursor:pointer; }
.profile-avatar-option img { width:58px; height:58px; object-fit:contain; }
.profile-avatar-option[aria-pressed="true"] { border-color:#9d6200; background:#ffedbd; }
.profile-avatar-option:disabled { opacity:.55; cursor:not-allowed; }
.profile-avatar-option:focus-visible { outline:3px solid #a66a16; outline-offset:2px; }
#profileAvatarHelp,#profileAvatarFeedback { font-size:13px; line-height:1.7; }
#profileAvatarFeedback { min-height:22px; }
#employeePuffLevelField[hidden],#employeePuffLevelHelp[hidden] { display:none; }