/* Password recovery uses the same authentication shell as login, with its
   own recovery-focused story and a compact reset-link form. */
.pp-recovery-story {
    background: radial-gradient(circle at 80% 22%, rgba(125, 211, 252, .34), transparent 25%), radial-gradient(circle at 18% 81%, rgba(167, 139, 250, .28), transparent 31%), linear-gradient(135deg, rgba(30, 64, 175, .94), rgba(67, 56, 202, .92)), url('/images/login-warehouse-backdrop.png') center/cover;
}

.pp-recovery-story-copy { max-width: 25rem; }
.pp-recovery-story-copy > p { max-width: 23rem; }
.pp-recovery-steps li { margin-block: .85rem; }
.pp-recovery-steps li i { color: #bfdbfe; }
.pp-recovery-trust > i { color: #a7f3d0; }

.pp-recovery-card { max-width: 29rem; }
.pp-recovery-card .pp-auth-back { margin-bottom: 2rem; }
.pp-recovery-card header { margin-bottom: 1.25rem; }
.pp-recovery-form { display: grid; gap: 1.25rem; }
.pp-recovery-form .pp-auth-field { margin-top: 0; }
.pp-recovery-signin { color: #2563eb; font-size: .8125rem; font-weight: 700; justify-self: center; text-decoration: none; }
.pp-recovery-signin:hover { color: #1d4ed8; text-decoration: underline; }

@media (max-width: 991.98px) {
    .pp-recovery-card .pp-auth-back { margin-bottom: 1.5rem; }
}