/* Cadastro do site novo em 3 passos, padrão Binance (28/10/2026). Só vale em body.sn. */
body.sn #fl .fl-card{background:#1e2329;border:1px solid #2b3139;border-radius:16px;box-shadow:0 24px 60px #000c;color:#eaecef}
body.sn #fl .cs-btn{display:none!important} /* o botão "Salvar" de cada campo some: salva tudo no fim */
body.sn #fl .cs input,body.sn #fl .sg-field input{width:100%}
body.sn #fl .sg-field label,body.sn #fl .sg-foto-rot{font-size:14px;font-weight:600;color:#eaecef}
body.sn #fl .sg-field input{min-height:52px;border-radius:8px;border:1px solid #3d444d;background:#0b0e11;color:#eaecef;font:500 16px/1.3 Inter,system-ui,sans-serif;padding:12px 14px}
body.sn #fl .sg-field input:focus{outline:none;border-color:#fcd535;box-shadow:0 0 0 3px #fcd53533}
body.sn #fl .sg-field input[aria-invalid=true]{border-color:#f6465d}
body.sn #fl .sg-foto-dica,body.sn #fl .sg-priv{color:#929aa5;font-size:13px}
body.sn #fl .sg-err{color:#f6465d;font-weight:600}
body.sn #fl .sg-btn{border-radius:8px;background:#fcd535;color:#181a20;box-shadow:none;font-weight:800}
body.sn #fl .sg-btn:disabled{background:#3a3a1f;color:#929aa5}
body.sn #fl .sg-foto-btn{border-radius:8px;background:#2b3139;border:1px solid #3d444d;color:#eaecef}
body.sn #fl .av-aviso{background:#2a2410;border:1px solid #fcd53540;color:#eaecef;border-radius:8px}
body.sn #fl .dr-check{border-radius:8px;border:1px solid #3d444d;background:#2b3139}
body.sn #fl .dr-check-box{border-color:#fcd535}
body.sn #fl .dr-check input:checked+.dr-check-box{background:#fcd535;color:#181a20}

/* passos */
body.sn #fl .cd-topo{display:none}
body.sn #fl.cd-ativo .cd-topo{display:grid;gap:4px;margin:0 0 8px}
body.sn #fl.cd-ativo #flTitle,body.sn #fl.cd-ativo #flLead{display:none}
body.sn #fl .cd-barra{height:4px;border-radius:999px;background:#2b3139;overflow:hidden;margin:0 44px 10px 0}
body.sn #fl .cd-barra i{display:block;height:100%;width:33%;background:#fcd535;transition:width .25s ease}
body.sn #fl .cd-n{margin:0;color:#fcd535;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
body.sn #fl .cd-t{font-size:22px;font-weight:700;letter-spacing:-.3px}
body.sn #fl .cd-s{margin:0;color:#929aa5;font-size:14px;line-height:1.5}
body.sn #fl .cd-passo{display:grid;gap:14px}
body.sn #fl .cd-passo[hidden]{display:none}
body.sn #fl .cd-fora{display:none!important}
body.sn #fl:not(.cd-ativo) .cd-cont,body.sn #fl:not(.cd-ativo) .cd-voltar{display:none}
body.sn #fl .cd-voltar{min-height:44px;border:0;background:none;color:#c7ccd3;font:700 14px/1 Inter,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;justify-self:center}
body.sn #fl .cd-voltar[hidden]{display:none}
body.sn #fl .cd-regras{border-top:1px solid #2b3139}
body.sn #fl .cd-regras summary{min-height:44px;display:flex;align-items:center;color:#929aa5;font-weight:700;font-size:14px;cursor:pointer;list-style:none}
body.sn #fl .cd-regras summary::-webkit-details-marker{display:none}
body.sn #fl .cd-regras summary::after{content:"+";margin-left:auto;color:#fcd535;font-size:20px}
body.sn #fl .cd-regras[open] summary::after{content:"−"}
body.sn #fl .cd-regras .dr-regras li{background:#2b3139;border:0;color:#c7ccd3}
body.sn #fl .cd-regras .dr-ico{background:#2a2410;color:#fcd535;box-shadow:none}
/* reforço do nome do Facebook */
body.sn #fl .cd-alerta{display:grid;gap:4px;margin:2px 0 0;padding:12px 14px;border-radius:8px;border:1px solid #fcd53580;background:#2a2410;font-size:13.5px;line-height:1.5;color:#eaecef}
body.sn #fl .cd-alerta>b{color:#fcd535;font-size:14px}
body.sn #fl .cd-alerta span b{color:#f6465d}
body.sn #fl #flNomeFb{border-color:#fcd53599}
/* Passo da foto (28/10/2026): duas escolhas grandes lado a lado e a prévia redonda no meio */
body.sn #fl.cd-ativo .sg-foto-campo .sg-foto-rot,body.sn #fl.cd-ativo .sg-foto-campo .av-aviso{display:none}
body.sn #fl .sg-foto-campo{display:grid;gap:12px}
body.sn #fl .sg-foto-campo .sg-foto-esc:has(#flImg){display:grid;justify-items:center;gap:8px}
body.sn #fl #flImg:not([hidden]){width:112px;height:112px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fcd535,0 10px 30px #0009}
body.sn #fl #flGuardada{color:#0ecb81;font-weight:700;font-size:13px}
body.sn #fl .sg-foto-campo .sg-foto-esc:has(#flEscolher){display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.sn #fl #flEscolher,body.sn #fl #flAvatar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:112px;width:100%;margin:0;padding:14px 8px;border-radius:12px;border:1px solid #3d444d;background:#2b3139;color:#eaecef;font:700 15px/1.25 Inter,system-ui,sans-serif;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
body.sn #fl #flEscolher:active,body.sn #fl #flAvatar:active{border-color:#fcd535;background:#2a2410}
body.sn #fl #flEscolher.ic::before,body.sn #fl #flAvatar.ic::before{width:34px;height:34px;margin:0;color:#fcd535;background:#fcd535}
body.sn #fl #flTirar{grid-column:1/-1;justify-self:center;min-height:40px;border:0;background:none;color:#c7ccd3;text-decoration:underline;font-weight:700}
body.sn #fl #flMsg{text-align:center;margin:0}

/* 29/10/2026: aviso "Você já tem cadastro com esse número!" no passo 1 */
body.sn .cd-jatem{display:grid;gap:6px;margin-top:10px;padding:14px;border-radius:12px;border:1px solid #0ecb8166;background:#0ecb8114}
body.sn .cd-jatem[hidden]{display:none}
body.sn .cd-jatem b{font-size:16px;color:#0ecb81}
body.sn .cd-jatem span{font-size:14px;color:#c7ccd3;line-height:1.45}
body.sn .cd-jatem .ct-btn{margin-top:6px;width:100%}