/* Bot Avatar and Thinking Animation Styles */
.typing-indicator .typing-dots {
    display: flex;
    gap: 4px;
    padding: var(--space-2);
}

.typing-indicator .typing-dots span {
    width: 8px;
    height: 8px;
    background: var(--primary-blue);
    border-radius: 50%;
    animation: typing 1.4s infinite;
}

.typing-indicator .typing-dots span:nth-child(1) {
    animation-delay: 0s;
}

.typing-indicator .typing-dots span:nth-child(2) {
    animation-delay: 0.2s;
}

.typing-indicator .typing-dots span:nth-child(3) {
    animation-delay: 0.4s;
}

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

.thinking-indicator .thinking-dots {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2);
    font-size: 0.9rem;
}

.thinking-indicator .thinking-dots span:first-child {
    font-size: 1.2rem;
    animation: thinking-icon 2s infinite;
}

.thinking-indicator .thinking-dots span:nth-child(2) {
    opacity: 0.8;
    font-style: italic;
}

.thinking-indicator .thinking-pulse {
    font-size: 1rem;
    animation: thinking-pulse 1.5s infinite;
}

@keyframes thinking-icon {
    0%, 100% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-15deg);
    }
    75% {
        transform: rotate(15deg);
    }
}

@keyframes thinking-pulse {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
}

.bot-avatar {
    position: relative;
    overflow: hidden;
}

.bot-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid var(--gold);
    box-shadow: var(--shadow-gold);
}

.operator-message .final-message-avatar {
    background: var(--gradient-gold);
    color: var(--navy-dark);
}

.system-message .final-message-avatar {
    background: var(--error);
    color: var(--white);
}