.desktop-login-actions { margin-bottom: 20px; }
.desktop-login-actions .btn { white-space: normal; }
.desktop-passkey-help { margin-top: 8px; font-size: 14px; color: #444; }
.desktop-passkey-dialog:not([open]) { display: none; }
.desktop-passkey-dialog {
  box-sizing: border-box;
  width: 440px;
  max-width: calc(100% - 32px);
  max-height: calc(100% - 32px);
  overflow: auto;
  padding: 28px;
  border: 1px solid #777;
  border-radius: 6px;
  background: #fff;
  color: #222;
  font: 16px/1.5 Arial, sans-serif;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .25);
}
.desktop-passkey-dialog::backdrop { background: rgba(0, 0, 0, .5); }
.desktop-passkey-dialog h2 { margin: 0 0 16px; font-size: 24px; line-height: 1.25; }
.desktop-passkey-dialog p { margin: 0 0 16px; }
.desktop-passkey-dialog button {
  padding: 10px 16px;
  border: 1px solid #244c6b;
  border-radius: 4px;
  background: #244c6b;
  color: #fff;
  font: inherit;
  cursor: pointer;
}
.desktop-passkey-dialog button:hover { background: #19364c; }
.desktop-passkey-dialog button:disabled { opacity: .6; cursor: wait; }
.desktop-passkey-dialog button:focus-visible,
.desktop-login-actions .btn:focus-visible { outline: 3px solid #2879af; outline-offset: 3px; }
.desktop-passkey-dialog .desktop-passkey-dismiss { background: #fff; color: #244c6b; }
.desktop-passkey-dialog .desktop-passkey-dismiss:hover { background: #edf3f7; }
.desktop-passkey-dialog [data-passkey-status] { margin-top: 16px; }