/* Escritório Vivo · a página de entrada (login por pessoa, só com EV_LOGIN=1; 16/10/2026) */
.entrar-pg{min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px 16px}
.entrar{width:100%; max-width:380px; padding:28px 26px 22px}
.entrar h2{margin-bottom:4px}
.entrar form{display:flex; flex-direction:column; gap:12px; margin-top:18px}
.entrar label{display:flex; flex-direction:column; gap:5px; font-size:13px; color:var(--muted); font-weight:500}
.entrar input{padding:10px 12px; border-radius:10px; border:1px solid var(--line); background:var(--card-2); font-size:15px; color:var(--ink)}
.entrar input:focus{outline:3px solid var(--accent-bg); border-color:var(--accent)}
.entrar .btn{justify-content:center; padding:10px 16px; margin-top:4px}
.entrar .btn[disabled]{opacity:.6; cursor:default}
.entrar .erro{margin:0; font-size:13px; color:var(--u4); background:var(--u4-bg); padding:8px 12px; border-radius:10px}
.entrar #rodape{margin-top:16px; text-align:center}
/* 17/10/2026 · login pelo e-mail: o "Esqueci a senha" e a volta para a entrada, como link discreto */
.entrar .entrar-link{background:none; border:0; padding:4px 6px; font:inherit; font-size:13px; color:var(--accent); cursor:pointer; border-radius:8px}
.entrar .entrar-link:hover{text-decoration:underline}
.entrar .entrar-link:focus-visible{outline:3px solid var(--accent-bg)}
.entrar .ok{margin:0; font-size:13px; color:var(--ink); background:var(--accent-bg); padding:10px 12px; border-radius:10px; line-height:1.45}
/* 17/10/2026 · o autenticador e a sessão: "Este aparelho é meu", o QR code, o código e os códigos de recuperação */
.entrar .entrar-meu{flex-direction:row; align-items:flex-start; gap:10px; color:var(--ink); font-size:14px; cursor:pointer}
.entrar .entrar-meu input{width:18px; height:18px; margin:1px 0 0; padding:0; accent-color:var(--accent); flex:none}
.entrar .entrar-meu span{display:flex; flex-direction:column; gap:2px}
.entrar .entrar-meu small{font-size:12.5px; color:var(--muted); font-weight:400}
.entrar .entrar-qr{display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center}
.entrar .entrar-qr .nota{margin:0}
.entrar .entrar-qr-img{background:#fff; border-radius:12px; padding:6px; line-height:0; box-shadow:0 0 0 1px var(--line)}
.entrar .entrar-qr-img svg{width:184px; height:184px; display:block}
.entrar .entrar-seg{display:block; margin-top:4px; font:600 13px/1.5 ui-monospace,Menlo,monospace; letter-spacing:.01em; color:var(--ink); user-select:all; overflow-wrap:anywhere}
.entrar #codigo{font:600 20px/1.2 ui-monospace,Menlo,monospace; letter-spacing:.12em; text-align:center}
.entrar #codigo.rec{font-size:17px; letter-spacing:.06em; text-transform:lowercase}
.entrar .entrar-codigos{display:flex; flex-direction:column; align-items:center; gap:8px}
.entrar .entrar-codigos ol{list-style:none; margin:0; padding:12px 14px; display:grid; grid-template-columns:1fr 1fr; gap:6px 18px;
  background:var(--card-2); border-radius:12px; font:600 15px/1.5 ui-monospace,Menlo,monospace; color:var(--ink); width:100%; box-sizing:border-box; justify-items:center}
.entrar a.entrar-link{text-decoration:none}