/* Přihlašovací obrazovka a drobnosti kolem přihlášení */
.gate{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg);font-family:var(--f);color:var(--fg)}
.gate[hidden]{display:none}
.gate-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:14px}
.gate-card .brand{font-weight:700;font-size:1.1rem}
.gate-card form{display:grid;gap:12px}
.gate-card input{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg)}
.gate-card .btn{width:100%}
.gate-err{color:var(--bad);font-size:.85rem;margin:0}
.gate-ok{color:var(--ok);font-size:.85rem;margin:0}
.who #whoName{font-weight:600;color:var(--fg)}
.who .link{justify-self:start;padding:0}
.savebar{position:fixed;right:14px;bottom:14px;z-index:60;background:var(--bad);color:#fff;border-radius:10px;padding:10px 14px;font:600 .85rem var(--f);max-width:360px}
.savebar[hidden]{display:none}