/* Colour the native page scrollbar without replacing its input or geometry.
   The brighter JAIMO blue remains distinct against the charcoal track. */
@media (forced-colors: none) {
  :root {
    scrollbar-color: var(--jaimo-blue-bright, #006bff) var(--surface-dark, #151515);
  }

  /* Older WebKit keeps the same treatment where the standard is unavailable.
     Scope this to the page, leaving the lineup's hidden horizontal rail alone. */
  @supports not (scrollbar-color: auto) {
    :root::-webkit-scrollbar {
      width: 12px;
      height: 12px;
      background: var(--surface-dark, #151515);
    }

    :root::-webkit-scrollbar-track,
    :root::-webkit-scrollbar-corner {
      background: var(--surface-dark, #151515);
    }

    :root::-webkit-scrollbar-thumb {
      min-height: 44px;
      border: 3px solid var(--surface-dark, #151515);
      border-radius: 8px;
      background: var(--jaimo-blue-bright, #006bff);
      background-clip: padding-box;
    }

    :root::-webkit-scrollbar-thumb:hover {
      border-width: 2px;
    }
  }
}