/* Account states share the desk's wordmark, measure and quiet green ground. */
.mail-login-minimal.is-customer-identity,
.mail-login-minimal:has(.has-account-options) {
  --identity-safe-top: env(safe-area-inset-top, 0px);
  --identity-safe-bottom: env(safe-area-inset-bottom, 0px);
  --identity-optical-offset: var(--mail-login-optical-offset, clamp(0px, calc(10svh - 59px), 28px));
  display: block; height: var(--mail-login-stable-height, 100svh); min-height: 100svh;
  overflow-x: clip; overflow-y: auto;
  padding: 0 max(20px, env(safe-area-inset-right)) max(28px, var(--identity-safe-bottom)) max(20px, env(safe-area-inset-left));
}
.is-customer-identity .mail-login-panel,
.mail-login-panel.has-account-options {
  top: 0; width: min(380px, 100%);
  min-height: 402px;
  margin: max(calc(var(--identity-safe-top) + 28px), calc((var(--mail-login-stable-height, 100svh) - 402px) / 2 + var(--identity-optical-offset))) auto 36px;
  grid-template-rows: 29px minmax(330px, auto); row-gap: 32px; transform: none;
}
.identity-content { display: grid; align-content: start; gap: 20px; min-width: 0; font: 450 15px/1.55 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif; color: #a8bbb0; }
.identity-heading { display: grid; gap: 8px; }
.identity-heading h1 { margin: 0; font: 500 21px/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif; letter-spacing: -.025em; color: #c6d3ca; }
.identity-heading p, .identity-content > p { margin: 0; overflow-wrap: anywhere; }
.identity-heading p, .identity-hint { color: #91a79a; font-size: 14px; }
.identity-address { color: #b7c7bc; font-size: 14px; }
.is-customer-identity .identity-content .mail-login-form { height: auto; min-height: 0; grid-template-rows: none; align-content: start; gap: 14px; }
.identity-content .mail-login-field { height: 52px; min-height: 52px; }
.identity-content input { font-size: 16px; }
.identity-content .mail-login-precision-trigger { width: 100%; min-height: 52px; color: #b7cbbd; }
.identity-content .mail-login-back { min-height: 44px; margin: 0; color: #91a79a; }
.identity-content > .mail-login-back { width: 100%; }
.identity-navigation { display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid var(--ztb-hairline); padding-top: 8px; }
.identity-navigation .mail-login-back { padding-inline: 0; }
.identity-content .mail-login-status { min-height: 24px; height: auto; position: static; padding: 0; color: #b7c7bc; font-size: 14px; overflow-wrap: anywhere; }
.identity-content .mail-security-device { display: flex; gap: 16px; align-items: center; justify-content: space-between; min-height: 48px; overflow-wrap: anywhere; }
.identity-content .mail-security-device .mail-login-back { width: auto; flex: 0 0 auto; padding-inline: 12px; }
.identity-content .mail-security-recovery-codes { margin: 0; padding: 16px; border: 1px solid var(--ztb-hairline-strong); color: #c6d3ca; font: 15px/1.9 ui-monospace, "SFMono-Regular", Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
/* Secondary actions belong directly under the sign-in controls, in document flow. */
.mail-login-panel.has-account-options { grid-template-rows: 29px minmax(330px, auto); }
.has-account-options .mail-login-form { height: auto; min-height: 258px; }
.mail-login-account-options { position: static; display: flex; gap: 16px; justify-content: space-between; align-items: center; width: 100%; padding-top: 8px; border-top: 1px solid var(--ztb-hairline); }
.mail-login-account-options .mail-login-back { min-height: 44px; margin: 0; padding-inline: 0; color: #91a79a; }
.has-account-options .mail-login-device-access { height: auto; min-height: 258px; grid-template-rows: 49px 44px auto minmax(28px, auto); gap: 8px; }
.has-account-options .mail-login-device-access .mail-login-password-choice { min-height: 44px; }
.has-account-options .mail-login-device-access .mail-login-account-options { grid-row: 3; }
.has-account-options .mail-login-device-access .mail-login-status { grid-row: 4; }
.has-account-options .mail-login-aperture { height: auto; grid-template-rows: 44px 49px 49px 48px auto minmax(28px, auto); }
.has-account-options .mail-login-session-choice, .has-account-options .mail-login-mode-back { min-height: 44px; min-width: 44px; }
.has-account-options .mail-login-aperture .mail-login-account-options { grid-row: 5; }
.has-account-options .mail-login-aperture .mail-login-status { grid-row: 6; }
.is-customer-identity button:focus-visible, .mail-login-account-options button:focus-visible { outline: 2px solid #829f8d; outline-offset: 4px; }
.identity-navigation button::before, .mail-login-account-options button::before { content: none; }
@media (max-height: 590px) {
  .is-customer-identity .mail-login-panel, .mail-login-panel.has-account-options { margin-top: max(24px, calc(var(--identity-safe-top) + 16px)); }
  .mail-login-minimal:has(.has-account-options) { align-content: safe center; }
}
@media (prefers-reduced-motion: reduce) { .is-customer-identity *, .mail-login-account-options * { transition: none; animation: none; } }