/* /css/chatbot.css */

/* Animações para a janela do chat */
@keyframes slide-in {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes slide-out {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
}

/* Aplica a animação quando a janela é mostrada */
#chat-window:not(.hidden) {
    animation: slide-in 0.3s ease-out forwards;
}

/* Estilos para as mensagens */
.chat-message-user {
    display: flex;
    justify-content: flex-end;
}

.chat-message-user > div {
    background-color: #0d3d57; /* Cor similar a 'brand-primary' */
    color: white;
}

.chat-message-bot > div {
    background-color: #e5e7eb; /* Cor similar a 'bg-gray-200' */
    color: #1f2937; /* Cor similar a 'text-gray-800' */
}

/* Scrollbar customizada para a área de mensagens */
#chat-messages::-webkit-scrollbar {
    width: 6px;
}

#chat-messages::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#chat-messages::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

#chat-messages::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}