/* Custom CSS Styles for Bioconstrucción Intake Copilot */

/* Custom Smooth Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.3);
  border-radius: 9999px;
}

.dark .custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(75, 85, 99, 0.4);
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(16, 185, 129, 0.5);
}

/* Pulse Highlight Animation for target card */
@keyframes cardPulseGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6);
    border-color: #059669;
  }
  50% {
    box-shadow: 0 0 0 10px rgba(16, 185, 129, 0);
    border-color: #10b981;
  }
  100% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
  }
}

.pulse-glow {
  animation: cardPulseGlow 1.4s cubic-bezier(0.24, 0, 0.38, 1);
}

/* Chat Markdown Formatting */
.chat-content strong {
  font-weight: 600;
  color: inherit;
}

.chat-content h4 {
  font-weight: 700;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}

.chat-content h5 {
  font-weight: 600;
  margin-top: 0.375rem;
  margin-bottom: 0.125rem;
}

.chat-content ul, .chat-content ol {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-left: 1rem;
}

.chat-content li {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}