/* Tela de login da Mesa do agente (usa as variáveis de tema de estilo.css) */
.tela-entrar{min-height:100svh}
.entrar{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,420px);gap:clamp(28px,5vw,72px);align-items:center;
  max-width:1180px;margin:0 auto;padding:clamp(22px,5vw,64px) clamp(18px,4vw,48px) calc(28px + env(safe-area-inset-bottom))}
.entrar .marca{display:flex;align-items:center;gap:12px;margin-bottom:clamp(24px,5vh,56px)}
.entrar .marca img{border-radius:12px;box-shadow:0 10px 24px -14px rgba(6,182,212,.7)}
.entrar .marca b{display:block;font:600 16px var(--num);letter-spacing:-.01em}
.entrar .marca small{color:var(--apagado);font-weight:700;font-size:12px}
.entrar h1{font:600 clamp(28px,4.2vw,50px)/1.08 var(--num);letter-spacing:-.025em;margin:0;max-width:15ch;text-wrap:balance}
.entrar-sub{margin:18px 0 0;max-width:46ch;color:var(--apagado);font-size:clamp(14.5px,1.3vw,16.5px);line-height:1.6}

.pulso-btc{margin:clamp(26px,5vh,48px) 0 0;max-width:640px}
.pulso-btc svg{display:block;width:100%;height:clamp(110px,18vh,180px);overflow:visible}
#pulso-linha{stroke-dasharray:var(--comp,2000);stroke-dashoffset:var(--comp,2000);animation:desenhar 2.2s cubic-bezier(.6,.05,.2,1) .25s forwards}
#pulso-area{opacity:0;animation:surgir .8s ease 1.9s forwards}
@keyframes desenhar{to{stroke-dashoffset:0}}
@keyframes surgir{to{opacity:1}}
.pulso-btc figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:12px;padding-top:12px;border-top:1px solid var(--linha);font-size:12.5px;color:var(--apagado);font-weight:700}
.pulso-btc figcaption span{flex:1 1 220px}
.pulso-btc figcaption b{font-size:18px;color:var(--texto)}
.pulso-btc figcaption em{font-style:normal;font-weight:800}

.entrar-cartao{padding:clamp(22px,3vw,34px)}
.entrar-cartao h2{font:600 24px var(--num);letter-spacing:-.02em;margin:0}
.entrar-nota{margin:6px 0 20px;color:var(--apagado);font-size:13.5px}
#form{display:grid;gap:14px}
.campo-e{display:grid;gap:7px;font-size:12.5px;font-weight:800;color:var(--apagado)}
.campo-e input{width:100%;padding:13px 14px;border-radius:14px;border:0;background:var(--sup-forte);box-shadow:inset 0 0 0 1px var(--linha-forte);font:600 16px var(--ui);color:var(--texto);transition:box-shadow .15s}
.campo-e input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--gelo-vivo)}
.senha-linha{position:relative;display:block}
.senha-linha input{padding-right:88px}
.ver{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:var(--neutro-suave);border-radius:10px;padding:7px 11px;font-weight:800;font-size:12px;color:var(--apagado)}
.erro{margin:0;padding:10px 12px;border-radius:12px;background:var(--coral-suave);color:var(--coral);font-weight:700;font-size:13px}
.entrar-btn{justify-content:center;padding:14px 18px;font-size:15px;margin-top:4px}
.entrar-btn[disabled]{opacity:.65;cursor:progress}
.entrar-rodape{margin:18px 0 0;color:var(--fraco);font-size:12.5px;line-height:1.5}
.dica-ios{margin-top:16px;padding:14px;border-radius:16px;background:var(--gelo-suave);font-size:13px;line-height:1.5}
.dica-ios p{margin:4px 0 0;color:var(--apagado)}
.ic-compartilhar{display:inline-block;width:14px;height:16px;vertical-align:-2px;background:currentColor;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16"><path d="M7 0l3.5 3.5-1 1L7.7 2.7V10H6.3V2.7L4.5 4.5l-1-1z"/><path d="M1 6h3v1.4H2.4v7.2h9.2V7.4H10V6h3v10H1z"/></svg>') center/contain no-repeat;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16"><path d="M7 0l3.5 3.5-1 1L7.7 2.7V10H6.3V2.7L4.5 4.5l-1-1z"/><path d="M1 6h3v1.4H2.4v7.2h9.2V7.4H10V6h3v10H1z"/></svg>') center/contain no-repeat}
.tema-canto{position:fixed;top:calc(14px + env(safe-area-inset-top));right:14px}

@media (max-width:900px){
  .entrar{grid-template-columns:1fr;align-items:start;gap:22px;padding-top:calc(20px + env(safe-area-inset-top))}
  .entrar .marca{margin-bottom:18px}
  .entrar h1{font-size:clamp(25px,7vw,34px);max-width:18ch}
  .entrar-sub{margin-top:12px}
  .pulso-btc{margin-top:18px}
  .pulso-btc svg{height:96px}
}
@media (prefers-reduced-motion:reduce){#pulso-linha{animation:none;stroke-dashoffset:0}#pulso-area{animation:none;opacity:1}}