/* Avatars — image-first, gradient-initial fallback. */
.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.avatar-sm { width: 28px; height: 28px; }
.avatar-lg { width: 64px; height: 64px; }

.avatar-initial {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--accent) 0%, var(--gh-amber-light) 100%);
    color: var(--accent-contrast);
    font-weight: 800;
}