.o_mail_message_typing {
    opacity: 0.7;
    
    .typing-indicator {
        display: inline-block;
        margin-left: 8px;
        
        span {
            display: inline-block;
            width: 8px;
            height: 8px;
            margin: 0 2px;
            background-color: currentColor;
            border-radius: 50%;
            animation: typing 1s infinite;
            
            &:nth-child(2) { animation-delay: 0.2s; }
            &:nth-child(3) { animation-delay: 0.4s; }
        }
    }
}

@keyframes typing {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}