/* Account pages (invitation, password reset, two-factor authentication…), on top of the .auth-* rules of app.css. */
.auth-box .sub{margin-bottom:22px}
.auth-box .sub+.sub{margin-top:-12px}
.auth-box h2.or{font-size:12px;margin:22px 0 12px}
.auth-actions{display:flex;flex-direction:column;margin-top:6px}
.auth-actions:empty{display:none}
.auth-box form+form{margin-top:0}
.auth-box .btn.block,.auth-box button.block{margin:6px 0}
.auth-box .f.check{margin:8px 0 12px}
.auth-links{margin:18px 0 0;display:flex;gap:6px 14px;flex-wrap:wrap}
.auth-note{margin:10px 0 0}
.auth-msg{margin:0 0 22px;padding:12px 16px;border:1px solid var(--line);background:var(--panel);
  white-space:pre-line;font-size:14px;color:var(--ink-2)}
/* the TOTP QR code is black on transparent: always on white, in both themes */
.auth-qr{display:block;width:196px;height:196px;margin:0 auto 18px;padding:12px;background:#fff;}
.auth-secret{width:100%;font-size:13px;letter-spacing:.08em}
.auth-panel{margin:0 0 12px;padding:16px 18px}
.auth-panel p{margin:0 0 6px}
.auth-panel .btn.block{margin:6px 0 0}
.auth-box textarea{min-height:0}
.auth-logout{margin-top:22px;text-align:center}
.auth-logout button{margin:0 auto}
.auth-box details.more{margin-bottom:12px}
/* a title straight above a form or a panel (allauth pages without a subtitle) */
.auth-box h1+form,.auth-box h1+.auth-panel{margin-top:22px}