/* Styling for AI typing indicator */
#typing-indicator .typing-dots span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #6b7280; /* gray-500 */
    margin: 0 2px;
    animation: typing-blink 1.4s infinite both;
}

#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-blink {
    0% {
        opacity: 0.2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}

/* Ensure the prose class from Tailwind is applied correctly for formatted text */
.prose {
    max-width: none;
}
.prose p { margin-bottom: 1em; }
.prose ul, .prose ol { margin-left: 1.5em; }
.prose strong { font-weight: 600; }