/*
 HyperOS LIVE 001J
 Mobile login visibility fix.
 This file only changes the login screen layout and never touches data or sync.
*/

body.workspace-identity-locked {
  padding-bottom: 0 !important;
  overflow: hidden !important;
}

/* Navigation belongs to the signed-in app only. */
body.workspace-identity-locked .t7-mobile-dock,
body.workspace-identity-locked .sidebar,
body.workspace-identity-locked .sidebar-overlay,
body.workspace-identity-locked .main-content {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Keep the login layer visible above everything else. */
body.workspace-identity-locked .workspace-identity-gate {
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 30000 !important;
}

@media (max-width: 760px) {
  .workspace-login-gate {
    display: block !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding:
      max(16px, env(safe-area-inset-top, 0px))
      12px
      max(34px, env(safe-area-inset-bottom, 0px)) !important;
  }

  .workspace-login-dialog {
    width: 100% !important;
    max-width: 430px !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 auto !important;
    padding: 22px 17px 26px !important;
  }

  .workspace-login-submit {
    display: flex !important;
    position: relative !important;
    width: 100% !important;
    min-height: 52px !important;
    margin-top: 18px !important;
    margin-bottom: 10px !important;
    z-index: 2 !important;
  }

  .workspace-login-note {
    padding-bottom: 4px !important;
  }
}

@media (max-width: 390px), (max-height: 720px) {
  .workspace-login-dialog {
    padding-top: 18px !important;
  }

  .workspace-login-brand {
    margin-bottom: 15px !important;
  }

  .workspace-login-dialog .workspace-login-intro {
    margin-bottom: 16px !important;
  }

  .workspace-login-field {
    margin-bottom: 14px !important;
  }

  .workspace-login-submit {
    margin-top: 14px !important;
  }
}