/* Server-rendered pages: login, password, user administration, errors. */
body{margin:0}
[hidden]{display:none!important}
.pg-head{background:var(--navy);color:var(--on-navy);display:flex;align-items:center;gap:16px;padding:10px 24px;flex-wrap:wrap}
.pg-logo{width:150px;display:block}
.pg-nav{display:flex;gap:6px 16px;align-items:center;flex-wrap:wrap;margin-inline-start:auto}
.pg-nav a,.pg-nav button{color:var(--on-navy);background:none;border:0;padding:0;font:inherit;cursor:pointer;opacity:.88;text-decoration:none}
.pg-nav a:hover,.pg-nav button:hover{opacity:1;color:var(--orange)}
.pg-nav form{margin:0}
.pg-main{max-width:1000px;margin:0 auto;padding:28px 16px 60px;display:flex;flex-direction:column;gap:16px}
.note.okn{background:var(--ok-soft);color:var(--ok)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:14px}
.narrow{max-width:440px;width:100%;margin:0 auto}
.auth .pg-main{min-height:calc(100vh - 80px);justify-content:center}
.card form{display:flex;flex-direction:column;gap:12px}
.err-list{color:var(--bad);font-size:.85rem;margin:0}
.badge-off{color:var(--bad);font-weight:600}
.badge-lock{color:var(--warn);font-weight:600}
.inline{display:inline;margin:0}
@media (max-width:600px){.pg-head{padding:10px 16px}.card{padding:18px}}