/* Flat styling for the direct login page and its embedded account form. */
body.login-page.combined-auth-page {
  background: #fff !important;
}

body.login-page.combined-auth-page .auth-shell,
body.login-page.combined-auth-page .auth-shell *,
body.login-page.combined-auth-page .auth-shell *::before,
body.login-page.combined-auth-page .auth-shell *::after,
body.login-page.combined-auth-page .auth-embedded-close {
  box-shadow: none !important;
  text-shadow: none !important;
  background-image: none !important;
  backdrop-filter: none !important;
}

body.login-page.combined-auth-page .auth-premium-experience,
body.login-page.combined-auth-page .auth-premium-form-card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.login-page.combined-auth-page .auth-premium-experience::before,
body.login-page.combined-auth-page .auth-premium-experience::after,
body.login-page.combined-auth-page .auth-premium-form-card::before,
body.login-page.combined-auth-page .auth-premium-form-card::after {
  display: none !important;
}

body.login-page.combined-auth-page .auth-shell :is(input, button, .button-link, .social-auth-button, .auth-intent-option__card) {
  border-radius: 4px !important;
}

body.login-page.combined-auth-page .auth-shell :is(button, .button-link, .social-auth-button, .auth-intent-option__card) {
  transform: none !important;
  filter: none !important;
}

/* Centre both controls without transforms in login and registration mode. */
body.login-page.combined-auth-page .auth-shell .login-password-field :is(.login-password-field__toggle, .login-password-field__generate) {
  top: 0;
  bottom: 0;
  margin-block: auto;
}

body.login-page.combined-auth-page .auth-mode-switch {
  padding: .7rem 0 0;
  border: 0;
  border-top: 1px solid #e5ebf4;
  border-radius: 0;
  background: transparent;
}

body.login-page.combined-auth-page .auth-shell :is(input, button, a):focus-visible {
  outline: 2px solid #173b7a !important;
  outline-offset: 3px;
}

body.login-page.combined-auth-page .password-generator-dialog {
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  background: #fff;
}

body.login-page.combined-auth-page .password-generator-dialog::backdrop {
  background: rgb(16 43 102 / 35%);
  backdrop-filter: none;
}