/* Public account layouts reuse the common brand, field and button tokens. */
.fx-app.fx-auth{display:flex;flex-direction:column;min-height:100svh}
.fx-auth>.legal-footer{margin-block-start:auto}
.fx-auth .customer-auth-page{flex-shrink:0}
.fx-auth .fx-auth-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);width:min(1040px,calc(100% - 48px));margin:48px auto 64px;background:var(--fx-surface);border:1px solid var(--fx-border);border-radius:20px;box-shadow:var(--fx-shadow);padding:0;min-width:0}
.fx-auth-intro{padding:40px;background:var(--fx-primary-soft);border-start-start-radius:20px;border-end-start-radius:20px;display:flex;flex-direction:column;gap:20px;min-width:0}
.fx-auth-intro p{margin:0;color:var(--fx-muted);line-height:1.9}
.fx-auth-intro .fx-auth-eyebrow{font-size:var(--fx-text-sm);font-weight:600;letter-spacing:.04em;color:var(--fx-primary)}
.fx-auth .fx-auth-intro h1{font-size:32px;line-height:1.65;max-width:15ch}
.fx-auth-benefits{list-style:none;margin:12px 0 24px;padding:0;display:grid;gap:24px}
.fx-auth-benefits li{padding-inline-start:16px;border-inline-start:2px solid var(--fx-primary);display:grid;gap:4px;line-height:1.8}
.fx-auth-benefits strong{font-size:var(--fx-text-base);color:var(--fx-text)}
.fx-auth-benefits span{font-size:14px;color:var(--fx-muted)}
.fx-auth-intro .fx-auth-company{font-size:var(--fx-text-sm);margin-block-start:auto;padding-block-start:20px;border-block-start:1px solid var(--fx-glass-border)}
.fx-auth-card{min-width:0;padding:36px 40px}
.fx-auth .customer-auth-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 28px;padding:4px;border:1px solid var(--fx-border);border-radius:var(--fx-button-radius);background:var(--fx-surface-soft)}
.fx-auth .customer-auth-modes .ops-button{margin:0;min-width:0;min-height:44px;border:1px solid transparent;border-radius:var(--fx-control-radius);background:transparent;box-shadow:none;color:var(--fx-muted);padding:8px 12px}
.fx-auth .customer-auth-modes .ops-button[aria-pressed=true]{background:var(--fx-surface);border-color:var(--fx-border);box-shadow:var(--fx-button-shadow);color:var(--fx-primary)}
.fx-auth-card #auth-mode-title{font-size:24px;margin:0 0 24px}
.fx-auth-card .ops-field{margin:0 0 20px;gap:8px}
.fx-auth-card .ops-field>label,.fx-auth-card .ops-field>span{font-size:14px;font-weight:600;color:var(--fx-text)}
.fx-auth-card input:not([type=checkbox]){min-height:48px;padding:11px 14px;border-color:var(--fx-button-border);border-radius:var(--fx-control-radius);font-size:16px;background:var(--fx-surface)}
.fx-auth-password{display:flex;align-items:stretch;border:1px solid var(--fx-button-border);border-radius:var(--fx-control-radius);background:var(--fx-surface);min-width:0}
.fx-auth .fx-auth-password input{border:0;flex:1;width:0;min-width:0;background:transparent;border-radius:inherit}
.fx-auth-password:focus-within{outline:2px solid var(--fx-primary);outline-offset:2px}
.fx-auth .fx-auth-password input:focus{outline:0;box-shadow:none}
.fx-auth .fx-auth-password button{flex:0 0 auto;align-self:stretch;min-height:46px;min-width:58px;padding:8px 12px;border:0;background:transparent;color:var(--fx-primary);font-size:13px;font-weight:600;border-radius:var(--fx-control-radius);cursor:pointer}
.fx-auth-password button:focus-visible{outline:2px solid var(--fx-primary);outline-offset:-4px}
.fx-auth-card .fx-auth-recovery{margin:-12px 0 16px}
.fx-auth-card #auth-submit,.fx-auth-card #customer-email-verification>.button,.fx-auth-card .customer-auth-alternatives>.button{width:100%;min-height:48px;text-align:center}
.fx-auth-card .customer-auth-alternatives{margin:16px 0 20px;gap:12px;align-items:center}
.fx-auth-divider{display:flex;align-items:center;gap:16px;margin-block:24px 0;color:var(--fx-muted);font-size:var(--fx-text-sm)}
.fx-auth-divider::before,.fx-auth-divider::after{content:'';height:1px;background:var(--fx-border);flex:1}
.fx-auth-help{font-size:var(--fx-text-sm);padding-block:12px;border-block:1px solid var(--fx-border)}
.fx-auth-help summary{cursor:pointer;min-height:44px;align-content:center;color:var(--fx-primary);font-weight:600}
.fx-auth-help p{line-height:1.9;color:var(--fx-muted);margin-block:12px}
.fx-auth-help a{display:inline-flex;align-items:center;min-height:44px;color:var(--fx-primary)}
.fx-auth-legal{margin-block-start:20px;font-size:var(--fx-text-xs);line-height:1.9;color:var(--fx-muted)}
.fx-auth-legal p{margin:0 0 8px}.fx-auth-legal a{display:inline-flex;align-items:center;min-height:44px;color:var(--fx-primary);text-decoration:underline;text-underline-offset:3px}
.fx-auth-card #customer-auth-status:empty{display:none}.fx-auth-card #customer-auth-status:not(:empty){padding:12px 16px;border-inline-start:3px solid var(--fx-danger);background:var(--fx-danger-soft);border-radius:var(--fx-control-radius);overflow-wrap:anywhere}
.fx-auth-card #auth-captcha-section{margin-block:16px;max-width:100%;overflow-x:auto}
.fx-auth-card #customer-existing-session{padding:16px;background:var(--fx-primary-soft);border:1px solid var(--fx-border);border-radius:var(--fx-radius)}
.fx-auth-card #customer-existing-session .button{width:100%;margin-block:8px}
@media(max-width:760px){.fx-auth .fx-public-navigation>div{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:4px;scrollbar-width:thin}.fx-auth .fx-public-navigation a{flex:0 0 auto;white-space:nowrap}.fx-auth .fx-auth-layout{grid-template-columns:minmax(0,1fr);width:min(560px,calc(100% - 32px));margin:24px auto 40px}.fx-auth-intro{padding:24px;border-end-start-radius:0;border-start-end-radius:20px;gap:12px}.fx-auth .fx-auth-intro h1{font-size:26px;max-width:none}.fx-auth-intro>p:not(.fx-auth-eyebrow){font-size:14px}.fx-auth-benefits,.fx-auth-intro .fx-auth-company{display:none}.fx-auth-card{padding:24px}.fx-auth-card #auth-mode-title{font-size:22px}.fx-auth .customer-auth-modes{margin-block-end:24px}}
@media(max-width:380px){.fx-auth-card{padding:20px 16px}.fx-auth-intro{padding:20px}.fx-auth .customer-auth-modes .ops-button{font-size:13px;padding-inline:8px}}