/* v45.2.0 - Copyright Visibility Fix
   Keeps the legal notice visible on the login card without changing auth behavior. */
.true-login-card {
  justify-content: flex-start !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding-top: clamp(20px, 3vw, 42px) !important;
  padding-bottom: clamp(34px, 5vw, 58px) !important;
}

.true-login-logo-frame {
  width: min(315px, 54vw) !important;
  margin-top: 0 !important;
  margin-bottom: -8px !important;
}

.true-login-heading h1 {
  font-size: clamp(2.35rem, 6vw, 4.25rem) !important;
}

.true-login-form {
  gap: 14px !important;
}

.true-login-legal-notice {
  position: relative !important;
  z-index: 4 !important;
  width: min(520px, 100%) !important;
  margin: 14px auto 0 !important;
  padding: 12px 0 0 !important;
  border-top: 1px solid rgba(240,197,111,.26) !important;
  color: rgba(222,232,244,.86) !important;
  font-size: clamp(.68rem, 1.35vw, .78rem) !important;
  line-height: 1.36 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
}

@media (max-height: 900px) {
  .true-login-shell {
    align-items: start !important;
    padding-top: 18px !important;
    padding-bottom: 28px !important;
  }

  .true-login-card {
    gap: 12px !important;
    padding-top: 18px !important;
    padding-bottom: 34px !important;
  }

  .true-login-logo-frame {
    width: min(260px, 48vw) !important;
  }

  .true-login-heading h1 {
    font-size: clamp(2.1rem, 5vw, 3.35rem) !important;
  }

  .true-secure-note,
  .true-hold-note {
    margin-top: 0 !important;
  }

  .true-login-legal-notice {
    margin-top: 10px !important;
    font-size: .68rem !important;
    line-height: 1.3 !important;
  }
}

@media (max-width: 640px) {
  .true-login-card {
    width: 100% !important;
  }

  .true-login-logo-frame {
    width: min(235px, 60vw) !important;
  }

  .true-login-legal-notice {
    font-size: .66rem !important;
  }
}