.auth-gated{display:block!important;overflow:auto!important;background:linear-gradient(150deg,#f3f8fa,#faf8f3,#f3faf8)!important;min-height:100dvh}
.auth-gated>aside,.auth-gated>main,.auth-gated>dialog{display:none!important}
#auth-root{box-sizing:border-box;max-width:500px;margin:8vh auto;padding:36px;border:1px solid #e6e9eb;border-radius:24px;background:#fff;color:#30363b;box-shadow:0 16px 60px #24363b0a;font-family:system-ui,sans-serif}
#auth-root[hidden]{display:none!important}#auth-root.admin-wide{max-width:1000px;margin:30px auto}
#auth-root h1{font-size:27px;margin:22px 0 10px}#auth-root h2{font-size:18px;margin:8px 0}#auth-root p{line-height:1.7;font-size:14px;overflow-wrap:anywhere}
.auth-brand{font-size:20px;font-weight:600}.auth-badge{display:inline-block;font-size:12px;color:#6e7d83;background:#eff4f5;border-radius:30px;padding:4px 10px;margin-top:10px}
#auth-root label{display:block;font-size:14px;margin:16px 0}#auth-root input:not([type=checkbox]){box-sizing:border-box;display:block;width:100%;padding:12px 14px;margin-top:8px;border:1px solid #d9dfe3;border-radius:10px;font:inherit;background:#fff;color:#30363b}
#auth-root button,.auth-actions button{border:1px solid #dce2e5;border-radius:12px;background:#f5f7f8;color:#30363b;padding:10px 16px;cursor:pointer;margin:4px 8px 4px 0;font:inherit;font-size:14px}
#auth-root button[type=submit]{background:#347bf6;color:#fff;border-color:transparent;width:100%;margin-top:8px}#auth-root button:disabled{opacity:.5;cursor:wait}.auth-message{color:#9c512e;min-height:20px}
.auth-qr{width:200px;height:200px;display:block;margin:16px auto}.auth-secret{user-select:all}.admin-users{display:grid;gap:18px;margin-top:24px}.admin-user{padding:20px;background:#fafbfc;border:1px solid #e5e8eb;border-radius:16px}
#auth-root details{background:#fff;border:1px solid #e5e8eb;border-radius:12px;margin:12px 0;padding:12px}#auth-root summary{cursor:pointer;font-weight:600}#auth-root details label{display:inline-flex;align-items:center;gap:8px;width:calc(50% - 16px);margin:8px;font-size:13px}#auth-root input[type=checkbox]{width:16px;height:16px;accent-color:#347bf6}
.auth-actions{display:flex;align-items:center;gap:8px}.auth-actions span{font-size:12px;color:#7d888f}.auth-actions button{padding:5px 10px;margin:0}
@media(max-width:650px){#auth-root{margin:20px 12px;padding:24px}#auth-root details label{width:100%;margin:7px 0}.auth-actions span{display:none}.auth-actions{gap:3px}}