/* Аватары и fallback-инициалы (C2) */

.avatar-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--vd-avatar-ring);
    box-shadow: 0 2px 5px rgba(var(--vd-chrome-shadow-rgb), 0.1);
}

.avatar-large {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid var(--vd-avatar-ring);
    box-shadow: 0 4px 10px rgba(var(--vd-chrome-shadow-rgb), 0.18);
}

.tw-avatar-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--vd-text);
    background: linear-gradient(135deg, var(--vd-avatar-fallback-from), var(--vd-avatar-fallback-to));
    border: 2px solid rgba(255, 255, 255, 0.85);
    user-select: none;
}

.tw-avatar-fallback-sm {
    width: 32px;
    height: 32px;
    font-size: 0.66rem;
}

.tw-avatar-fallback-md {
    width: 40px;
    height: 40px;
    font-size: 0.76rem;
}

.tw-avatar-fallback-lg {
    width: 96px;
    height: 96px;
    font-size: 1.35rem;
}