/* Shared Avatar component (2026-09) -- see includes/avatar_helper.php.
   Provides the INSIDE of every avatar circle (photo or neutral fallback
   icon); the circle's own size/background/border keeps coming from
   whatever per-context class already existed (.eb-avatar, .owner-avatar,
   .offer-user-avatar, .offer-message-avatar, .pd-avatar). */

.eb-avatar-shell {
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    background: #202735;
    color: #fff;
    flex: 0 0 auto;
}

.eb-avatar-shell .eb-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.eb-avatar-shell .eb-avatar-fallback {
    width: 58%;
    height: 58%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
}

.eb-avatar-shell .eb-avatar-fallback svg {
    width: 100%;
    height: 100%;
    display: block;
}