/* Shared letter-initials centering (Android Roboto + iOS SF). Photo avatars unchanged. */
:is(
  .circle-private-avatar,
  .circle-comment-avatar,
  .cp-avatar,
  .cp-author-av,
  .circle-quote-avatar,
  .message-avatar,
  .link-contact-avatar,
  .chat-page-avatar,
  .mini-avatar,
  .thread-avatar,
  .soul-assistant-avatar,
  .qr-request-avatar,
  .home-requests-avatar,
  .home-search-card-photo,
  .story-avatar,
  [data-user-avatar],
  .xc-result-photo,
  .xc-message-avatar,
  .ep-avatar,
  .picwall-avatar,
  .soul-line-avatar,
  .name-card-friend-avatar,
  .shared-name-card-avatar,
  .agent-result-face,
  .agent-avatar
):not(.has-photo):has(> .avatar-initials-glyph) {
  display: grid;
  place-items: center;
  padding: 0;
  margin: 0;
  letter-spacing: 0;
  line-height: 0;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.avatar-initials-glyph {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0;
  font-weight: inherit;
  max-width: 100%;
  overflow: hidden;
  font-size: calc(var(--avatar-box, 1em) * 0.4);
}

.circle-private-avatar { --avatar-box: 36px; }
.cp-avatar { --avatar-box: 34px; }
.cp-author-av { --avatar-box: 32px; }
.circle-comment-avatar,
.circle-quote-avatar { --avatar-box: 28px; }
.message-avatar { --avatar-box: 28px; }
.link-contact-avatar { --avatar-box: 48px; }
.chat-page-avatar { --avatar-box: 46px; }
.mini-avatar { --avatar-box: 25px; }
.moment-head .mini-avatar { --avatar-box: 36px; }
.thread-avatar { --avatar-box: 48px; }
.soul-assistant-avatar { --avatar-box: 44px; }
.qr-request-avatar { --avatar-box: 44px; }
.home-requests-avatar { --avatar-box: 42px; }
.home-search-card-photo { --avatar-box: 44px; }
.story-avatar { --avatar-box: 52px; }
[data-user-avatar] { --avatar-box: 52px; }
.xc-result-photo { --avatar-box: 44px; }
.xc-message-avatar { --avatar-box: 32px; }
.ep-avatar { --avatar-box: 48px; }
.ep-avatar.small { --avatar-box: 36px; }
.picwall-avatar { --avatar-box: 43px; }
.soul-line-avatar { --avatar-box: 43px; }
.name-card-friend-avatar { --avatar-box: 46px; }
.shared-name-card-avatar { --avatar-box: 52px; }
.agent-result-face { --avatar-box: 44px; }
.agent-avatar {
  --avatar-box: 28px;
  width: var(--avatar-box);
  height: var(--avatar-box);
  border-radius: 22%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  flex-shrink: 0;
  overflow: hidden;
}
.agent-avatar.is-compact,
.home-left-row-avatar.agent-avatar {
  --avatar-box: 36px;
}
.xc-ai-avatar.agent-avatar {
  --avatar-box: 30px;
  width: 30px;
  height: 30px;
  border-radius: 22%;
  background-color: #fffcf8;
}