/* Индикатор печатает */
.typing-indicator {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: var(--text-secondary);
    padding: 2px 6px;
    background: var(--bg-secondary);
    border-radius: 12px;
    margin-left: 8px;
}

.typing-indicator-text {
    font-size: 11px;
}

.typing-dots {
    display: flex;
    gap: 2px;
    align-items: center;
}

.typing-dots .dot {
    width: 4px;
    height: 3px;
    background: var(--text-secondary);
    border-radius: 50%;
    animation: typing-bounce 1.4s infinite ease-in-out;
}

.typing-dots .dot:nth-child(1) { animation-delay: 0s; }
.typing-dots .dot:nth-child(2) { animation-delay: 0.2s; }
.typing-dots .dot:nth-child(3) { animation-delay: 0.4s; }

@keyframes typing-bounce {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: 0.5;
    }
    30% {
        transform: translateY(-4px);
        opacity: 1;
    }
}

/* Статус в шапке чата */
.conv-meta.online {
    color: #10B981;
}

.conv-meta.offline {
    color: #6B7280;
}

/* Статус в списке чатов */
.conversation-status.online {
    color: #10B981;
    font-size: 12px;
}

.conversation-status.offline {
    color: #6B7280;
    font-size: 12px;
}