/* Animation: fade + slide */
@keyframes chatFade {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Frosted bubbles */
.chat-bubble {
    animation: chatFade 0.25s ease-out forwards;
    backdrop-filter: blur(12px);
}

/* AI bubble — frosted blue */
.ai-bubble {
    background: rgba(59,130,246,0.18);
    border: 1px solid rgba(59,130,246,0.45);
    color: #1e40af;
}

/* User bubble */
.user-bubble {
    background: rgba(226,232,240,0.9);
    border: 1px solid rgba(203,213,225,0.9);
}

/* Chat scroll */
#demoChatBox {
    scrollbar-width: thin;
    scrollbar-color: #60a5fa transparent;
}

#demoChatBox::-webkit-scrollbar {
    width: 8px;
}

#demoChatBox::-webkit-scrollbar-thumb {
    background: #60a5fa;
    border-radius: 8px;
}