/**
 * STRELA — общий индикатор «онлайн» на аватаре.
 * Рамка совпадает с фоном карточки (--strela-online-ring), визуально «откусывает» край аватара.
 */
.strela-online-dot {
    position: absolute;
    bottom: 2px;
    right: 1px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    background: linear-gradient(165deg, #4ade80 0%, #16a34a 100%);
    border: 2px solid var(--strela-online-ring, var(--card, #1e293b));
    box-shadow: 0 0 5px rgba(22, 163, 74, 0.35);
    z-index: 8;
    pointer-events: none;
}

/* Компактная карточка профиля / дашборд */
.profile-card-compact {
    --strela-online-ring: var(--card);
}

/* Главная: карточки операторов */
.h-op-card {
    --strela-online-ring: #ffffff;
}
html[data-theme='dark'] .h-op-card {
    --strela-online-ring: var(--card);
}

/* Топ пользователей на главной */
.h-top-card {
    --strela-online-ring: var(--card);
}

/* Trust — совпадение с фоном карточки */
.trust-page .avatar-wrapper,
.card.expanded .avatar-wrapper {
    --strela-online-ring: var(--card);
}

/* Соцсети пользователей */
.sn-card {
    --strela-online-ring: var(--card);
}

/* Подмен — белая карточка */
.pm-avatar-col {
    --strela-online-ring: #fff;
}

/* Мессенджер (index + список) */
.messenger .chat-avatar {
    --strela-online-ring: var(--bg-main);
}

/* Шапка чата */
.chat-header .header-avatar {
    --strela-online-ring: var(--bg-card);
}

/* Профиль: кольцо рейтинга выше аватара — точка поверх */
.pcc-avatar-wrapper .strela-online-dot {
    z-index: 10;
}