/* The brand login card is white; keep all form states legible on that surface. */
html body .auth-opening .auth-login-panel {
  color-scheme: light;
  color: #202322;
}

html body .auth-opening .auth-login-panel h2 {
  color: #173f3b;
  text-shadow: none;
}

html body .auth-opening .auth-login-panel .auth-field-name {
  color: #354944;
  text-shadow: none;
}

html body .auth-opening .auth-login-panel .auth-input-shell input {
  color: #202322 !important;
  -webkit-text-fill-color: #202322 !important;
  caret-color: #202322;
  background: #f7faf9 !important;
  border-color: #879c94 !important;
  text-shadow: none;
}

html body .auth-opening .auth-login-panel .auth-input-shell input::placeholder {
  color: #66736d;
  -webkit-text-fill-color: #66736d;
  opacity: 1;
}

html body .auth-opening .auth-login-panel .auth-input-shell input:focus {
  background: #fff !important;
  border-color: #c94c06 !important;
  box-shadow: 0 0 0 3px rgba(201, 76, 6, .18) !important;
}

html body .auth-opening .auth-login-panel .auth-input-shell input:autofill,
html body .auth-opening .auth-login-panel .auth-input-shell input:-webkit-autofill {
  color: #202322 !important;
  -webkit-text-fill-color: #202322 !important;
  caret-color: #202322;
}

html body .auth-opening .auth-login-panel .auth-register-link {
  color: #17665f;
  text-shadow: none;
}

html body .auth-opening .auth-login-panel .auth-register-link:hover,
html body .auth-opening .auth-login-panel .auth-register-link:focus-visible {
  color: #123e3b;
  background: #e8f7f5;
}

html body .auth-opening .auth-login-panel .auth-register-link:focus-visible {
  outline: 2px solid #17665f;
  outline-offset: 2px;
}

html body .auth-opening .auth-login-panel .auth-login-error {
  color: #b42318;
}