/* Sizes and fallback are shared; existing host controls keep their layout. */
.bb-identity{--bb-identity-size:32px;display:inline-flex!important;position:relative;flex:none;align-items:center;justify-content:center;vertical-align:middle;inline-size:var(--bb-identity-size)!important;block-size:var(--bb-identity-size)!important;min-inline-size:var(--bb-identity-size);border-radius:50%!important;overflow:hidden;background:var(--bb-theme-line,#e6e8eb);color:var(--bb-theme-ink,#25292f);font-weight:700;line-height:1;font-size:calc(var(--bb-identity-size)*.4)}
.bb-identity[data-bb-size="24"]{--bb-identity-size:24px}.bb-identity[data-bb-size="32"]{--bb-identity-size:32px}.bb-identity[data-bb-size="40"]{--bb-identity-size:40px}.bb-identity[data-bb-size="64"]{--bb-identity-size:64px}
.bb-identity img{position:absolute;inset:0;display:block!important;inline-size:100%!important;block-size:100%!important;max-inline-size:none;width:100%!important;height:100%!important;object-fit:cover;border-radius:50%;margin:0!important}
.bb-identity.bb-has-image>.bb-identity-initial{visibility:hidden}.bb-asset-icon img{object-fit:contain}.bb-identity-initial{display:block}
[data-bb-current-avatar]{display:inline-flex;flex:none;vertical-align:middle}.h5-head-actions [data-bb-current-avatar]{padding:0;border:0;background:transparent;cursor:pointer}
[data-me-page] .me [data-bb-current-avatar]{min-inline-size:64px}.web-avatar summary>.bb-identity,.web-avatar summary>[data-bb-current-avatar]{flex:none}
.chat-user-avatar:has(>.bb-identity),.chat-sheet-avatar:has(>.bb-identity),.thread-avatar:has(>.bb-identity){padding:0;background:transparent}
/* The fallback letter is always centred in its circle, whatever size a host page forces on it. A phone-menu rule sizes
   every span inside the avatar to the full circle; as a plain block the letter then sat at the top-left and was cut by
   the round edge (owner 2026-10-09). */
.bb-identity>.bb-identity-initial{display:flex!important;align-items:center;justify-content:center;text-align:center;line-height:1;border-radius:0!important;background:none!important}