
/* v95 — active phone scroll navigator */
body.v65-login .v65-phone{
  position:relative!important;
}
body.v65-login .v65-screen{
  position:relative!important;
  overflow:hidden!important;
}

/* The phone body is now the actual scroll area */
body.v65-login .v65-phone-content{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  padding-right:25px!important;
}
body.v65-login .v65-phone-content::-webkit-scrollbar{
  width:0!important;
  height:0!important;
}

/* Navigator rail */
body.v65-login .v95-phone-rule{
  position:absolute!important;
  right:7px!important;
  top:92px!important;
  bottom:62px!important;
  width:5px!important;
  z-index:30!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important;
  cursor:pointer!important;
  touch-action:none!important;
}

/* Dynamic thumb */
body.v65-login .v95-phone-thumb{
  position:absolute!important;
  top:0!important;
  left:0!important;
  display:block!important;
  width:100%!important;
  min-height:42px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#d1fae5 0%,#6ee7b7 55%,#34d399 100%)!important;
  box-shadow:0 2px 9px rgba(1,31,23,.24),0 0 0 1px rgba(255,255,255,.18)!important;
  cursor:grab!important;
  will-change:transform,height!important;
}
body.v65-login .v95-phone-thumb:active{
  cursor:grabbing!important;
}
body.v65-login .v95-phone-rule.inactive{
  opacity:.45!important;
}

/* keep internal footer reachable by scroll */
body.v65-login .v65-security,
body.v65-login .v65-homebar{
  flex-shrink:0!important;
}

/* short screens: longer track */
@media(max-height:760px) and (min-width:821px){
  body.v65-login .v95-phone-rule{
    top:78px!important;
    bottom:48px!important;
  }
}

/* on narrow mobile, navigator stays visible but subtle */
@media(max-width:820px){
  body.v65-login .v95-phone-rule{
    right:6px!important;
    width:4px!important;
  }
}
