.customer-auth-page{padding-block:48px 64px;min-height:60vh;display:grid;place-items:start center}
.customer-auth-panel{width:min(100%,460px);padding:32px;background:var(--surface,#fff);border:1px solid var(--border,#e8e2ec);border-radius:16px;box-sizing:border-box}
.customer-auth-mark{display:inline-flex;padding:12px;background:var(--soft,#f7f4fa);color:var(--primary,#543c82);border-radius:12px;margin-bottom:16px}
.customer-auth-panel h1{font-size:26px;line-height:1.4;margin:0 0 10px}
.customer-auth-hint,.customer-auth-legacy p{color:var(--muted,#766e80);font-size:14px;line-height:1.8;margin:0 0 24px}
.customer-auth-panel form{display:flex;flex-direction:column;gap:10px}
.customer-auth-panel form[hidden]{display:none}
.customer-auth-panel label{font-size:14px;font-weight:600;margin-top:6px}
.customer-auth-panel input{min-width:0;min-height:48px;width:100%;padding:12px 14px;border:1px solid var(--border,#e4deeb);border-radius:8px;background:var(--surface,#fff);color:inherit;font:inherit;box-sizing:border-box}
.customer-auth-panel input:focus{outline:2px solid var(--primary,#543c82);outline-offset:2px}
.customer-auth-panel small{color:var(--muted,#766e80);font-size:12px}
.customer-auth-recover{font-size:13px;align-self:flex-end;color:var(--primary,#543c82)}
.customer-auth-message{font-size:14px;line-height:1.8;overflow-wrap:anywhere;margin:6px 0;white-space:pre-line}
.customer-auth-message:empty{display:none}.customer-auth-message.is-error{color:#b42318}
.customer-auth-panel .primary-button,.customer-auth-panel .secondary-button{justify-content:center;min-height:46px}
.customer-auth-legacy{border-top:1px solid var(--border,#e8e2ec);margin-top:26px;padding-top:22px}
.customer-auth-legacy strong{font-size:15px}.customer-auth-legacy p{margin:6px 0 14px}.customer-auth-legacy .secondary-button{display:flex}
.customer-auth-back{display:block;text-align:center;color:var(--primary,#543c82);font-size:14px;margin-top:22px}
@media(max-width:600px){.customer-auth-page{padding-block:24px 40px}.customer-auth-panel{padding:24px 20px}.customer-auth-panel h1{font-size:23px}}

.customer-auth-activate{display:inline-block;color:var(--primary,#543c82);font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:4px 2px;min-height:32px;box-sizing:border-box}
.customer-auth-activate:focus-visible{outline:2px solid var(--primary,#543c82);outline-offset:3px;border-radius:4px}