/* Tela de entrada e faixa de identificação — não existia na versão local. */
#loginWrap,#senhaWrap{position:fixed;inset:0;z-index:9999;display:none;place-items:center;
  background:var(--bg,#0f1115);padding:20px}
#loginWrap.on,#senhaWrap.on{display:grid}
#loginBox,#senhaBox{width:min(420px,100%);background:var(--card,#fff);border:1px solid var(--line,#e5e7eb);
  border-radius:16px;padding:28px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
#loginBox h1,#senhaBox h1{font-size:19px;margin:0 0 4px}
#loginBox .sub,#senhaBox .sub{font-size:13px;opacity:.7;margin:0 0 20px}
#loginBox label,#senhaBox label{display:block;font-size:12px;font-weight:600;margin:14px 0 5px;opacity:.85}
#loginBox input,#senhaBox input{width:100%;padding:11px 12px;border:1px solid var(--line,#d1d5db);
  border-radius:9px;font-size:14px;background:var(--bg2,#fff);color:inherit}
#loginBox input:focus,#senhaBox input:focus{outline:2px solid var(--acc,#2563eb);outline-offset:1px}
#loginBox button.primario,#senhaBox button.primario{width:100%;margin-top:20px;padding:12px;border:0;border-radius:9px;
  background:var(--acc,#2563eb);color:#fff;font-weight:700;font-size:14px;cursor:pointer}
#loginBox button.primario[disabled],#senhaBox button.primario[disabled]{opacity:.6;cursor:progress}
#loginBox .link{background:none;border:0;color:var(--acc,#2563eb);font-size:12.5px;
  cursor:pointer;padding:0;margin-top:14px;text-decoration:underline}
#loginMsg,#senhaMsg{margin-top:14px;font-size:13px;min-height:18px}
#loginMsg.erro,#senhaMsg.erro{color:var(--bad,#dc2626)}
#loginMsg.ok,#senhaMsg.ok{color:var(--ok,#16a34a)}
#loginBox .rodape,#senhaBox .rodape{margin-top:22px;padding-top:14px;border-top:1px solid var(--line,#e5e7eb);
  font-size:11px;opacity:.6;line-height:1.5}
#quemSou{font-size:11.5px;line-height:1.45;padding:8px 10px;border-radius:8px;
  background:var(--bg2,#f3f4f6);margin-bottom:8px}
#quemSou b{display:block;font-size:12.5px}
#sairBtn{width:100%}
#termoWrap{position:fixed;inset:0;z-index:9998;display:none;place-items:center;
  background:rgba(0,0,0,.55);padding:20px}
#termoWrap.on{display:grid}
#termoBox{width:min(620px,100%);max-height:86vh;overflow:auto;background:var(--card,#fff);
  border-radius:14px;padding:26px;font-size:13.5px;line-height:1.6}
#termoBox h2{margin:0 0 12px;font-size:17px}
#termoBox ol{padding-left:20px}#termoBox li{margin:7px 0}

body.pre-login .app{visibility:hidden}