/* Restore native document scrolling on desktop; mobile keeps its own scrollers. */
@media (min-width: 1024px) {
  html {
    width: 100%;
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-gutter: stable;
    scrollbar-width: auto;
    scrollbar-color: #819784 #edf1e9;
  }

  body {
    width: 100%;
    height: auto;
    min-height: 100vh;
    overflow: visible;
  }

  html:has(body.van-overflow-hidden),
  html:has(.van-floating-panel) {
    overflow-y: hidden;
  }

  html::-webkit-scrollbar,
  body::-webkit-scrollbar,
  #app *::-webkit-scrollbar {
    width: 14px;
    height: 12px;
  }

  html::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track,
  #app *::-webkit-scrollbar-track {
    background: #edf1e9;
  }

  html::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb,
  #app *::-webkit-scrollbar-thumb {
    min-height: 40px;
    border: 3px solid #edf1e9;
    border-radius: 999px;
    background: #819784 !important;
  }

  html::-webkit-scrollbar-thumb:hover,
  body::-webkit-scrollbar-thumb:hover,
  #app *::-webkit-scrollbar-thumb:hover {
    background: #506b59 !important;
  }
}