:root{--fundo:#FAFAFA;--tinta:#141414;--tinta-fraca:#667080;--fogo:#cf3520;--linha:#E7E9EC;--branco:#FFFFFF;} *{box-sizing:border-box;} html,body{margin:0;padding:0;} body.auth-only{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--fundo);color:var(--tinta);font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;} .auth-caixa{width:100%;max-width:400px;} .auth-marca{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:26px;} .auth-marca .auth-logo{display:block;width:154px;height:auto;max-height:46px;object-fit:contain;} .auth-cartao{background:var(--branco);border:1px solid var(--linha);border-radius:16px;padding:32px 30px;box-shadow:0 1px 2px rgba(20,20,20,.04),0 12px 32px rgba(20,20,20,.06);} .auth-cartao h1{font-size:22px;font-weight:600;margin:0 0 6px;letter-spacing:-.01em;} .auth-cartao .sub{font-size:14px;color:var(--tinta-fraca);margin:0 0 24px;line-height:1.5;} .auth-cartao label{display:block;font-size:13px;font-weight:500;color:var(--tinta);margin:0 0 7px;} .auth-cartao input{width:100%;height:46px;padding:0 14px;border:1px solid var(--linha);border-radius:10px;background:#FFFFFF;font-size:15px;color:var(--tinta);font-family:inherit;transition:border-color .15s,box-shadow .15s;margin-bottom:18px;} .auth-cartao input:focus{outline:none;border-color:var(--fogo);box-shadow:0 0 0 3px rgba(207,53,32,.14);background:#fff;} .auth-cartao input::placeholder{color:#B4AB9C;letter-spacing:2px;} .auth-cartao .cta{width:100%;height:48px;border:0;border-radius:10px;background:var(--fogo);color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;margin-top:4px;transition:filter .15s;} .auth-cartao .cta:hover{filter:brightness(.95);} .auth-cartao .cta:active{filter:brightness(.9);} .auth-erro{color:#9B2C2C;font-size:13px;margin:12px 0 0;min-height:0;} .auth-links{text-align:center;font-size:13px;color:var(--tinta-fraca);margin:18px 0 0;} .auth-links a{color:var(--fogo);text-decoration:none;font-weight:500;} .auth-links a:hover{text-decoration:underline;} .auth-cartao h2{font-size:18px;font-weight:600;margin:0 0 6px;} .auth-uri{font-size:11px;color:var(--tinta-fraca);word-break:break-all;margin:0 0 14px;} .etapa {display:inline-block;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--fogo);margin-bottom:10px;font-weight:600;} .opcional {font-weight:400;font-size:12px;color:var(--tinta-tenue,#A8A29A);text-transform:none;letter-spacing:0;} .passos-2fa {margin:4px 0 20px;padding-left:20px;font-size:13.5px;line-height:1.6;color:var(--tinta-fraca);} .passos-2fa li {margin-bottom:6px;} .passos-2fa b {color:var(--tinta);font-weight:600;} .qr-caixa {background:#fff;border:1px solid var(--linha);border-radius:14px;padding:18px;display:grid;place-items:center;margin-bottom:14px;} .qr-caixa svg {width:190px;height:190px;display:block;} .qr-manual {margin-bottom:18px;} .qr-manual summary {font-size:13px;color:var(--fogo);cursor:pointer;padding:4px 0;} .qr-manual p {font-size:12.5px;color:var(--tinta-fraca);margin:8px 0;} .chave-manual {display:block;background:var(--papel);border:1px solid var(--linha);border-radius:8px;padding:11px 13px;font-size:13px;letter-spacing:.14em;word-break:break-all;text-align:center;} .aviso-chave {color:var(--tinta-tenue,#A8A29A) !important;font-size:12px !important;} .marca-ok-auth {color:var(--mata);margin-bottom:12px;} .nota-primeiro {margin-top:10px !important;padding-top:12px;border-top:1px solid var(--linha);font-size:12.5px;} .auth-admin h1,.auth-admin h2,.auth-admin .sub{text-align:center;} .auth-admin .auth-erro{text-align:center;} .auth-admin .qr-2fa{width:216px;height:216px;margin:4px auto 20px;padding:10px;background:#fff;border:1px solid var(--linha);border-radius:14px;box-shadow:0 1px 2px rgba(20,20,20,.04);} .auth-admin .qr-2fa:empty{display:none;} .auth-admin .qr-2fa svg{display:block;width:100%;height:100%;} .auth-admin .sub-chave{margin-bottom:10px;font-size:13px;} .chave-2fa-caixa{display:flex;align-items:center;gap:8px;margin:0 0 22px;padding:6px 6px 6px 14px;border:1px solid var(--linha);border-radius:10px;background:#fbfaf9;} .chave-2fa-caixa .chave-manual{flex:1;min-width:0;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:15px;letter-spacing:.08em;color:var(--tinta);text-align:center;background:none;border:0;padding:0;overflow-wrap:anywhere;} .botao-copiar{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--linha);border-radius:9px;background:#fff;color:var(--fogo);font:600 13px/1 inherit;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s;} .botao-copiar .ui-icon{width:18px;height:18px;} .botao-copiar .icone-copiado{display:none;} .botao-copiar.copiado .icone-copiar{display:none;} .botao-copiar.copiado .icone-copiado{display:grid;color:#1f7a4d;} .botao-copiar>span{display:grid;place-items:center;} .aviso-copiado{min-height:0;margin:-16px 0 18px;text-align:center;font-size:12px;color:var(--tinta-fraca);} .aviso-copiado:empty{display:none;} .botao-copiar:focus-visible{outline:2px solid var(--fogo);outline-offset:2px;} .botao-copiar.copiado{background:#fff3ef;border-color:#f3d6ce;} @media (hover:hover){.botao-copiar:hover{background:#fff3ef;border-color:#f3d6ce;}} .auth-admin .auth-links{text-align:center;} .auth-aviso{text-align:center;font-size:13px;color:var(--tinta-fraca);margin:12px 0 0;} .auth-aviso:empty{display:none;} .campo-senha{position:relative;} .campo-senha input{padding-right:52px;} .olho-senha{position:absolute;right:3px;top:1px;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--tinta-fraca);cursor:pointer;border-radius:9px;} .olho-senha .ui-icon{width:19px;height:19px;} .olho-senha .i-ocultar{display:none;} .olho-senha.visivel .i-mostrar{display:none;} .olho-senha.visivel .i-ocultar{display:grid;} .olho-senha>span{display:grid;place-items:center;} .olho-senha:focus-visible{outline:2px solid var(--fogo);outline-offset:1px;} .forca{height:5px;border-radius:6px;background:var(--linha);overflow:hidden;margin:-8px 0 10px;} .forca-barra{height:100%;width:0;border-radius:6px;transition:width .2s,background .2s;} .forca-barra.fraca{background:#d64b36;} .forca-barra.media{background:#e09b2d;} .forca-barra.forte{background:#1f7a4d;} .forca-itens{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--tinta-fraca);} .forca-itens li{display:inline-flex;align-items:center;gap:4px;} .forca-itens .ui-icon{width:14px;height:14px;opacity:.35;} .forca-itens li.ok{color:#1f7a4d;} .forca-itens li.ok .ui-icon{opacity:1;} .auth-ok{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#eaf6ef;color:#1f7a4d;} .auth-ok .ui-icon{width:28px;height:28px;} .cta-link{display:flex;align-items:center;justify-content:center;text-decoration:none;} @media (prefers-reduced-motion:reduce){.forca-barra{transition:none;}} .auth-cartao input[type=email]::placeholder{letter-spacing:0;}