/* Recuperação autônoma por código pessoal: sem SMS, e-mail ou terceiros. */
#clientAccountForm[hidden],#clientRecoveryForm[hidden],#openClientRecovery[hidden],
#clientRecoveryCodeDialog[hidden]{display:none!important}
#openClientRecovery{display:block;justify-self:center;margin:1px auto;padding:9px 12px;
  background:transparent;border:0;color:var(--gold2,var(--gold));text-decoration:underline;
  text-underline-offset:4px;font-size:13px;font-weight:750}
#clientRecoveryForm{display:grid;gap:15px;padding:28px 30px 32px}
#clientRecoveryForm h2{font-size:27px;line-height:1.25;margin:0}
#clientRecoveryForm p{margin:0;line-height:1.5}
#clientRecoveryForm>label{display:grid;gap:7px;font-size:12px;font-weight:700}
#clientRecoveryForm>label>input{width:100%;min-height:46px;border-radius:11px;padding:12px;
  border:1px solid var(--line);background:#0e0e0e;color:var(--text)}
#clientRecoveryForm .recovery-info{font-size:12px;color:var(--muted);line-height:1.6}
#clientRecoveryForm .recovery-actions{display:flex;gap:10px;flex-wrap:wrap}
#clientRecoveryForm .recovery-actions>.btn{flex:1 1 160px;min-height:44px}
#clientRecoveryForm #recoveryMessage{min-height:18px;margin:0;font-size:12px;color:var(--gold2,var(--gold))}
#clientRecoveryCodeDialog{position:fixed;inset:0;display:grid;place-items:center;z-index:20000;
  background:#070707d9;padding:18px;overflow-y:auto}
#clientRecoveryCodeDialog .recovery-code-card{width:min(100%,470px);padding:25px;
  border-radius:18px;background:var(--panel);border:1px solid var(--gold);color:var(--text);
  box-shadow:0 25px 75px #000a}
#clientRecoveryCodeDialog h2{margin:0 0 9px;font-size:23px;line-height:1.25}
#clientRecoveryCodeDialog p{margin:0 0 16px;font-size:13px;line-height:1.65;color:var(--muted)}
#clientRecoveryCodeDialog #recoveryCodeText{display:block;padding:14px 11px;margin-bottom:14px;
  background:#090909;border:1px dashed var(--gold);border-radius:10px;color:var(--gold2,var(--gold));
  font-size:clamp(12px,3vw,16px);font-weight:800;text-align:center;letter-spacing:.045em;
  user-select:all;word-break:break-word}
#clientRecoveryCodeDialog .recovery-actions{display:flex;gap:10px;flex-wrap:wrap}
#clientRecoveryCodeDialog .recovery-actions>.btn{flex:1 1 140px;min-height:44px}
#recoveryCopyMessage{min-height:18px;margin:10px 0 0!important;color:var(--gold2,var(--gold))!important;font-size:12px!important}
@media(max-width:720px){#clientRecoveryForm{padding:24px 22px 32px}}

/* WhatsApp OTP: somente aparece quando a API informa configuração ativa. */
#recoveryWhatsAppFields[hidden],#recoveryPersonalFields[hidden],
#recoveryMethodButtons[hidden],#usePersonalRecovery[hidden],#useWhatsAppRecovery[hidden]{display:none!important}
#recoveryWhatsAppFields,#recoveryPersonalFields{display:grid;gap:12px}
#clientRecoveryForm label{display:grid;gap:7px;font-size:12px;font-weight:700}
#clientRecoveryForm input{width:100%;min-height:46px;border:1px solid var(--line);
  border-radius:11px;padding:12px;background:#0e0e0e;color:var(--text)}
#clientRecoveryForm input:focus-visible{outline:2px solid var(--gold2,var(--gold));outline-offset:2px}
#recoveryWhatsAppFields #requestWhatsAppCode{width:100%;min-height:44px}
#requestWhatsAppMessage{font-size:12px;line-height:1.55;color:var(--gold2,var(--gold));min-height:16px}
#recoveryMethodButtons{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#recoveryMethodButtons .account-recovery-link{color:var(--gold2,var(--gold));
 border:0;background:transparent;padding:6px 0;text-align:left;cursor:pointer;
 text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:750}