/* Pips Trader in-app overlay scrollbar.
   Desktop/fine-pointer only: scrolling stays native, scrollbar no longer consumes layout width. */
@media (hover:hover) and (pointer:fine){
  html{
    scrollbar-gutter:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  html::-webkit-scrollbar{
    width:0;
    height:0;
  }

  .pt-scrollbar{
    position:fixed;
    top:4px;
    right:0;
    bottom:4px;
    width:12px;
    z-index:2147483000;
    pointer-events:none;
    opacity:0;
    cursor:default;
    transition:opacity .16s ease;
  }
  .pt-scrollbar[data-visible="true"]{
    opacity:1;
    pointer-events:auto;
  }
  .pt-scrollbar-thumb{
    position:absolute;
    top:0;
    right:0;
    width:12px;
    min-height:36px;
    background:transparent;
    pointer-events:auto;
    cursor:default;
    touch-action:none;
    user-select:none;
    will-change:transform,height;
  }
  .pt-scrollbar-thumb::after{
    content:"";
    position:absolute;
    top:0;
    right:3px;
    bottom:0;
    width:4px;
    border-radius:999px;
    background:rgba(32,36,49,.28);
    transition:width .14s ease,right .14s ease,background-color .14s ease;
  }
  .pt-scrollbar-thumb:hover::after,
  .pt-scrollbar.is-dragging .pt-scrollbar-thumb::after{
    right:2px;
    width:6px;
    background:rgba(32,36,49,.48);
  }
  html.pt-scroll-dragging{
    scroll-behavior:auto!important;
  }
  html.pt-scroll-dragging,
  html.pt-scroll-dragging *{
    cursor:default!important;
    user-select:none!important;
  }
}

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