.twofa-card .alert{margin:14px 0}.alert-success{background:#ecfdf3;border:1px solid #b7ebc6;color:#116329;border-radius:14px;padding:12px 14px}.twofa-status{display:inline-flex;gap:8px;align-items:center;border-radius:999px;padding:8px 13px;margin:10px 0 18px;font-weight:700}.twofa-status.enabled{background:#ecfdf3;color:#116329}.twofa-status.disabled{background:#fff3e8;color:#8a3b00}.twofa-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:10px}.twofa-box{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff}.twofa-box h3{margin-top:0}.twofa-label{display:block;font-weight:800;margin:12px 0 7px}.twofa-secret{font-family:Consolas,monospace;font-size:18px;letter-spacing:2px;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:14px;word-break:break-all}.twofa-uri{width:100%;min-height:88px;border:1px solid var(--line);border-radius:14px;padding:12px;font-family:Consolas,monospace;background:#f8fafc;color:#475569}.twofa-form{display:grid;gap:10px}.twofa-form input{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font-size:18px;letter-spacing:4px}.secondary-action{margin-top:12px}.twofa-login-shell{grid-template-columns:1fr;place-items:center}.twofa-login-panel{width:100%;justify-content:center}.twofa-login-card{max-width:520px}.twofa-login-page .legal-login-shell{min-height:100svh}@media(max-width:800px){.twofa-grid{grid-template-columns:1fr}.twofa-secret{font-size:15px;letter-spacing:1px}.twofa-login-card{max-width:calc(100vw - 28px)}}

/* v0.11c - 2FA login card center alignment */
html:has(.twofa-login-page),
body.auth-body:has(.twofa-login-page){
  min-height:100svh;
  overflow-x:hidden;
}

.twofa-login-page{
  min-height:100svh;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  box-sizing:border-box;
}

.twofa-login-page .legal-login-shell,
.twofa-login-shell{
  width:100%;
  max-width:1200px;
  min-height:calc(100svh - 48px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  grid-template-columns:none !important;
  padding:0 !important;
  margin:0 auto !important;
}

.twofa-login-page .legal-login-panel,
.twofa-login-panel{
  width:100%;
  min-height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
}

.twofa-login-card{
  width:min(100%,520px);
  margin:0 auto !important;
}

.twofa-login-page .legal-login-card-head{
  text-align:center;
}

.twofa-login-page .legal-login-background{
  position:absolute;
  inset:0;
}

@media(max-width:800px){
  .twofa-login-page{
    padding:16px;
  }
  .twofa-login-page .legal-login-shell,
  .twofa-login-shell{
    min-height:calc(100svh - 32px) !important;
  }
  .twofa-login-card{
    width:100%;
    max-width:calc(100vw - 32px);
  }
}