.account-fields{border:0;padding:0;margin:0;min-width:0}
.account-fields:disabled{opacity:.65}
[data-account-form] p,[data-profile-form] p{text-align:start;hyphens:none}

.account-password{position:relative}
.account-password .input{padding-right:52px}
.account-password-toggle{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:var(--r-sm);background-color:transparent;color:var(--g600);cursor:pointer}
.account-password-toggle:hover{color:var(--blue);background-color:var(--blue-50)}
.account-password-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.account-password-toggle[aria-pressed=true]::after{content:"";position:absolute;width:22px;height:2px;background-color:currentColor;transform:rotate(-45deg)}
.account-password .input::-ms-reveal{display:none}
.input[aria-invalid="true"]{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}
.account-field-error{color:var(--danger);font-size:var(--fs-sm);margin-top:var(--s2)}
.account-code{font-size:var(--fs-h3);letter-spacing:.3em;text-align:center}

.account-or{display:flex;align-items:center;gap:var(--s3);margin:var(--s5) 0;color:var(--g600);font-size:var(--fs-sm)}
.account-or::before,.account-or::after{content:"";flex:1;height:1px;background-color:var(--g200)}
/* Google's guidelines place the G mark on white, not the tinted secondary fill. */
.btn.account-google{background-color:var(--white);border-color:var(--g300);color:var(--navy)}
.btn.account-google:hover{background-color:var(--g50);border-color:var(--g300)}
.account-google-mark{width:18px;height:18px;flex:none}
.account-switch{margin:var(--s5) 0 0;text-align:center!important;font-size:var(--fs-sm);color:var(--g600)}
.account-switch a{font-weight:600;white-space:nowrap}
.account-verify{text-align:center;background-color:var(--white)}
.account-verify .field{text-align:left}
.account-mail-icon{display:grid;place-items:center;width:56px;height:56px;background-color:var(--blue-50);color:var(--blue);border-radius:var(--r-lg);margin:0 auto var(--s5)}
.account-mail-icon .ic{width:28px;height:28px}
.account-eyebrow{font-size:var(--fs-cap);font-weight:700;letter-spacing:.12em;color:var(--blue);margin-bottom:var(--s3)}
.account-verify p{text-align:center;text-align-last:auto}
body[data-page="signin"][data-auth-screen="verify"] .account-verify p{text-align:center;text-align-last:center}
body[data-page="signin"] .account-verify p{font-family:inherit;font-size:var(--fs-sm);font-weight:400;line-height:1.6;color:var(--g600);letter-spacing:normal}
body[data-page="signin"] .account-verify .account-email:empty{display:none}
.account-verify-intro{margin-top:var(--s4);color:var(--g600)}
.account-email{font-weight:600;color:var(--navy);overflow-wrap:anywhere;margin-top:var(--s1)}
.account-resend{border-top:1px solid var(--g200);margin-top:var(--s6);padding-top:var(--s5);font-size:var(--fs-sm)}
.account-delivery-note{font-size:var(--fs-xs);color:var(--g600);margin-top:var(--s5)}
.account-verify .account-code{font-size:clamp(22px,5vw,30px);letter-spacing:.16em;min-height:64px}
body[data-auth-screen=verify] .header-actions [data-signin]{display:none}