/* v97 — refined phone scroll navigator */
body.v65-login .v95-phone-rule{
  right:6px!important;
  width:3px!important;
  top:60px!important;
  bottom:22px!important;
  border-radius:999px!important;
  background:rgba(236,253,245,.08)!important;
  box-shadow:none!important;
  opacity:.72!important;
  transition:opacity .18s ease!important;
}

body.v65-login .v95-phone-rule:hover{
  opacity:.92!important;
}

/* much softer thumb */
body.v65-login .v95-phone-thumb{
  width:3px!important;
  min-height:36px!important;
  border-radius:999px!important;
  background:rgba(209,250,229,.58)!important;
  box-shadow:none!important;
  border:0!important;
  opacity:.95!important;
  transition:
    background .18s ease,
    opacity .18s ease!important;
}

body.v65-login .v95-phone-thumb:hover{
  background:rgba(209,250,229,.78)!important;
}

body.v65-login .v95-phone-thumb:active{
  background:rgba(167,243,208,.88)!important;
}

/* keep invisible hit-area for easier dragging */
body.v65-login .v95-phone-rule::before{
  left:-6px!important;
  right:-6px!important;
}

/* when content barely scrolls, keep it almost invisible */
body.v65-login .v95-phone-rule.inactive{
  opacity:.18!important;
}

@media(max-width:820px){
  body.v65-login .v95-phone-rule{
    width:2.5px!important;
    right:5px!important;
  }
  body.v65-login .v95-phone-thumb{
    width:2.5px!important;
  }
}