.auth-screen{position:fixed;inset:0;z-index:1000;background:#f5f2ed;display:grid;place-items:center;padding:24px;overflow:auto}.auth-screen[hidden]{display:none}.login-card{width:min(440px,100%);background:white;padding:32px;border:1px solid #e5d9ce;border-radius:18px;box-shadow:0 18px 60px #40220d12;display:grid;gap:18px}.login-card h1,.login-card p{margin:0}.login-card small{color:#6d665e;line-height:1.5}#save-gate{max-width:640px;padding:30px;border:0;border-radius:16px}#save-gate::backdrop{background:#29201aa8}#sync-status{font-weight:600}.role-label select:disabled{opacity:1;color:#584234}td small{display:block}.login-card .mark{width:42px}button:disabled{cursor:wait;opacity:.6}
.topbar{height:auto;min-height:77px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.topbar>#sync-status{display:block;font-size:12px;color:#81532e}@media(max-width:760px){.topbar>#sync-status{order:3;flex-basis:100%}}