.mfa-panel { min-width: 0; max-width: 100%; }
.mfa-panel pre { white-space: pre-wrap; overflow-wrap: anywhere; user-select: text; padding: 12px; border: 1px solid currentColor; border-radius: 8px; font-size: .9rem; }
.mfa-panel input[type="checkbox"] { width: 22px; height: 22px; min-height: 22px; margin: 8px 0; }
.mfa-panel label { display: block; margin-top: 12px; }
.mfa-panel button { margin-top: 12px; }
.mfa-panel summary { cursor: pointer; padding: 12px 0; }
.mfa-dialog { width: min(480px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; }
.mfa-dialog .login-card { width: 100%; padding: 8px; box-shadow: none; }
.mfa-security { margin-top: 28px; padding-top: 20px; border-top: 1px solid currentColor; }
@media print { .mfa-secret { visibility: hidden; } }