/* Custom utility styles for Cosine.run, chat.cosine.com & api.cosine.com */
@layer base {
  html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

/* Custom minimal scrollbar */
.scrollbar-thin::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.scrollbar-thin::-webkit-scrollbar-track {
  background: transparent;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.4);
  border-radius: 9999px;
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background-color: rgba(156, 163, 175, 0.7);
}

.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Chat prose styling */
.prose-chat p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.prose-chat p:first-child {
  margin-top: 0;
}
.prose-chat p:last-child {
  margin-bottom: 0;
}
.prose-chat strong {
  font-weight: 700;
}
.prose-chat code {
  font-family: 'JetBrains Mono', Menlo, monospace;
}
.prose-chat pre {
  margin: 0;
}

/* 2-line clamp with ellipsis for conversation turn items */
.cui-line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}