/* Scoped MFA layout; no global table or business-form overrides. */
.mfa-settings{max-width:900px;margin:0 auto;display:grid;gap:16px}
.mfa-settings .card{min-width:0}
.mfa-form{display:grid;gap:12px;max-width:570px}
.mfa-form label{display:grid;gap:6px}
.mfa-form input:not([type=checkbox]){max-width:100%;width:100%;box-sizing:border-box}
.mfa-state{font-weight:700;padding:8px 12px;border-radius:10px;display:inline-flex}
.mfa-on{color:#63e8be;background:rgba(21,152,113,.12)}
.mfa-off{color:#ffce7c;background:rgba(228,151,52,.11)}
.mfa-code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;max-width:780px;margin:16px 0}
.mfa-code-grid code{padding:11px;border-radius:9px;background:#102c42;border:1px solid #33536b;letter-spacing:.5px;text-align:center;color:#d6f6f7;direction:ltr;overflow-wrap:anywhere}
.mfa-settings .mfa-secret{direction:ltr;text-align:left;font-family:ui-monospace,monospace;letter-spacing:1px;max-width:570px}
/* HF1: explicit two-column RTL checkbox row; no anonymous flex-text shrinkage. */
.mfa-settings .mfa-form label.mfa-confirm{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr);
  align-items:center;
  justify-items:stretch;
  direction:rtl;
  gap:10px;
  max-width:570px;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  line-height:1.7;
  cursor:pointer;
}
.mfa-settings .mfa-confirm input[type="checkbox"]{
  width:18px;
  height:18px;
  min-width:18px;
  min-height:18px;
  margin:0;
  padding:0;
  justify-self:center;
}
.mfa-settings .mfa-confirm .mfa-confirm-text{
  display:block;
  min-width:0;
  text-align:right;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
}

.mfa-auth{max-width:470px;margin:7vh auto}
.mfa-auth form{display:grid;gap:14px}