.chat-message { transition: all .3s ease; }
.user-message { background:#e9f5fe; border-radius:18px 18px 0 18px; }
.bot-message   { background:#f1f5f9; border-radius:18px 18px 18px 0; }

.typing-indicator span {
    display:inline-block; width:8px; height:8px; background:#dc2626;
    border-radius:50%; margin-right:5px; animation:bounce 1.5s infinite ease-in-out;
}
.typing-indicator span:nth-child(2){animation-delay:.2s}
.typing-indicator span:nth-child(3){animation-delay:.4s; margin-right:0}

@keyframes bounce {0%,80%,100%{transform:translateY(0)} 40%{transform:translateY(-6px)}}

.custom-scrollbar::-webkit-scrollbar {width:6px}
.custom-scrollbar::-webkit-scrollbar-track {background:transparent}
.custom-scrollbar::-webkit-scrollbar-thumb {background:#cbd5e1; border-radius:20px}

.scroll-bottom-btn {
    opacity:0; pointer-events:none;
    transition:opacity .3s,transform .3s;
}
.scroll-bottom-btn.visible {
    opacity:1; pointer-events:auto;
}