.change-password-page .account-page .change-password-card,
.change-password-page .account-page .pwd-alert {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}

.change-password-card .form-label {
  font-size: 0.875rem;
}

.password-input-wrap {
  position: relative;
}

.password-input-wrap .form-input {
  padding-right: 44px;
  width: 100%;
}

.password-toggle-btn {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 6px 8px;
  font-size: 1rem;
  line-height: 1;
  opacity: 0.55;
  border-radius: var(--radius-sm, 6px);
  transition: opacity 0.15s;
}

.password-toggle-btn:hover,
.password-toggle-btn:focus-visible {
  opacity: 1;
  outline: none;
}

.password-toggle-btn.is-visible {
  opacity: 0.85;
}

.pwd-alert {
  padding: 12px 16px;
  border-radius: var(--radius-md, 8px);
  margin-bottom: 16px;
  font-size: 0.875rem;
  border: 1px solid var(--danger, #ef4444);
  color: var(--danger, #ef4444);
  background: #fef2f2;
}

.pwd-alert-success {
  border-color: var(--secondary, #22c55e);
  color: var(--secondary-dark, #15803d);
  background: #ecfdf5;
}

.pwd-alert[hidden],
#reset-pwd-alert[hidden] {
  display: none !important;
}

#pwd-submit-btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}