/* Pagine di accesso (account/ e admin/): riquadro centrato con il logo, sopra la mappa della zona al 50% (loginbg.js) */
.loginpage{min-height:100vh;min-height:100dvh;margin:0;display:grid;place-items:center;padding:16px;box-sizing:border-box;position:relative;
  --l-bg:#131416;--l-card:#1c1e21;--l-ink:#ecebe7;--l-muted:#9b9890;--l-line:#2e3135;--l-field:#131416;--l-accent:#f5c22e;
  background:var(--l-bg);color:var(--l-ink)}
@media (prefers-color-scheme:light){.loginpage.themed{--l-bg:#e7e5e1;--l-card:#f7f6f3;--l-ink:#1b1c1e;--l-muted:#6a6862;--l-line:#d3d0ca;--l-field:#ffffff;--l-accent:#f2b705}}
.mapbg{position:fixed;inset:0;z-index:0;background:center/cover no-repeat;opacity:0;transition:opacity .8s}
.mapbg.on{opacity:.5} /* mappa della zona a metà trasparenza (alpha 50%) */
.loginpage > main{position:relative;z-index:1}
.login{width:100%;max-width:400px;box-sizing:border-box;padding:30px 26px 22px;background:var(--l-card);color:var(--l-ink);
  border:1px solid var(--l-line);border-radius:18px;box-shadow:0 24px 60px rgb(0 0 0 / .35);text-align:center}
.login h1{font-size:19px;margin:12px 0 4px;font-family:inherit}
.login .muted{color:var(--l-muted)}
.llogo{display:flex;justify-content:center;margin:0 0 4px} .llogo .logo{font-size:28px}
.lform{margin-top:18px;text-align:left;display:flex;flex-direction:column;gap:10px}
.lform label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--l-muted)}
.lform input{font:inherit;font-size:16px;padding:12px 14px;border-radius:10px;border:1px solid var(--l-line);background:var(--l-field);color:var(--l-ink)}
.lform input:focus{outline:none;border-color:var(--l-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--l-accent) 25%,transparent)}
.lform small{font-size:12.5px;color:var(--l-muted)}
.lbtn{width:100%;margin-top:6px;padding:12px;font:inherit;font-size:16px;font-weight:700;cursor:pointer;border:0;border-radius:10px;background:var(--l-accent);color:#17181a}
.lbtn:disabled{opacity:.6;cursor:wait}
.lfoot{margin:16px 0 0;text-align:center;font-size:14px} .lfoot a,.login a{color:var(--l-muted)}
/* puntino giallo bordato di nero (come il centro del radar dell'app, .crosshair) sulla posizione dell'utente, e comune,
   accanto al riquadro di accesso: semitrasparenti come la mappa (alpha 50%) */
.youare{position:fixed;z-index:1;transform:translate(-10px,-10px);display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .8s .3s;pointer-events:none;color:var(--l-ink)}
.youare.on{opacity:.5}
.ya-dot{flex:none;width:14px;height:14px;border-radius:50%;background:#f5c22e;border:3px solid #1b1c1e;box-sizing:content-box;
  box-shadow:0 0 0 2px #fff,0 2px 6px rgb(0 0 0 / .35)}
.youare-town{font:700 16px/1.2 "Work Sans",system-ui,sans-serif;white-space:nowrap}
.youare-town:empty{display:none}