/* TrainBot custom styles */
.stat-chip {
  background: rgba(51, 65, 85, 0.6);
  border-radius: 9999px;
  padding: 4px 10px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.typing-dots span {
  animation: blink 1.2s infinite;
  font-size: 18px;
}
.typing-dots span:nth-child(2) { animation-delay: 0.2s; }
.typing-dots span:nth-child(3) { animation-delay: 0.4s; }
@keyframes blink {
  0%, 60%, 100% { opacity: 0.25; }
  30% { opacity: 1; }
}

.msg-user, .msg-bot { animation: pop 0.18s ease-out; word-break: break-word; }
@keyframes pop {
  from { transform: translateY(6px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

#chat-messages::-webkit-scrollbar, #pages-list::-webkit-scrollbar { width: 6px; }
#chat-messages::-webkit-scrollbar-thumb, #pages-list::-webkit-scrollbar-thumb {
  background: #475569; border-radius: 3px;
}

/* Navigation */
.nav-link { color: #94a3b8; }
.nav-link:hover { color: #f1f5f9; background: rgba(71, 85, 105, 0.5); }
.nav-active { background: #7c3aed !important; color: white !important; }

/* Code blocks */
.code-block {
  background: #0f172a;
  border: 1px solid #334155;
  border-radius: 12px;
  padding: 12px 14px;
  overflow-x: auto;
  font-size: 12px;
  line-height: 1.6;
  color: #7dd3fc;
}