/* All teacher-facing auth forms: a real eye-only control, never a theme-colored
   text button. Preserve accessible aria-label/title in the JS implementation. */
.auth-card label:has(> input[name="password"], > input[name="confirm_password"]) {
  position: relative !important;
}
.auth-card label > input[name="password"],
.auth-card label > input[name="confirm_password"] {
  padding-inline-end: 58px !important;
}
html[data-th-color].th-css-auth body.auth-body .auth-card button.auth-password-toggle,
body.auth-body .auth-card button.auth-password-toggle {
  position: absolute !important;
  inset-inline-end: 7px !important;
  inset-block-start: auto !important;
  bottom: 5px !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 40px !important;
  min-width: 42px !important;
  min-height: 40px !important;
  max-width: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #315775 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
  cursor: pointer;
  opacity: 1 !important;
}
html[data-th-color].th-css-auth body.auth-body .auth-card button.auth-password-toggle:hover,
body.auth-body .auth-card button.auth-password-toggle:hover {
  background: #e8f1f7 !important;
  background-color: #e8f1f7 !important;
}
html[data-th-color].th-css-auth body.auth-body .auth-card button.auth-password-toggle:focus-visible,
body.auth-body .auth-card button.auth-password-toggle:focus-visible {
  outline: 3px solid #dfab50 !important;
  outline-offset: 2px !important;
}
body.auth-body .auth-card button.auth-password-toggle svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  pointer-events: none;
}