/* Password recovery follows the shared login and registration design. */
.recovery-card .recovery-help { margin-top: 6px; color: var(--login-muted); font-size: 11px; line-height: 18px; }
.recovery-password-label { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.recovery-password-label label { margin: 0; }
.recovery-password-label button { min-height: 32px; margin: -6px 0; padding: 4px 0; border: 0; color: var(--login-muted); background: transparent; font: inherit; font-size: 11px; line-height: 20px; cursor: pointer; }
.recovery-password-label button:hover,
.recovery-password-label button:focus-visible { color: var(--login-text); text-decoration: underline; outline: none; box-shadow: none; }
.recovery-card .recovery-expiry { margin-top: 12px; }
.recovery-submit { margin-top: 20px; }
.recovery-success { margin-top: 18px; padding: 12px; border: 1px solid var(--login-border); border-radius: 5px; background: var(--login-hover); color: var(--login-text); font-size: 13px; line-height: 21px; overflow-wrap: anywhere; outline: none; box-shadow: none; }
.recovery-links { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--login-border); }
.recovery-new-link { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 12px; border: 1px solid var(--login-border); border-radius: 5px; color: var(--login-text); background: transparent; font-size: 12px; line-height: 20px; text-decoration: none; }
.recovery-new-link:hover { background: var(--login-hover); }
.recovery-back { display: inline-flex; align-items: center; min-height: 32px; color: var(--login-muted); font-size: 12px; line-height: 20px; text-decoration: none; }
.recovery-back:hover { color: var(--login-text); text-decoration: underline; }
.recovery-links p:not([hidden]) + .recovery-back { margin-top: 8px; }
.recovery-card .recovery-new-link:focus-visible { background: var(--login-hover); outline: none; box-shadow: none; text-decoration: none; }
@media (max-width: 600px) {
  .recovery-back { min-height: 44px; }
}