/* Account screens only. No authentication, validation, or transaction behavior. */
html body #app .container[data-v-5b3ea080],
html body #app .container[data-v-84aa287d],
html body #app .lb-identity-r1,
html body #app .password-page,
html body #app .pay-password-page {
  min-height: 100vh;
  min-height: 100dvh;
}

/* Keep all registration fields and Submit in one scroll flow on short screens. */
html body #app .container[data-v-84aa287d] {
  height: auto !important;
  overflow-y: auto !important;
}
html body #app .container[data-v-84aa287d] > form.van-form {
  box-sizing: border-box;
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
}
html body #app .container[data-v-84aa287d] .content {
  height: auto !important;
  overflow: visible;
  padding-bottom: 16px;
}
html body #app .container[data-v-84aa287d] > form.van-form > .bottom {
  position: static !important;
  height: auto;
  padding: 16px;
  padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
}
html body #app .container[data-v-5b3ea080] .field-column,
html body #app .container[data-v-84aa287d] .field-column {
  min-width: 0;
}
html body #app .container[data-v-5b3ea080] input,
html body #app .container[data-v-84aa287d] input,
html body #app .lb-identity-r1 input,
html body #app .password-page input,
html body #app .pay-password-page input {
  font-size: 16px !important;
}

/* Native identity picker and existing logout dialog remain bounded and scrollable. */
html body #app .lb-identity-r1 dialog.lb-id-photo-dialog {
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  -webkit-overflow-scrolling: touch;
}
html body #app .lb-identity-r1 .lb-id-camera video,
html body #app .lb-identity-r1 .lb-id-camera-photo {
  max-height: 45vh;
  max-height: 45dvh;
}
html body .profile-logout-dialog.van-dialog {
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  -webkit-overflow-scrolling: touch;
}
html body #app .lb-profile-screen dialog.lb-profile-settings-menu.lb-profile-settings-drawer-r1 {
  max-height: 100vh;
  max-height: 100dvh;
}
html body #app .lb-service-r16 .lb-service-r16-status {
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 540px) {
  html body #app .lb-identity-r1 dialog.lb-id-photo-dialog {
    max-height: 88vh;
    max-height: 88dvh;
  }
}
@media (max-height: 420px) {
  html body #app .lb-service-r16 .lb-service-r16-status {
    justify-content: flex-start;
  }
}
