/* One policy for people; workspace identities retain their square branding. */
:root {
    --moyo-person-avatar-background: #f5f6f7;
    --moyo-person-avatar-color: #596575;
    --moyo-person-avatar-blue: #6895ed;
    --moyo-person-avatar-yellow: #e9be48;
    --moyo-person-avatar-mint: #65c9bb;
    --moyo-person-avatar-purple: #a48be2;
    --moyo-person-avatar-ring: transparent;
    --moyo-group-avatar-background: linear-gradient(135deg, #55d5ce 0%, #4288ef 52%, #5a55ee 100%);
    --moyo-group-avatar-color: #fff;
    --moyo-group-avatar-radius: 10px;
}

:is([data-avatar-scope="friend"], .moyo-friend-avatar,
    .moyo-app-sidebar-friend-avatar, .friend-avatar, .friend-recommend-avatar, .mcf-friend-context,
    .mcf-event-avatar.is-friend, .mcf-event-row.is-friend-owned) {
    --moyo-person-avatar-ring: var(--moyo-person-avatar-yellow);
}
:is([data-avatar-scope="group"], .mcf-group-context,
    .mcf-event-avatar.is-group-member, .common-member-profile,
    .join-profile-modal, .moyo-member-widget) {
    --moyo-person-avatar-ring: var(--moyo-person-avatar-mint);
}
:is([data-avatar-scope="project"], .mcf-event-avatar.is-project-member,
    .mcf-project-context, .project-member-avatar, .project-owner-avatar, .project-task-avatar) {
    --moyo-person-avatar-ring: var(--moyo-person-avatar-purple);
}
[data-avatar-scope="personal"] {
    --moyo-person-avatar-ring: var(--moyo-person-avatar-blue);
}

.moyo-avatar[data-avatar-kind="person"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 50%;
    background: var(--moyo-person-avatar-background);
    color: var(--moyo-person-avatar-color);
    box-shadow: none;
    font-weight: 700;
    line-height: 1;
}
.moyo-avatar[data-avatar-kind="person"]:is(.has-image, .has-profile):not(.is-fallback):not(.no-image) {
    background: transparent;
}
.moyo-avatar[data-avatar-kind="group"] {
    border-radius: var(--moyo-group-avatar-radius);
    background: var(--moyo-group-avatar-background);
    color: var(--moyo-group-avatar-color);
}
.moyo-avatar > img { width: 100%; height: 100%; object-fit: cover; }

.moyo-default-person-icon { display:block; width:var(--moyo-default-person-size,66%); height:var(--moyo-default-person-size,66%); flex:0 0 auto; }

.user-avatar-fallback, [data-avatar-initial], .moyo-member-avatar-fallback, .file-user-avatar__initial, .moyo-note-modal__comment-avatar-initial, .profile-account-summary-avatar-fallback { display:inline-flex; align-items:center; justify-content:center; width:100%; height:100%; }
[data-person-avatar-fallback][hidden] { display:none !important; }