/* Activity Indicator — On-map toasts + header activity text */

.activity-toast {
    position: absolute;
    z-index: 10001;
    padding: 4px 10px;
    background: var(--bg-panel, rgba(20, 20, 22, 0.88));
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid var(--border-medium, rgba(255, 255, 255, 0.10));
    border-left: 3px solid #5B8DBE;
    border-radius: var(--radius-sm, 6px);
    font-family: var(--font-sans, 'Inter', sans-serif);
    font-size: 11px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.60));
    pointer-events: none;
    white-space: nowrap;
    animation: fadeInUp 0.3s var(--ease-out, ease);
    transition: opacity 0.6s ease;
}

.activity-toast strong {
    color: var(--text-primary, rgba(255, 255, 255, 0.92));
    font-weight: 600;
}

.activity-toast-fading {
    opacity: 0;
}

/* Header activity text under online avatars */
.header-activity-text {
    font-family: var(--font-sans, 'Inter', sans-serif);
    font-size: 9px;
    color: var(--text-muted, rgba(255, 255, 255, 0.35));
    padding: 1px 4px;
    border-left: 2px solid #5B8DBE;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
    transition: opacity 0.6s ease;
}

.header-activity-fading {
    opacity: 0;
}