/* AI Chatbot Typing Indicator Styles */
.typing-indicator {
    opacity: 0.7;
}

.typing-indicator .message-content {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 16px;
}

.typing-indicator .message-content span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #6B7280;
    animation: typing-bounce 1.4s infinite ease-in-out;
}

.typing-indicator .message-content span:nth-child(1) {
    animation-delay: -0.32s;
}

.typing-indicator .message-content span:nth-child(2) {
    animation-delay: -0.16s;
}

@keyframes typing-bounce {
    0%, 80%, 100% {
        transform: scale(0);
        opacity: 0.5;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Enhanced message styles for AI responses */
.chatbot-message.bot-message .message-content {
    white-space: pre-wrap;
    line-height: 1.6;
}

.chatbot-message.bot-message .message-content strong {
    font-weight: 600;
    color: #1F2937;
}

.chatbot-message.bot-message .message-content em {
    font-style: italic;
}

/* Loading state for input */
.chatbot-input:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.chatbot-send:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* AI Badge (optional) */
.ai-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    color: #6B7280;
    margin-top: 4px;
}

.ai-badge::before {
    content: "🤖";
    font-size: 12px;
}