@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.dark ::-webkit-scrollbar-track {
    background: #374151;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Animation for status changes */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.status-pulse {
    animation: pulse 2s infinite;
}
/* Chat styling */
.chat-message {
    max-width: 80%;
}

.user-message {
    margin-left: auto;
    margin-right: 0;
}

.ai-message {
    margin-right: auto;
    margin-left: 0;
}

.typing::after {
    content: '';
    animation: typing 1.5s infinite;
}

@keyframes typing {
    0% { content: ''; }
    33% { content: '.'; }
    66% { content: '..'; }
    100% { content: '...'; }
}

#chatContainer {
    min-height: 300px;
    max-height: 400px;
}