/* Email authentication composes the shared fields, buttons and dialog. */
.email-code-row { display: flex; gap: var(--ui-space-2); align-items: stretch; }
.email-code-row .input-wrapper { flex: 1; min-width: 0; }
.email-code-row > .ui-input { flex: 1; }
.email-send-code { flex: 0 0 auto; white-space: nowrap; }
.email-code-message { margin: var(--ui-space-2) var(--ui-space-0) var(--ui-space-0); }
.email-code-message:empty { display: none; }
.email-auth-dialog {
    max-height: calc(var(--visual-viewport-height, 100dvh) - var(--ui-space-8) - var(--ui-space-4));
    overscroll-behavior: contain;
}
.email-auth-dialog-header { display: flex; align-items: center; justify-content: space-between; gap: var(--ui-space-3); }
.email-auth-description { margin: var(--ui-space-3) var(--ui-space-0) var(--ui-space-5); }
.email-auth-submit { width: 100%; margin-top: var(--ui-space-2); }
#register-email-code-group[hidden] { display: none; }
.email-binding-entry[hidden] { display: none; }
.email-binding-entry [hidden] { display: none; }
.email-binding-entry { gap: var(--ui-space-3); flex-wrap: wrap; }
.email-binding-entry .settings-item-info { flex: 1 1 auto; min-width: 0; }
.email-binding-address { overflow-wrap: anywhere; }
.email-binding-field-hint { margin: var(--ui-space-0); }