/* ===== Tela de login (acesso restrito) ===== */
#loginGate{
  position:fixed; inset:0; z-index:999999;
  display:flex; align-items:center; justify-content:center;
  padding:24px;
  background:
    radial-gradient(1000px 700px at 15% -10%, rgba(201,169,98,.10), transparent 60%),
    linear-gradient(135deg, #0A1628 0%, #152B50 100%);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", Arial;
}
#loginGate.hidden{ display:none; }
body.gate-active{ overflow:hidden; }
.loginCard{
  width:100%; max-width:400px;
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  padding:40px 32px 32px;
  box-shadow: 0 24px 60px rgba(0,0,0,.45);
  backdrop-filter: blur(6px);
}
.loginBrand{
  display:flex; align-items:center; justify-content:center; gap:18px;
  margin-bottom:22px;
}
.loginBrand img.loginLogo{ height:52px; width:auto; display:block; }
.loginSubtitle{
  text-align:center; color:#B8C2D9; font-size:13.5px; margin:0 0 24px; line-height:1.5;
}
.loginField{ margin-bottom:18px; }
.loginField label{ display:block; font-size:13px; color:#B8C2D9; margin-bottom:6px; }
.loginField .pwWrap{ position:relative; }
.loginField input{
  width:100%; box-sizing:border-box;
  padding:11px 14px; border-radius:8px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.05);
  color:#F1F5F9; font-size:14.5px;
  outline:none;
}
.loginField input::placeholder{ color:#64748B; }
.loginField input:focus{
  border-color: #C9A962;
  box-shadow: 0 0 0 3px rgba(201,169,98,.18);
}
.loginField .pwToggle{
  position:absolute; right:10px; top:50%; transform:translateY(-50%);
  background:none; border:none; color:#94A3B8; font-size:12.5px;
  cursor:pointer; padding:6px 6px;
}
.loginField .pwToggle:hover{ color:#E2C98A; }
.loginBtn{
  width:100%; padding:13px; border:none; border-radius:8px;
  background: #047857; color:#fff;
  font-size:15px; font-weight:600; letter-spacing:.02em;
  cursor:pointer; transition: background .15s, transform .15s;
  margin-top:4px;
}
.loginBtn:hover{ background:#065F46; }
.loginBtn:active{ transform: translateY(1px); }
.loginError{
  color:#FCA5A5; background:rgba(239,68,68,.12); border:1px solid rgba(239,68,68,.35);
  border-radius:8px; padding:9px 12px; font-size:13px; margin:0 0 16px;
  display:none;
}
.loginError.show{ display:block; }
#logoutBtn{
  position:fixed; right:14px; bottom:14px; z-index:9998;
  display:none;
  background: rgba(15,17,34,.85);
  color:#B8C2D9;
  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;
  padding:7px 12px;
  font-size:12.5px;
  cursor:pointer;
}
#logoutBtn:hover{ color:#fff; border-color: rgba(255,255,255,.3); }
#logoutBtn.show{ display:block; }