/* Shared desktop scrollbar appearance for Web, collection and report pages.
   Keep native scrolling, narrow-screen behavior and forced-color preferences. */
@media screen and (min-width: 1024px) and (forced-colors: none) {
  :root {
    --product-scrollbar-thumb: #78938d;
  }

  :where(html, body *) {
    scrollbar-width: thin;
    scrollbar-color: var(--product-scrollbar-thumb) transparent;
  }

  @supports not (scrollbar-width: thin) {
    :where(html, body *)::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    :where(html, body *)::-webkit-scrollbar-track {
      background: transparent;
    }

    :where(html, body *)::-webkit-scrollbar-thumb {
      border: 2px solid transparent;
      border-radius: 999px;
      background: var(--product-scrollbar-thumb);
      background-clip: padding-box;
    }
  }
}