/* Notion-style minimal theme & animations */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

body {
  font-family: var(--font-sans);
  overscroll-behavior-y: contain;
  -webkit-tap-highlight-color: transparent;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #e2e8f0;
  border-radius: 9999px;
}
.dark ::-webkit-scrollbar-thumb {
  background: #334155;
}

/* Hide default input styles */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

/* Custom active tabs transition */
.tab-active {
  border-bottom: 2px solid #0f172a;
  color: #0f172a;
}
.dark .tab-active {
  border-bottom: 2px solid #f8fafc;
  color: #f8fafc;
}

/* Chat Input Bar transitions */
#chat-inline-panel {
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Rich Text Editor Lists Style Recovery (Tailwind Reset Override) */
#note-editor-content ul {
  list-style-type: disc !important;
  padding-left: 20px !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

#note-editor-content ol {
  list-style-type: decimal !important;
  padding-left: 20px !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

#note-editor-content li {
  display: list-item !important;
}

@media (max-width: 1023px) {
  .mobile-collapsed {
    display: none !important;
  }
}