.cloud-panel {
  margin-top: 25px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #f6f5ee;
}

.cloud-panel h3 { margin-top: 0; }
.cloud-form { display: grid; gap: 12px; }
.cloud-form label { display: grid; gap: 6px; font-size: 11px; }
.cloud-form input { width: 100%; }

body.account-pending > header,
body.account-pending > main,
body.account-pending > footer,
body.account-pending > #toast,
body.account-pending > #modal { visibility: hidden; }

.auth-entry-gate {
  width: min(520px, calc(100vw - 32px));
  border: 0;
  border-radius: 14px;
  padding: 30px;
  color: var(--ink);
  background: var(--paper);
  box-shadow: 0 24px 80px #29282055;
}

.auth-entry-gate::backdrop { background: #343634cc; }
.auth-entry-gate h1 { margin: 8px 0 12px; font-size: clamp(30px, 6vw, 44px); }
.auth-entry-gate .cloud-form { margin: 24px 0 16px; }
.auth-entry-gate .recovery-form { padding-top: 18px; border-top: 1px solid var(--line); }
.auth-entry-gate .recovery-form[hidden] { display: none; }
.auth-entry-gate select { width: 100%; }
.auth-entry-gate .warning:empty { display: none; }

.mfa-qr {
  display: block;
  width: min(260px, 100%);
  height: auto;
  margin: 18px auto;
  padding: 10px;
  background: #fff;
  border: 1px solid var(--line);
}