/* Only the sign-in frame and its document; the workspace layout stays unchanged. */
.login-dialog .login-frame {
  display: block;
  width: 100%;
  min-width: 0;
  height: 420px;
  border: 0;
  background: var(--panel);
  color-scheme: light;
}
.login-dialog .login-frame[hidden] { display: none; }
[data-theme="dark"] .login-dialog .login-frame { color-scheme: dark; }
.login-frame-loading { margin: 8px 0 20px; font-size: 14px; }
html:has(body[data-login-embed]) { background: transparent; }
body[data-login-embed] {
  min-height: 0;
  margin: 0;
  padding: 2px;
  background: var(--panel);
  color: var(--text);
  overflow-x: hidden;
}
body[data-login-embed] [data-login-panel] { display: flow-root; }
body[data-login-embed] .auth-form { margin-top: 18px; }
body[data-login-embed] .login-help { border: 0; padding: 0; margin: 14px 0 0; font-size: 12px; }
body[data-login-embed] [data-login-status]:empty { display: none; }
body[data-login-embed] [role="alert"] { overflow-wrap: anywhere; }
body[data-login-embed] .field-group { min-width: 0; }
body[data-login-embed] input { width: 100%; }