/* Custom scrollbars — desktop only (matches DaytoBet dark + purple theme) */
@media (min-width: 769px) {
  html {
    scrollbar-width: thin;
    scrollbar-color: rgba(99, 102, 241, 0.55) rgba(255, 255, 255, 0.06);
  }

  body,
  * {
    scrollbar-width: thin;
    scrollbar-color: rgba(99, 102, 241, 0.55) rgba(255, 255, 255, 0.06);
  }

  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  ::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 999px;
  }

  ::-webkit-scrollbar-thumb {
    background: linear-gradient(
      180deg,
      rgba(99, 102, 241, 0.75) 0%,
      rgba(139, 92, 246, 0.65) 100%
    );
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
      180deg,
      rgba(129, 140, 248, 0.9) 0%,
      rgba(167, 139, 250, 0.85) 100%
    );
    background-clip: padding-box;
  }

  ::-webkit-scrollbar-corner {
    background: transparent;
  }
}