/* Owned auth screens only; preserve scrollability and visible focus. */
.qem-auth-page { box-sizing: border-box; height: auto; }
.qem-auth-card { max-width: 100%; min-width: 0; }
.qem-auth-card .qem-auth-field { display: grid; align-content: start; gap: var(--space-1); min-width: 0; margin: 0; }
.qem-auth-card .qem-auth-field label, .qem-auth-form > label { text-align: start; font-size: var(--font-size-0); }
.qem-auth-card .qem-auth-field label { margin: 0; }
.qem-auth-card .qem-auth-field-error, .qem-auth-card .qem-signup-field-help, .qem-auth-card #code-help, .qem-auth-card .qem-auth-form > .qem-auth-text:not(.qem-auth-intro) { text-align: start; }
.qem-auth-card .qem-auth-text, .qem-auth-card .qem-auth-alert, .qem-auth-card .qem-auth-field-error { overflow-wrap: anywhere; }
.qem-auth-card .qem-auth-alert { text-align: start; font-size: var(--font-size-0); padding: var(--space-3); margin: 0; }
.qem-auth-card .qem-auth-alert p, .qem-auth-card .qem-auth-alert ul { margin: 0; }
.qem-auth-card .qem-auth-alert ul { padding-inline-start: var(--space-5); }
.qem-auth-card [data-passkey-status] { text-align: start; margin: var(--space-2) 0 0; font-size: var(--font-size-00); color: var(--color-text-muted); overflow-wrap: anywhere; }
.qem-auth-card [data-passkey-status]:empty { display: none; }
.qem-auth-card [aria-invalid="true"]:focus { border-color: var(--color-danger); box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-danger) 25%, transparent); }
@media (max-height: 700px) { .qem-auth-page { align-items: start; padding-top: var(--space-6); } }

.qem-auth-card [aria-invalid="true"] { border-color: var(--color-danger); }