/* SeolLab scrollbar v1 — approved 2026-10-10: calm square, native scrolling.
 * 12px lane / 8px thumb / 2px visible corners. No scroll-owner or overflow changes.
 * Opt in on html only. Independent November Re:Member must never load this file.
 * Keep OS touch indicators and forced-colors scrollbars unchanged.
 */
html[data-sl-scrollbars] {
  --sl-scroll-thumb: var(--sl-control, #73736d);
  --sl-scroll-hover: var(--sl-muted, #a7a7a1);
  --sl-scroll-active: var(--sl-accent, #d8ff66);
}
@media (hover: hover) and (pointer: fine) and (forced-colors: none) {
  html[data-sl-scrollbars], html[data-sl-scrollbars] * {
    scrollbar-width: thin;
    scrollbar-color: var(--sl-scroll-thumb) transparent;
  }
  @supports selector(::-webkit-scrollbar) {
    html[data-sl-scrollbars], html[data-sl-scrollbars] * {
      scrollbar-width: auto;
      scrollbar-color: auto;
    }
    html[data-sl-scrollbars]::-webkit-scrollbar,
    html[data-sl-scrollbars] *::-webkit-scrollbar {
      width: 12px;
      height: 12px;
    }
    html[data-sl-scrollbars]::-webkit-scrollbar-track,
    html[data-sl-scrollbars] *::-webkit-scrollbar-track {
      background: transparent;
    }
    html[data-sl-scrollbars]::-webkit-scrollbar-thumb,
    html[data-sl-scrollbars] *::-webkit-scrollbar-thumb {
      background-color: var(--sl-scroll-thumb);
      border: 2px solid transparent;
      background-clip: padding-box;
      border-radius: 4px;
      min-height: 48px;
      min-width: 48px;
    }
    html[data-sl-scrollbars]::-webkit-scrollbar-thumb:hover,
    html[data-sl-scrollbars] *::-webkit-scrollbar-thumb:hover {
      background-color: var(--sl-scroll-hover);
    }
    html[data-sl-scrollbars]::-webkit-scrollbar-thumb:active,
    html[data-sl-scrollbars] *::-webkit-scrollbar-thumb:active {
      background-color: var(--sl-scroll-active);
    }
    html[data-sl-scrollbars]::-webkit-scrollbar-button,
    html[data-sl-scrollbars] *::-webkit-scrollbar-button {
      display: none;
      width: 0;
      height: 0;
    }
    html[data-sl-scrollbars]::-webkit-scrollbar-corner,
    html[data-sl-scrollbars] *::-webkit-scrollbar-corner {
      background: transparent;
    }
  }
}