{{-- Recovery codes — shown once after enabling/regenerating (D81). --}}
<div class="notice" style="margin:.8rem 0;flex-direction:column;align-items:flex-start;">
    <div style="display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;"><i class="fa-light fa-key" style="color:var(--gold);"></i>
        <strong>Save your recovery codes</strong></div>
    <p style="font-size:.84rem;color:var(--ink-soft);margin-bottom:.6rem;">Store these somewhere safe. Each can be used once if you lose your authenticator.</p>
    <div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem .9rem;font-family:monospace;font-size:.85rem;">
        @foreach ($recoveryCodes as $rc)
            <span>{{ $rc }}</span>
        @endforeach
    </div>
</div>