/* Verificação em duas etapas — usada em Configurações e na tela de login */

.fb-aviso { background:var(--warning-soft); color:#8a5a00; border-radius:10px;
  padding:11px 13px; font-size:.83rem; line-height:1.6; }

.tf-ok { display:flex; align-items:center; gap:12px; background:var(--success-soft, #E4F6EC);
  border-radius:11px; padding:12px 14px; }
.tf-ok span { font-size:1.3rem; }
.tf-ok b { display:block; font-size:.93rem; }
.tf-ok small { color:var(--text-muted); font-size:.8rem; }

.tf-linha { display:flex; align-items:center; justify-content:space-between; gap:12px;
  flex-wrap:wrap; padding:12px 0; }
.tf-linha b { display:block; font-size:.9rem; }
.tf-linha small { color:var(--text-muted); font-size:.8rem; }

/* ---- fluxo de ativação ---- */
.tf-passos { display:flex; gap:8px; margin-bottom:18px; flex-wrap:wrap; }
.tf-passos span { flex:1; min-width:110px; font-size:.76rem; font-weight:700; color:var(--text-muted);
  text-transform:uppercase; letter-spacing:.04em; padding-bottom:8px;
  border-bottom:2.5px solid var(--border); }
.tf-passos span.on { color:var(--primary); border-bottom-color:var(--primary); }

.tf-grid { display:grid; grid-template-columns:200px 1fr; gap:24px; align-items:start; }
.tf-qr { background:#fff; border:1.5px solid var(--border); border-radius:12px; padding:10px; }
.tf-qr svg { width:100%; height:auto; display:block; }

.tf-chave { font-family:ui-monospace, "SF Mono", Menlo, monospace; font-size:.88rem;
  letter-spacing:.06em; background:var(--bg); border:1px solid var(--border-soft);
  border-radius:9px; padding:11px 13px; word-break:break-all; user-select:all; }

/* o campo do código: números grandes e espaçados, para conferir de relance */
.tf-codigo { font-size:1.7rem !important; letter-spacing:.42em; text-align:center;
  font-weight:700; padding:14px 10px !important;
  font-family:ui-monospace, "SF Mono", Menlo, monospace; }
.tf-erro { color:var(--danger); font-size:.84rem; margin-top:9px; }

.tf-codigos { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:8px;
  background:var(--bg); border-radius:11px; padding:14px; }
.tf-codigos code { font-family:ui-monospace, "SF Mono", Menlo, monospace; font-size:.92rem;
  font-weight:700; letter-spacing:.04em; text-align:center; background:var(--card);
  border:1px solid var(--border-soft); border-radius:7px; padding:7px 4px; user-select:all; }

@media (max-width:640px){
  .tf-grid { grid-template-columns:1fr; gap:16px; }
  .tf-qr { max-width:220px; margin:0 auto; }
  .tf-codigo { font-size:1.35rem !important; letter-spacing:.3em; }
}

/* ---- segundo passo na tela de login ---- */
.tf-escudo { font-size:2.4rem; text-align:center; margin-bottom:6px; }
#form-2fa h1 { text-align:center; }
#form-2fa .login-sub { text-align:center; margin-bottom:18px; }
#form-2fa .tf-codigo.recuperacao { font-size:1.25rem !important; letter-spacing:.16em; }