/* Enrollment stays static SSR; all secrets are confined to the authorized response. */
.account-panel.mfa-enrollment-panel { max-width:48rem; }
.mfa-provisioning { display:flex; align-items:start; flex-wrap:wrap; gap:var(--lodelo-space-6); margin-block:var(--lodelo-space-6); }
.mfa-qr { margin:0; flex:0 1 256px; max-width:100%; }
.mfa-qr img { display:block; width:256px; max-width:100%; height:auto; background:white; }
.mfa-qr figcaption { margin-top:var(--lodelo-space-2); color:var(--lodelo-text-muted); font-size:.875rem; }
.mfa-manual-setup { flex:1 1 16rem; min-width:0; }
.mfa-manual-setup h2 { margin-top:0; font-size:1.125rem; }
.mfa-key-controls { display:flex; align-items:stretch; flex-wrap:wrap; gap:var(--lodelo-space-2); }
.mfa-key-controls input { flex:1 1 15rem; min-width:0; width:100%; font-family:ui-monospace,monospace; }
.mfa-key-controls button { flex:0 0 auto; min-height:44px; }
.mfa-key-controls button[hidden] { display:none; }
.mfa-copy-status { min-height:1.5em; margin-block:var(--lodelo-space-2); font-size:.875rem; color:var(--lodelo-text-muted); }
@media(max-width:37.5rem) { .mfa-qr { margin-inline:auto; } .mfa-manual-setup { flex-basis:100%; } }
