.auth-page .layout {
  grid-template-columns: 1fr !important;
}

.auth-page .main {
  padding: 0;
}

.auth-main {
  display: flex;
  justify-content: center;
}

.auth-wrap {
  width: 100%;
  max-width: 720px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 24px 16px;
}

.auth-wrap--login {
  min-height: calc(100vh - 108px);
  flex-direction: column;
  justify-content: center;
}

.auth-wrap--forgot,
.auth-wrap--reset {
  min-height: calc(100vh - 72px);
}

.auth-page .login-card {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}

.auth-page .login-wrap {
  align-items: center;
}

.auth-card-head {
  background: linear-gradient(90deg, var(--navy), var(--navy-2));
  padding: 16px 20px;
}

.auth-card-title {
  margin: 0;
}

.auth-page .login-card .card__body {
  padding: 20px 20px 24px 20px;
}

.auth-field-label {
  font-size: 13px;
  font-style: italic;
  font-weight: 600;
  color: var(--muted);
}

.auth-field-mt {
  margin-top: 12px;
}

.auth-link-wrap {
  margin-top: 8px;
}

.auth-link {
  font-size: 13px;
  color: var(--navy);
  text-decoration: underline;
}

.auth-status {
  margin-top: 10px;
}

.auth-status--error {
  color: #b00020;
}

.auth-status--info {
  color: var(--navy);
}

.auth-actions {
  display: flex;
  gap: 10px;
  margin-top: 14px;
  align-items: center;
}

.auth-login-submit {
  background: var(--cta);
  color: #fff;
  border-color: var(--cta);
  font-weight: 900;
}

.auth-login-submit:hover {
  background: var(--cta-2);
  border-color: var(--cta-2);
}

.auth-forgot-intro {
  margin-top: 0;
}

.auth-identifier-input {
  pointer-events: auto !important;
  user-select: text;
  -webkit-user-select: text;
}