/* Avatar Atelier: one transparent overlay above an unmodified circular picture. */
html body #alMemberArea #alProfile.alpp .alpp-avatar{--plate:168px!important;--ring-inset:7.8125%!important;aspect-ratio:1;transform:none!important}
html body #alMemberArea #alProfile.alpp .alpp-hero-left{grid-template-columns:168px minmax(0,1fr)!important}
html body #alMemberArea #alProfile.alpp .alpp-avatar-photo{inset:7.8125%!important;width:84.375%!important;height:84.375%!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;transform:none!important;background:transparent!important}
html body #alMemberArea #alProfile.alpp .alpp-avatar-plate{inset:0!important;width:100%!important;height:100%!important;filter:none!important;transform:none!important;border:0!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important}
html body #alMemberArea #alProfile.alpp .alpp-avatar-frame{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;border:0!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important}
html body #alMemberArea #alProfile.alpp .alpp-avatar .alpp-avatar-img{transform:none!important;padding:0!important;object-fit:cover!important;object-position:center!important;background:transparent!important;border:0!important}
html body #alMemberArea #alProfile.alpp .alpp-avatar:focus-visible{outline:2px solid #256747!important;outline-offset:4px!important}
@media(max-width:767px){html body #alMemberArea #alProfile.alpp .alpp-avatar{--plate:132px!important}html body #alMemberArea #alProfile.alpp .alpp-hero-left{grid-template-columns:minmax(0,1fr)!important}}
html body .al-avatar{position:relative;display:inline-block;flex:none;width:var(--al-avatar-size,36px);height:var(--al-avatar-size,36px);aspect-ratio:1;vertical-align:middle;overflow:visible;line-height:0;border:0;background:transparent;box-shadow:none}
html body .al-avatar::before,html body .al-avatar::after{content:none!important;display:none!important}
/* The member-area reset otherwise expands photos to 100%, outside the ring. */
html body .al-avatar>.al-avatar__photo{position:absolute;inset:7.8125%;width:84.375%!important;height:84.375%!important;min-width:0;max-width:none;border-radius:50%;object-fit:cover;object-position:center;border:0;padding:0;box-shadow:none;margin:0;transform:none}
html body .al-avatar>.al-avatar__ring{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;transform:none;border:0;padding:0;margin:0;background:none;box-shadow:none}
html body .al-avatar>.al-avatar__ring img{width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;background:transparent;object-fit:contain;border-radius:0;box-shadow:none}
html body .al-avatar--compact>.al-avatar__photo{inset:0;width:100%!important;height:100%!important;border:2px solid var(--al-avatar-color,#a3adb6);box-sizing:border-box}
html body img.al-avatar-compact{border:2px solid var(--al-avatar-color,#a3adb6)!important;border-radius:50%;box-sizing:border-box;object-fit:cover}
.al-avatar-tabs{display:flex;gap:4px;padding:4px;background:#edf3ef;border-radius:12px;margin-bottom:16px}
html body .al-avatar-tabs button{flex:1;min-height:44px;border:0;border-radius:9px;padding:8px 12px;background:transparent;color:#234c39;font:inherit;font-weight:600;box-shadow:none}
html body .al-avatar-tabs button[aria-selected=true]{background:#fff;box-shadow:0 1px 4px #173f2c14}
.al-avatar-picker__intro{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.al-avatar-picker__intro p{margin:0;color:#52685d;font-size:14px;line-height:1.5}
.al-avatar-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
html body .al-avatar-choice{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:8px 4px;border:2px solid transparent;border-radius:12px;background:#f8fafb;color:#193f2d;font:inherit;font-size:12px;line-height:1.3;box-shadow:none;cursor:pointer}
html body .al-avatar-choice img{width:64px;height:64px;border-radius:50%;object-fit:cover}
html body .al-avatar-choice[aria-pressed=true]{border-color:#2c6b4a;background:#edf5ef}
.al-avatar-picker__actions{display:contents}
.al-avatar-picker [hidden],.al-avatar-tabs[hidden],.al-avatar-styles[hidden]{display:none!important}
html body .al-avatar-styles{padding:16px;border:1px solid #dce7e1;border-radius:14px;background:#f8fafb;min-width:0}
.al-avatar-styles h3{margin:0 0 10px;font-size:17px;letter-spacing:normal}
.al-avatar-styles__choices{display:grid;gap:8px}
html body .al-avatar-style{display:flex;align-items:center;gap:10px;text-align:left;min-height:60px;width:100%;padding:8px;border:1px solid #dce7e1;border-radius:10px;background:#fff;color:#183e2c;box-shadow:none;font:inherit;font-size:14px;line-height:1.35}
.al-avatar-style>span:last-child{min-width:0;flex:1}
.al-avatar-style small{display:block;font-size:12px;color:#52685d;margin-top:3px}
.al-avatar-style[aria-pressed=true]{border-color:#2c6b4a;background:#edf5ef}
html body .al-avatar-style:disabled{opacity:1!important;filter:none!important;cursor:default}
/* Locked previews: grey ornament, lightly desaturated photo, fully readable text. */
html body .al-avatar-style[data-avatar-locked="true"] .al-avatar__ring{filter:grayscale(1)}
html body .al-avatar-style[data-avatar-locked="true"] .al-avatar__photo{filter:saturate(.6)}
html body .al-avatar-style__lock{position:absolute;right:-1px;bottom:-1px;z-index:1;display:grid;place-items:center;width:18px;height:18px;border:1px solid #dce7e1;border-radius:50%;background:#fff;color:#52685d;pointer-events:none;line-height:1}
html body .al-avatar-style__lock svg{display:block;width:12px;height:12px;margin:0}
html body .al-avatar-tabs button:focus-visible,html body .al-avatar-choice:focus-visible,html body .al-avatar-style:focus-visible{outline:2px solid #256747;outline-offset:3px}
@media(hover:hover){html body .al-avatar-choice:hover{border-color:#9bc7ac}html body .al-avatar-style:not(:disabled):hover{border-color:#7eaf91}}
@media(max-width:480px){.al-avatar-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.al-avatar-picker__intro{gap:10px}.al-avatar-picker__intro p{font-size:13px}}
/* Keep the existing profile form's generic button resets out of style choices. */
html body #alMemberArea #alProfile.alpp .al-avatar-styles h3{font-size:17px!important;line-height:1.3!important;letter-spacing:normal!important;text-transform:none!important}
html body #alMemberArea #alProfile.alpp .al-avatar-style{height:auto!important;min-height:64px!important;padding:8px!important;white-space:normal!important;line-height:1.35!important;border:1px solid #dce7e1!important;background:#fff!important;box-shadow:none!important}
html body #alMemberArea #alProfile.alpp .al-avatar-style[aria-pressed=true]{border-color:#2c6b4a!important;background:#edf5ef!important}
html body #alMemberArea #alProfile.alpp .al-avatar-style:disabled{opacity:1!important;filter:none!important;color:#52685d!important}
html body #alMemberArea #alProfile.alpp .al-avatar-style:focus-visible{outline:2px solid #256747!important;outline-offset:3px!important}