/* WBS CLEAR GLASS SCROLLBAR V1 — 30.10.2026 */
:root {
  --wbs-scroll-track: rgba(9,24,43,.24);
  --wbs-scroll-border: rgba(227,238,255,.16);
  --wbs-scroll-thumb-border: rgba(233,248,255,.45);
}

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--wbs-scroll-track);
  border: 1px solid var(--wbs-scroll-border);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb {
  min-height: 34px;
  background: linear-gradient(
    180deg,
    rgba(226,246,255,.85),
    rgba(120,211,248,.55) 65%,
    rgba(134,177,239,.46)
  );
  border: 1px solid var(--wbs-scroll-thumb-border);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(
    180deg,
    rgba(245,252,255,.98),
    rgba(135,226,255,.88),
    rgba(140,194,255,.72)
  );
  border-color: rgba(255,255,255,.82);
}

::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

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

/* Firefox: цветной системный ползунок */
@supports (-moz-appearance: none) {
  :root, :where(*) {
    scrollbar-width: thin;
    scrollbar-color:
      rgba(148,220,255,.72)
      rgba(9,24,43,.18);
  }
}