/* Referência: Rocontec/frontend/src/components/desktop-scrollbar.css.
   Mesmo indicador no desktop; a rolagem do conteúdo continua nativa. */
.desktop-scrollbar { display: none; }
.rs-scrollbar-host { position: relative; }

@media (min-width: 1024px) {
  .rs-desktop-scroll-viewport { scrollbar-width: none !important; }
  .rs-desktop-scroll-viewport::-webkit-scrollbar { display: none !important; width: 0; height: 0; }
  .desktop-scrollbar {
    position: absolute;
    display: flex;
    z-index: 3;
    width: 18px;
    padding: 8px 6px;
    box-sizing: border-box;
    background: transparent;
    touch-action: none;
    user-select: none;
    cursor: default;
  }
  .desktop-scrollbar[hidden] { display: none; }
  .desktop-scrollbar-thumb {
    position: absolute;
    top: 8px;
    left: 6px;
    width: 6px;
    border-radius: 999px;
    background: rgb(103 113 126 / 38%);
    transition: background-color 120ms ease;
    pointer-events: none;
  }
  .desktop-scrollbar:hover .desktop-scrollbar-thumb,
  .desktop-scrollbar[data-scrolling] .desktop-scrollbar-thumb,
  .desktop-scrollbar:focus-visible .desktop-scrollbar-thumb { background: rgb(103 113 126 / 70%); }
  .desktop-scrollbar:active .desktop-scrollbar-thumb,
  .desktop-scrollbar[data-dragging] .desktop-scrollbar-thumb { background: rgb(82 92 105 / 85%); }
  .desktop-scrollbar:focus-visible { outline: 2px solid rgb(103 113 126 / 35%); outline-offset: -3px; border-radius: 999px; }
  html[data-rs-scroll-dragging] { user-select: none; }
}

@media (max-width: 1023px) {
  .rs-control-list { scrollbar-width: auto; scrollbar-color: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .desktop-scrollbar-thumb { transition: none; }
}