/* Accesso, barra in basso, aggiornamenti e installazione */
body.pf-locked header.top, body.pf-locked nav.tabs, body.pf-locked main{visibility:hidden}
#pf-login{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:#4D4D4D}
#pf-login[hidden]{display:none}
.pf-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px;padding:26px 22px;border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.pf-card h2{margin:0;font-size:26px}
.pf-login-logo{width:72px;height:72px;border-radius:16px;align-self:center}
.pf-card .btn.primary{padding:13px;font-size:16px}
.pf-msg{min-height:1.3em;margin:0;color:var(--alarm,#A23A2E);font-weight:700;font-size:14px}
.pf-bar{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));color:var(--ink-2);font-size:13px}
.pf-update{position:fixed;left:0;right:0;bottom:0;z-index:150;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:#2B2B2C}
.pf-update[hidden],.pf-tip[hidden]{display:none}
.pf-update button{all:unset;box-sizing:border-box;display:block;width:100%;text-align:center;padding:12px;border-radius:10px;background:#FFFFFF;color:#2B2B2C;font-weight:800;cursor:pointer}
.pf-tip{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:140;display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:14px}
