
/* v69 — keep phone mockup; fix captcha clipping and vertical flow */

/* Give the form enough vertical breathing room */
.v65-form{
  gap:5px !important;
}

/* Captcha: taller box and contain the generated image completely */
.v65-captcha-row{
  grid-template-columns:minmax(0,1fr) 46px !important;
  gap:7px !important;
  align-items:stretch !important;
  margin-top:1px !important;
}
.v65-captcha-box{
  height:48px !important;
  min-height:48px !important;
  overflow:hidden !important;
  padding:2px 7px !important;
  box-sizing:border-box !important;
}
.v65-captcha-box img,
.v65-captcha-box svg,
.v65-captcha-box canvas{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}
.v65-captcha-row > button{
  min-width:46px !important;
  height:48px !important;
  min-height:48px !important;
}

/* The captcha answer field should sit below the captcha, not collide with it */
.v65-captcha-row + .v65-input{
  margin-top:4px !important;
}

/* Push submit/security downward naturally instead of overlaying captcha */
.v65-submit{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  margin-top:7px !important;
  min-height:38px !important;
}
.v65-security{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  margin-top:8px !important;
  padding-bottom:2px !important;
  line-height:1.35 !important;
}
.v65-homebar{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  margin:5px auto 0 !important;
}

/* Slightly reclaim space above the form so the lower controls can move down
   while staying inside the phone at normal laptop/desktop heights. */
.v65-phone-brand{
  margin-bottom:3px !important;
}
.v65-welcome h2{
  margin-top:4px !important;
  margin-bottom:1px !important;
}
.v65-welcome p{
  margin-bottom:3px !important;
}
.v65-secure-row{
  margin-bottom:3px !important;
}

/* On shorter screens keep captcha readable; compress only nonessential gaps. */
@media (max-height:760px) and (min-width:821px){
  .v65-captcha-box,
  .v65-captcha-row > button{
    height:43px !important;
    min-height:43px !important;
  }
  .v65-submit{
    margin-top:5px !important;
    min-height:35px !important;
  }
  .v65-security{
    margin-top:5px !important;
  }
}

/* Do not shrink captcha aggressively when browser is zoomed out. */
@media (min-width:1500px){
  .v65-captcha-box,
  .v65-captcha-row > button{
    height:48px !important;
    min-height:48px !important;
  }
}
