.topact{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
body.locked > *:not(#auth):not(script){display:none!important}
#auth{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:var(--ink,#0c0c0d)}
#auth[hidden]{display:none!important}
.auth-card{width:min(400px,100%);background:var(--panel,#151517);border:1px solid var(--line,#2c2c31);border-radius:20px;padding:28px 24px;display:grid;gap:18px}
.auth-brand{display:flex;align-items:center;gap:14px}
.auth-brand img{width:46px;height:50px;border-radius:10px;border:1px solid var(--line,#2c2c31);object-fit:cover}
.auth-brand h1{font:800 italic 19px/1.1 var(--font,Poppins,sans-serif);letter-spacing:.01em;text-transform:uppercase;margin:0}
.auth-card h2{font:600 20px/1.2 var(--font,Poppins,sans-serif);margin:0}
.auth-card p.sub{color:var(--muted,#a3a3ab);font-size:14px;margin:4px 0 0}
.auth-card form{display:grid;gap:14px}
.auth-card label{display:grid;gap:6px;font-size:13px;color:var(--muted,#a3a3ab)}
.auth-card input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line,#2c2c31);background:var(--field,#0f0f11);color:var(--text,#f4f2ef);font-size:16px}
.auth-card input:focus{outline:2px solid var(--red-hi,#ee2b31);outline-offset:1px}
.auth-card .go{padding:13px 16px;border-radius:12px;border:0;background:var(--red,#d3161c);color:#fff;font-weight:600;font-size:15px;cursor:pointer}
.auth-card .go:hover:not(:disabled){background:var(--red-hi,#ee2b31)}
.auth-card .go:disabled{opacity:.6;cursor:wait}
.auth-card .link{background:none;border:0;color:var(--muted,#a3a3ab);font-size:13px;cursor:pointer;text-decoration:underline;justify-self:start;padding:0}
.auth-msg{min-height:20px;font-size:13px;color:var(--warn,#f3b13f)}
.auth-msg.err{color:#ff7a7f}
.auth-msg.ok{color:var(--ok,#46d195)}

/* ---- gebruikersbeheer ---- */
.adm{position:fixed;inset:0;z-index:900;background:rgba(0,0,0,.7);display:grid;place-items:start center;padding:5vh 16px;overflow:auto}
.adm[hidden]{display:none!important}
.adm-card{width:min(640px,100%);background:var(--panel,#151517);border:1px solid var(--line,#2c2c31);border-radius:20px;padding:22px;display:grid;gap:14px}
.adm-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.adm-head h2{margin:0;font:800 italic 18px/1.1 var(--font,Poppins,sans-serif);text-transform:uppercase}
.adm-add{display:flex;gap:8px}
.adm-add input{flex:1;min-width:0;padding:11px 14px;border-radius:12px;border:1px solid var(--line,#2c2c31);background:var(--field,#0f0f11);color:var(--text,#f4f2ef);font-size:16px}
.adm-msg{min-height:18px;font-size:13px;color:var(--muted,#a3a3ab)}
.adm-msg.err{color:#ff7a7f}
.adm-note{border:1px solid var(--ok,#46d195);border-radius:12px;padding:12px 14px;font-size:13px;display:grid;gap:8px}
.adm-note pre{margin:0;white-space:pre-wrap;word-break:break-all;font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;background:var(--field,#0f0f11);padding:10px;border-radius:8px;user-select:all}
.adm-note .btn{justify-self:start}
.adm-list{display:grid;gap:8px}
.adm-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line,#2c2c31);border-radius:12px;background:var(--panel-2,#1d1d20)}
.adm-row.blocked{opacity:.6}
.adm-who{min-width:0}
.adm-mail{font-weight:600;word-break:break-all}
.adm-meta{font-size:12px;color:var(--muted,#a3a3ab)}
.adm-acts{display:flex;gap:6px;flex-wrap:wrap}