/* Admin Password Reset OTP Styles */

/* All inputs full width with padding */
#content-main input[type="text"],
#content-main input[type="email"],
#content-main input[type="password"] {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
}

/* OTP input styling */
#id_otp {
  font-size: 1.5em;
  letter-spacing: 0.5em;
  text-align: center;
  font-family: monospace;
  padding: 10px 15px;
}

/* Help text under form heading */
.form-row .help {
  margin: 5px 0 15px;
  font-size: 0.875em;
  line-height: 1.5;
  color: var(--dcsl-dark-grey, #5a6378);
}

/* Back link */
.password-reset-back {
  margin-top: 15px;
  text-align: center;
}

.password-reset-back a {
  font-size: 0.875em;
  color: var(--dcsl-light-blue, #7b9bc9);
}

.password-reset-back a:hover {
  color: var(--dcsl-primary-dark, #1c2541);
}

/* Form heading */
.form-row h2 {
  background: none;
  color: var(--dcsl-primary-dark, #1c2541);
  padding: 0;
  margin: 0 0 5px;
  font-size: 1.2em;
}

/* Error styling */
.form-row.errors input {
  border-color: #ba2121;
}

/* Password inputs full width */
#id_new_password1,
#id_new_password2 {
  width: 100%;
  box-sizing: border-box;
}

/* Message list spacing */
.messagelist {
  margin-bottom: 15px;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  .form-row .help {
    color: var(--dcsl-text-muted, #a0a8b8);
  }

  .form-row h2 {
    color: var(--dcsl-text, #e0e0e0);
  }

  .password-reset-back a {
    color: var(--dcsl-light-blue, #7b9bc9);
  }

  .password-reset-back a:hover {
    color: var(--dcsl-secondary, #e6a940);
  }

  #id_otp {
    background: #2a3040;
    color: var(--dcsl-text, #e0e0e0);
    border-color: #3a4255;
  }
}