.recovery-shell { width: min(100%, 520px); margin: 0 auto; padding: 48px 24px; }
.recovery-logo { width: 148px; height: 50px; object-fit: contain; }
.recovery-shell .nav-link { min-height: 44px; }
.recovery-code-panel { max-width: 540px; padding: 32px 20px; text-align: center; overflow-wrap: anywhere; }
.recovery-code { padding: 20px 12px; background: var(--bs-paper-bg, #fff); border: 1px solid var(--bs-border-color, #ddd);
    border-radius: 8px; font-size: 36px; line-height: 1.4; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: 0; }
.recovery-table td:first-child { min-width: 170px; max-width: 260px; overflow-wrap: anywhere; }
.recovery-table td { vertical-align: middle; }
.recovery-shell .validation-summary-valid { display: none; }
@media (max-width: 575px) { .recovery-shell { padding: 28px 20px; } }