/* Recovery pages reuse login.css; only the bits specific to these pages live here. */
.recovery-card h2 { margin: 0 0 4px; font-size: 21px; font-weight: 800; }
.recovery-copy { margin: 0 0 14px; color: var(--muted); font-size: 14px; }
.recovery-card .status { margin: 14px 0 0; }
.recovery-card form .submit { margin-top: 4px; }

.recovery-eye { width: 42px; height: 42px; margin-right: 2px; display: grid; place-items: center; border: 0; border-radius: 10px; background: none; color: var(--dim); transition: color .2s, background .2s; }
.recovery-eye:hover { color: var(--mint); background: var(--mint-soft); }
.recovery-eye svg { width: 20px; height: 20px; }
.recovery-eye .eye-closed, .recovery-eye[aria-pressed="true"] .eye-open { display: none; }
.recovery-eye[aria-pressed="true"] .eye-closed { display: block; }

.back-link { margin-top: 14px; display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13.5px; font-weight: 650; text-decoration: none; transition: color .2s, gap .2s var(--ease); }
.back-link:hover { color: var(--mint); gap: 11px; }