/*
   Cleaned up for component usage.
   Removed global resets (*, html, body) and legacy class styles to prevent conflicts.
   The interface now relies primarily on Tailwind utility classes in the HTML.
*/

/* Custom scrollbar styling - Scoped to specific class to avoid global pollution */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
  }

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

  .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1; /* slate-300 */
    border-radius: 3px;
  }

  .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; /* slate-400 */
  }

  /* Dark mode scrollbar overrides */
  .dark .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #404040; /* neutral-700 */
  }

  .dark .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #525252; /* neutral-600 */
  }