/* Shared email controls stay inside the established auth/account app frame. */
.main-shell.email-auth-main { display: flex; flex-direction: column; }
.email-auth-layout { display: block; flex: 0 0 auto; width: 100%; max-width: 440px; margin: auto; }
.email-auth-card { min-width: 0; }
.email-auth-layout .auth-form { padding: 24px; border-radius: 20px; box-shadow: 0 12px 40px #001a7006; }
.email-auth-layout .auth-form h1 { margin: 0 0 8px; font-size: var(--text-xl); line-height: 1.5; text-align: center; }
.email-auth-layout .auth-form > .muted { margin: 0 0 20px; font-size: var(--text-sm); line-height: 1.7; text-align: center; }
.email-auth-layout .auth-alternative { margin: 16px 0 0; padding-top: 12px; font-size: var(--text-sm); }
.email-auth-layout .button { width: 100%; min-height: 48px; }
@media (max-width: 600px) { .email-auth-layout .auth-form { padding: 20px 16px; } }
.email-login-methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding: 4px; margin-bottom: 22px; border-radius: 12px; background: var(--soft); }
.email-login-methods a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 6px 10px; border-radius: 9px; font-size: var(--text-sm); color: var(--muted); text-align: center; }
.email-login-methods a[aria-current="page"] { color: var(--primary); font-weight: 700; background: var(--paper); box-shadow: 0 2px 6px #001a700a; }
.email-login-methods a:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.email-auth-symbol { display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto 16px; background: var(--blue); color: var(--primary); border-radius: 14px; }
.email-auth-symbol .icon { width: 25px; height: 25px; }
.email-auth-address { display: grid; gap: 4px; margin: 0 0 18px; padding: 12px 14px; border-radius: 12px; background: var(--blue); text-align: center; overflow-wrap: anywhere; }
.email-auth-address > span { color: var(--muted); font-size: var(--text-xs); }
.email-auth-address bdi { font-family: 'Inter', sans-serif; color: var(--primary); font-size: var(--text-sm); }
.email-auth-card .email-auth-guidance { margin: 0 0 18px; color: var(--muted); font-size: var(--text-sm); line-height: 1.8; }
.email-auth-card .field-email input { direction: ltr; font-family: 'Inter', sans-serif; }
.email-auth-card .field-code input { letter-spacing: .3em; font-size: var(--text-xl); text-align: center; }
.email-unavailable { margin-block: 0 16px; }
.email-unavailable p { margin-block: 6px 0; }
.email-resend-form { display: flex; justify-content: center; margin-top: 10px; }
.email-resend-button { min-height: 44px; padding: 8px 14px; border: 0; border-radius: 9px; background: transparent; color: var(--primary); font: inherit; font-size: var(--text-sm); font-weight: 600; cursor: pointer; }
.email-resend-button:hover { background: var(--blue); }
.email-auth-card .email-auth-cancel, .email-auth-card .back-link.email-phone-alternative { display: flex; justify-content: center; margin-block: 6px 0; font-size: var(--text-sm); }
.account-email-verification { display: grid; gap: 7px; margin-top: 10px; padding: 12px; border-radius: 10px; background: var(--blue); }
.account-email-verification > p { margin: 0; color: var(--muted); font-size: var(--text-xs); line-height: 1.8; }
.account-email-verification .email-verified-status { display: inline-flex; align-items: center; gap: 6px; color: #13745c; font-size: var(--text-xs); font-weight: 700; }
.account-email-verification .email-unverified-status { color: var(--muted); font-size: var(--text-xs); font-weight: 600; }
.account-email-verification .icon { width: 17px; height: 17px; }
.account-email-verification .email-verify-link { display: inline-flex; align-items: center; width: fit-content; min-height: 44px; color: var(--primary); font-size: var(--text-sm); font-weight: 600; }
@media (max-width: 600px) { .email-login-methods { margin-bottom: 18px; } .email-login-methods a { padding-inline: 6px; } .account-email-verification { padding: 10px; } }