/* Scrollbar halus */
.nice-scroll::-webkit-scrollbar { width: 10px; }
.nice-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }

/* Typing dots */
.typing-dot {
  width: 6px; height: 6px; border-radius: 9999px;
  display: inline-block; margin: 0 2px; opacity: .4;
  background: #64748b; /* slate-500 */
  animation: blink 1s infinite;
}
.typing-dot:nth-child(2) { animation-delay: .2s; }
.typing-dot:nth-child(3) { animation-delay: .4s; }
@keyframes blink { 0%, 80%, 100% { opacity: .2; } 40% { opacity: 1; } }

/* Avatars */
.avatar { width: 36px; height: 36px; border-radius: 9999px; display: grid; place-items: center; font-size: 0.75rem; font-weight: 600; }
.avatar-user { background: linear-gradient(135deg,#4f46e5,#06b6d4); color: white; }
.avatar-bot { background: #e2e8f0; color: #0f172a; }