.staging-pending .mock-sidebar,.staging-pending main{display:none}.stage-login{max-width:460px;margin:10vh auto;padding:32px;background:var(--review-panel);border:1px solid var(--review-line);border-radius:12px}.stage-login img{width:64px}.stage-login button{display:block;margin:14px 0}.stage-login p{line-height:1.5}.mock-sidebar>#stage-save-status{font-size:11px;margin:12px 0}.mock-sidebar>button{margin-bottom:12px}

#stage-mfa label{display:block;margin:16px 0;font-size:14px}#stage-mfa input,#stage-mfa select{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid var(--review-line);border-radius:6px;background:var(--review-panel);color:var(--review-text)}#stage-mfa h2{font-size:18px}#stage-mfa-qr{display:block;margin:16px auto;max-width:100%;height:auto;background:white;border-radius:8px}#stage-mfa-code{font-size:24px;letter-spacing:4px}#stage-mfa-key{font-family:monospace;font-size:12px}

/* Live login uses the familiar purple neon identity, independent of workspace theme. */
.stage-login{--login-accent:#bc84ff;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,80px);max-width:1300px;min-height:100svh;margin:0 auto;padding:40px clamp(20px,4vw,64px);background:transparent;border:0;border-radius:0}
.stage-login[hidden]{display:none}.stage-login-hero{min-width:0;text-align:center}.stage-login .stage-login-word{width:min(280px,70%);height:auto;margin:0 auto 22px;filter:drop-shadow(0 0 8px #bc84ff) drop-shadow(0 0 24px #a347ff)}.stage-login .stage-login-cat{display:block;width:min(460px,100%);height:auto;max-height:68svh;object-fit:contain;margin:auto;filter:drop-shadow(0 0 30px #9c47ff66)}
.stage-login-card{min-width:0;padding:clamp(22px,3vw,36px);border:1px solid #8054b4;border-radius:20px;background:linear-gradient(145deg,#1a1530,#0a1322);box-shadow:0 0 36px #9c47ff22}.stage-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.stage-login-brand img:first-child{width:46px}.stage-login-brand img:last-child{width:130px;filter:drop-shadow(0 0 10px #bc84ff)}.stage-login h1{font-size:30px;margin:12px 0}.stage-login-tag{font-size:12px;letter-spacing:.08em;color:#d6b4ff;font-weight:700}.stage-login p{font-size:14px;line-height:1.6}.stage-login button{min-height:44px}.stage-login .primary{width:100%;background:linear-gradient(110deg,#604194,#833fad);border-color:#bc84ff;box-shadow:0 0 14px #9c47ff44}.stage-login [hidden]{display:none}.stage-login-security{font-size:12px!important;color:#d6b4ff}.stage-login-legal{border-top:1px solid #47305f;padding-top:18px;margin-top:20px}.stage-login-legal strong{font-size:12px}.stage-login-legal p{font-size:12px}.stage-login-legal details{margin:12px 0}.stage-login-legal summary{color:#d6b4ff;font-size:13px;min-height:32px;padding:6px 0}.stage-login-card>small{display:block;font-size:11px;margin-top:22px}.stage-login-mfa{align-items:start}.stage-login-mfa .stage-login-hero{position:sticky;top:40px}
@media(max-width:767px){.stage-login{grid-template-columns:1fr;gap:18px;padding:24px 16px;min-height:100svh}.stage-login .stage-login-word{width:180px;margin-bottom:8px}.stage-login .stage-login-cat{width:210px;max-height:250px}.stage-login-card{width:100%;max-width:500px;margin:auto}.stage-login-mfa .stage-login-hero{display:none}.stage-login h1{font-size:26px}.stage-login-mfa{min-height:0}}