@font-face { font-family: 'Unbounded'; font-style: normal; font-display: swap; font-weight: 200 900; src: url('/fonts/unbounded-latin.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Atkinson Hyperlegible Next'; font-style: normal; font-display: swap; font-weight: 200 800; src: url('/fonts/atkinson-next-latin.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Atkinson Hyperlegible Mono'; font-style: normal; font-display: swap; font-weight: 200 800; src: url('/fonts/atkinson-mono-latin.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
/* ════════════════════════════════════════════════════════════════════════════
   TELAS DE ENTRADA — Linha A "Traço da Marca" (v56, versão 2 do novo plano visual)
   Login da equipe, criar nova senha, primeiro acesso e "Sem internet". Mesmo desenho do app do cliente (v46) e do
   portal do parceiro (v55): névoa no fundo, folha com traço de 2 px, campo e botão em pílula, cor cheia só na ação.
   Letras do próprio servidor (nada do Google). Texto ≥ 16 px; toque ≥ 44 px; tema escuro acompanha o aparelho.
   ════════════════════════════════════════════════════════════════════════════ */
:root{--chao:#EDF2F3;--folha:#FFFFFF;--tinta:#0E2A52;--tinta-2:#3D5272;--traco:#CBD8DF;--traco-forte:#7C90A4;--azul:#365AA2;--turq:#78B4A8;--turq-fundo:#DDEEEA;
  --ok:#1F6B5D;--ambar:#C98A1E;--ambar-fundo:#F7E8CC;--ambar-tinta:#7F4A05;--perigo:#B4232A;--perigo-fundo:#F9E0E1;--sobre-azul:#FFFFFF;
  --f-titulo:'Unbounded','Arial Black',system-ui,sans-serif;--f-texto:'Atkinson Hyperlegible Next','Atkinson Hyperlegible',system-ui,-apple-system,'Segoe UI',sans-serif;--f-num:'Atkinson Hyperlegible Mono',ui-monospace,monospace;
  --r-cheio:999px;--r-folha:28px}
@media (prefers-color-scheme:dark){:root{--chao:#0A1930;--folha:#0F2446;--tinta:#EAF0F8;--tinta-2:#B3C1D6;--traco:#24416B;--traco-forte:#5A7BAE;--azul:#8EAEF2;--turq:#86C7BA;--turq-fundo:#16384A;
  --ok:#9BD9CB;--ambar:#E2A443;--ambar-fundo:#3A2E17;--ambar-tinta:#F2C278;--perigo:#FF8A90;--perigo-fundo:#3C1C25;--sobre-azul:#0A1930}}
html{-webkit-text-size-adjust:100%}
body.entrada{margin:0;min-height:100vh;background:var(--chao);color:var(--tinta);font-family:var(--f-texto);font-size:17px;line-height:1.5}
body.entrada *{box-sizing:border-box}
body.entrada :focus-visible{outline:3px solid var(--azul);outline-offset:3px}
.en-grade{min-height:100vh;display:grid;grid-template-columns:1fr}
.en-lado{display:none}
.en-form{display:grid;align-content:center;justify-items:center;padding:32px 16px 48px}
.en-caixa{width:100%;max-width:420px;display:grid;gap:20px}
.en-marca{width:96px;height:96px;margin:0 0 -4px -8px}
.en-caixa h1{font-family:var(--f-titulo);font-weight:600;font-size:28px;letter-spacing:-.02em;line-height:1.15;margin:0;color:var(--tinta)}
.en-lead{color:var(--tinta-2);font-size:18px;margin:8px 0 0}
.en-campo{display:grid;gap:8px}
.en-campo label{font-weight:700;font-size:16px}
.en-entrada{position:relative}
.en-entrada input{width:100%;min-height:52px;padding:0 20px;border:2px solid var(--traco-forte);border-radius:var(--r-cheio);background:var(--folha);color:var(--tinta);font:inherit;font-size:17px;outline:none}
.en-entrada input:focus{border-color:var(--azul)}
.en-entrada input::placeholder{color:var(--tinta-2);opacity:.7}
.en-entrada.com-olho input{padding-right:58px}
.en-olho{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;background:none;border-radius:50%;color:var(--tinta-2);display:grid;place-items:center;cursor:pointer}
.en-olho:hover{background:var(--turq-fundo);color:var(--tinta)}
.en-olho svg{width:22px;height:22px}
.en-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;padding:0 24px;border-radius:var(--r-cheio);border:2px solid var(--azul);background:var(--azul);color:var(--sobre-azul);font:700 17px var(--f-texto);cursor:pointer;text-decoration:none}
.en-btn:hover{filter:brightness(1.06);text-decoration:none}
.en-btn:disabled{opacity:.6;cursor:wait}
.en-btn.sec{background:transparent;color:var(--tinta);border-color:var(--traco-forte)}
.en-btn.sec span{font-weight:400;color:var(--tinta-2);font-size:15px}
.en-link{color:var(--azul);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
.en-centro{text-align:center}
.en-outros{display:grid;gap:10px;border-top:2px solid var(--traco);padding-top:20px}
.en-outros .en-btn{justify-content:space-between;min-height:52px}
.en-rodape{font-size:14px;color:var(--tinta-2);text-align:center;margin:0}
.en-msg{display:none;gap:10px;align-items:flex-start;padding:12px 18px;border-radius:20px;border:2px solid;font-size:16px}
.en-msg.show{display:flex}
.en-msg.err,.en-msg.erro{border-color:var(--perigo);background:var(--perigo-fundo);color:var(--perigo)}
.en-msg.ok{border-color:var(--turq);background:var(--turq-fundo);color:var(--ok)}
.en-msg svg{width:20px;height:20px;flex:none;margin-top:2px}
.en-opcao{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 18px;border:2px solid var(--traco);border-radius:20px;margin-bottom:8px;cursor:pointer;font-size:16px;background:var(--folha)}
.en-opcao:hover{border-color:var(--azul)}
.en-opcao.sel{border-color:var(--azul);background:color-mix(in oklch,var(--azul) 7%,var(--folha));font-weight:700}
.en-aro{width:64px;height:64px;display:block}
.en-versao{position:fixed;bottom:8px;right:12px;font-size:12px;color:var(--tinta-2);user-select:all}
@media (prefers-reduced-motion:no-preference){
  .en-marca path,.en-marca circle{stroke-dasharray:80;animation:en-desenha 1.2s cubic-bezier(.3,.7,.2,1) both}
  @keyframes en-desenha{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}
}
@media (min-width:900px){
  .en-grade{grid-template-columns:1.1fr 1fr}
  .en-lado{display:grid;align-content:space-between;padding:48px 56px;background:var(--folha);border-right:2px solid var(--traco);position:relative;overflow:hidden}
  .en-lado .en-logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-titulo);font-weight:600;font-size:22px;letter-spacing:.02em;position:relative}
  .en-lado .en-logo svg{width:36px;height:36px}
  .en-lado .en-mega{position:absolute;right:-90px;top:-70px;width:400px;height:400px}
  .en-lado h2{font-family:var(--f-titulo);font-weight:600;font-size:44px;letter-spacing:-.02em;line-height:1.1;max-width:12ch;margin:0;position:relative}
  .en-lado p{font-size:18px;color:var(--tinta-2);max-width:34ch;margin:16px 0 0;position:relative}
  .en-lado .en-cid{font-size:14px;color:var(--tinta-2);position:relative;max-width:40ch}
  .en-form .en-marca{display:none}
}
/* folha única (criar senha, primeiro acesso, sem internet) */
.en-folha{width:100%;max-width:440px;background:var(--folha);border:2px solid var(--traco);border-radius:var(--r-folha);padding:32px 24px;display:grid;gap:18px}
.en-so{min-height:100vh;display:grid;place-items:center;padding:24px 16px}