/* Shared identity across conversations, directory, forms and account. */
.person-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--accent-soft,#fce7ed);color:var(--accent,#e53859);font-size:17px;font-weight:700;vertical-align:middle;isolation:isolate}
.person-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--surface,#fff)}
.person-avatar img[hidden]{display:none}.person-avatar.tree-avatar{width:30px;height:30px;font-size:17px}.person-avatar.header-avatar{width:44px;height:44px}.person-avatar.welcome-avatar{width:70px;height:70px;font-size:32px}.person-avatar.employee-icon{width:54px;height:54px;font-size:28px}.person-avatar.avatar-large{width:88px;height:88px;font-size:38px}.message-avatar{background:transparent!important}.message-avatar .person-avatar{width:32px;height:32px;font-size:15px}.member-identity{display:inline-flex;align-items:center;gap:10px}.profile-avatar-button{border:0;padding:0;background:none;cursor:pointer;border-radius:50%}.profile-avatar-button:focus-visible{outline:2px solid var(--accent,#e53859);outline-offset:3px}.avatar-editor{display:flex;align-items:center;gap:20px;margin:8px 0 20px}.avatar-upload{display:inline-flex;cursor:pointer}.avatar-editor .hint{max-width:360px;margin:8px 0}.avatar-icon-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.avatar-icon-picker button{border:1px solid var(--line,#ddd);background:var(--surface,#fff);border-radius:12px;width:42px;height:42px;font-size:23px;cursor:pointer}.avatar-icon-picker button:hover{border-color:var(--accent,#e53859)}.participant-options .person-avatar,.mention-chip .person-avatar,.discovery-item .person-avatar{width:28px;height:28px;font-size:15px;margin-right:6px}.discovery-open strong{display:flex;align-items:center;gap:5px}.group-sharing-note+ul{list-style:none;padding:0}.group-sharing-note+ul li{margin:10px 0}@media(max-width:540px){.avatar-editor{gap:12px;align-items:flex-start}.avatar-editor .avatar-large{width:68px;height:68px}.avatar-editor .button{padding:9px 12px}}

.person-avatar.group-tree-avatar{width:28px;height:28px;font-size:15px;margin-right:8px}.history-item strong .person-avatar{margin-right:8px}

/* Photos use the same unframed circular presentation for people and employees. */
.person-avatar:has(> img:not([hidden])),
.message-avatar:has(> .person-avatar > img:not([hidden])){border:0;border-radius:50%;background:transparent}
.message-avatar:has(> .person-avatar > img:not([hidden]))>.person-avatar{width:100%;height:100%}