/* [webauthn2710] 2FA / Security key page + sign-in key step */
.tf-hide{display:none}
.tf-alt{margin-top:10px}.tf-alt summary{cursor:pointer;color:var(--muted)}
.tf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px}
.tf-fp{font-family:var(--mono,monospace);font-size:12.5px;letter-spacing:.5px}
.tf-qr{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-top:6px}
.tf-qr svg{background:#fff;border-radius:6px;padding:6px;max-width:220px;height:auto}
.tf-secret{font-family:var(--mono,monospace);font-size:13px;word-break:break-all;user-select:all}
.tf-codes{display:grid;grid-template-columns:repeat(2,max-content);gap:4px 28px;font-family:var(--mono,monospace);font-size:15px;margin:8px 0}
.tf-codes .used{text-decoration:line-through;opacity:.5}
.sc input[type=text],.sc select{background:var(--bg2);border:1px solid var(--line);border-radius:5px;padding:4px 6px;color:var(--text);font-size:12px}
.sc label.f{display:block;margin:6px 0 2px;color:var(--muted);font-size:11px}
.tf-units td,.tf-units th{white-space:nowrap}
.tf-units td.l{white-space:normal}
#printArea{display:none}
@media print{
  body *{visibility:hidden}
  #printArea,#printArea *{visibility:visible;color:#000!important}
  #printArea{display:block;position:absolute;left:0;top:0;padding:20px;background:#fff}
}
.tf-pre{white-space:pre-wrap;word-break:break-all;max-height:320px;overflow:auto;background:var(--bg2);border:1px solid var(--line);border-radius:5px;padding:6px;font-size:11px}
.sc textarea{width:100%;min-height:70px;background:var(--bg2);border:1px solid var(--line);border-radius:5px;padding:4px 6px;color:var(--text);font-family:var(--mono,monospace);font-size:11px}
#rSsh{width:100%}