/* Entrada e convite do backoffice: a mesma pele de vidro do backoffice (Inter, monocromático, cantos de 30 px). */
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/media/backoffice/inter-var.woff2) format("woff2-variations"),url(/media/backoffice/inter-var.woff2) format("woff2")}
:root{--bg:#ececea;--card:rgba(255,255,255,.55);--card2:rgba(255,255,255,.78);--line:rgba(18,18,20,.08);--hov:rgba(18,18,20,.05);--tx:#121214;--mu:#4a4a50;--mu2:#6e6e73;
 --inv:#121214;--invtxt:#f5f5f7;--brd:rgba(255,255,255,.7);--glass:blur(28px) saturate(140%);--hl:inset 0 1px 0 rgba(255,255,255,.9);--sh:0 20px 50px rgba(18,18,20,.10);
 --er:#b42318;--erb:rgba(180,35,24,.10);--ok:#1d7a46;--okb:rgba(29,122,70,.12);--ease:cubic-bezier(.28,.11,.32,1)}
@media (prefers-color-scheme:dark){:root{--bg:#0c0c0e;--card:rgba(255,255,255,.08);--card2:rgba(255,255,255,.14);--line:rgba(255,255,255,.08);--hov:rgba(255,255,255,.06);--tx:#f5f5f7;
 --mu:rgba(245,245,247,.66);--mu2:rgba(245,245,247,.46);--inv:#f5f5f7;--invtxt:#121214;--brd:rgba(255,255,255,.16);--hl:inset 0 1px 0 rgba(255,255,255,.14);--sh:0 24px 60px rgba(0,0,0,.35);
 --er:#ff7b72;--erb:rgba(255,123,114,.14);--ok:#5fd38d;--okb:rgba(95,211,141,.14)}}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}
body{font:14px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.005em;color:var(--tx);background:var(--bg);-webkit-font-smoothing:antialiased;
 min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}
.fundo{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.fundo i{position:absolute;display:block;width:70vmax;height:70vmax;right:-18vmax;top:-22vmax;background:url(/media/backoffice/fundo-claro.jpg) center/cover;filter:blur(40px) grayscale(1);opacity:.5;
 -webkit-mask:radial-gradient(closest-side,#000 55%,transparent);mask:radial-gradient(closest-side,#000 55%,transparent)}
@media (prefers-color-scheme:dark){.fundo i{background-image:url(/media/backoffice/fundo-escuro.jpg);filter:blur(36px);opacity:.55}}
.caixa{position:relative;z-index:1;width:100%;max-width:420px}
.marca{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 26px}
.marca img{height:24px;width:auto}.marca .w{display:none}
@media (prefers-color-scheme:dark){.marca .b{display:none}.marca .w{display:block}}
.bo{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--inv);color:var(--invtxt)}
.cartao{background:var(--card);border:1px solid var(--brd);border-radius:30px;padding:30px 28px;box-shadow:var(--hl),var(--sh);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);
 animation:sobe .45s var(--ease) both}
@keyframes sobe{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
h1{margin:0 0 6px;font-size:26px;font-weight:700;letter-spacing:-.04em;line-height:1.1}
.sub{margin:0 0 22px;color:var(--mu);font-size:14.5px}
label{display:block;font-size:12.5px;font-weight:500;color:var(--mu);margin:0 0 6px}
.campo{margin-bottom:16px}
input{width:100%;height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--hov);color:var(--tx);font:inherit;font-size:15px;outline:0;transition:border-color .2s,box-shadow .2s}
input:focus{border-color:var(--mu2);box-shadow:0 0 0 4px var(--hov)}
input.codigo{font-size:24px;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}
.pp{position:relative}.pp input{padding-right:86px}
.ver{position:absolute;right:7px;top:7px;height:32px;padding:0 12px;border-radius:99px;border:1px solid var(--brd);background:var(--card2);color:var(--tx);font:inherit;font-size:12px;font-weight:500;cursor:pointer}
button.pri{width:100%;height:46px;margin-top:6px;border:0;border-radius:999px;background:var(--inv);color:var(--invtxt);font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:transform .15s var(--ease),opacity .2s}
button.pri:hover{opacity:.9}button.pri:active{transform:scale(.98)}button.pri[disabled]{opacity:.5;cursor:wait}
.msg{display:none;margin:0 0 16px;padding:11px 14px;border-radius:14px;font-size:13.5px}
.msg.on{display:block}.msg.erro{background:var(--erb);color:var(--er)}.msg.ok{background:var(--okb);color:var(--ok)}
.chave{display:block;margin:6px 0 14px;padding:12px 14px;border-radius:14px;background:var(--hov);border:1px solid var(--line);font:600 15px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;word-break:break-all;user-select:all}
.passos{margin:0 0 16px;padding-left:18px;color:var(--mu);font-size:13.5px;line-height:1.6}
.ligacao{font-size:13px;color:var(--tx)}
.rodape{margin:20px 0 0;text-align:center;font-size:12.5px;color:var(--mu2)}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}