/* auth-v2/auth.css — V2 Sign in / Create account
 * Ported from inked/mockup-auth-v2.html
 * Tokens: design-system/tokens.css
 *
 * 2026-05-01 — reusable selectors (.auth-shell + .auth-stage* + .auth-panel* +
 * .auth-tab* + .oauth-btn* + .auth-divider + .auth-form/field/row/checkbox/link/
 * submit/footnote/view) extracted to design-system/components/auth-shell.css
 * per docs/design-system-v2/CONTEXT-RULES.md. This file now contains ONLY
 * page-instance overrides (legacy static-page wrapper suppression).
 */

@import url('../design-system/components/auth-shell.css?v=20260630');

/* ── Page-instance overrides ────────────────────────────────── */
/* When the V2 shell is rendered, suppress the legacy static-page wrapper
 * so the editorial split fills the viewport edge-to-edge. */
body:has(.auth-shell) .static-page { padding: 0; margin: 0; max-width: none; }
body:has(.auth-shell) .static-page__container { padding: 0; max-width: none; }
body:has(.auth-shell) .static-page__title { display: none; }
/* The legacy reading column (.static-page__content.prose) caps width at ~722px,
 * which trapped the auth shell in a narrow left-hugging column ("form сбоку").
 * Release the cap so the shell spans the full container and its centred panel
 * (login-catalog.css: max-width 520px, margin 0 auto) sits in the middle. */
body:has(.auth-shell) .static-page__content { padding: 0; max-width: none; }
body:has(.auth-shell) .home-newsletter { display: none; }

/* ── Single-column centering (stage hidden, < 1024px) ───────────
 * On the single-column layout the editorial stage is hidden and the
 * form panel spans the full viewport. Constrain the panel's content
 * and centre it horizontally so the login form (topbar + .auth-card)
 * sits in the middle of the page instead of hugging the left edge. */
@media (max-width: 1023.98px) {
    .auth-shell .auth-panel__topbar,
    .auth-shell .auth-card {
        max-width: 440px;
        margin-inline: auto;
    }
}