/* Line 16870 (google-path-iq1-builder-errors-frame-r1): the page frames that moved onto the Google path.
   Loaded last in <head>, after css/ns-tokens.css and the frame's canonical dress, only while
   ai.features.google_path_frames_16870 is on (App\Support\GooglePathFrames16870). The frame marks itself
   <html data-ns-gp-frame="iq1 | error | product | groundwork"> (the poster frame marks its body .ns-gp-products), and every
   rule here is scoped to one of those marks and reads only --ns-* tokens: light by default, dark with the device.
   The canonical dresses carry the frames; this sheet holds only what a page's own markup still broke once every page
   of the frame wore them. */

/* ── layouts.iq1: the Business Factory tools ──────────────────────────────────────────────────────────────────── */
/* 44 px targets in the frame's top bar. */
[data-ns-gp-frame="iq1"] :is(.iq1-btn-back, .iq1-btn-nav) {
    min-width: 44px;
    min-height: 44px;
    justify-content: center;
}

/* Words a tool page inked in the accent fill: on a light surface the fill is too pale to read, so they take the
   accent's ink (the multimedia generator's next steps, the safety guardian's empty-state step). */
[data-ns-gp-frame="iq1"] :is(.next-steps, .sog-empty-step) {
    color: var(--ns-gold-light);
}

/* A numbered step drawn on the accent fill reads in the ink made for that fill. */
[data-ns-gp-frame="iq1"] .instruction-number {
    background: var(--ns-gold);
    color: var(--ns-on-accent);
}

/* The tool pages the line 15851 dress never met (the multimedia generator): one filled next step, quiet seconds. */
[data-ns-gp-frame="iq1"] .iq1-main :is(button.btn-primary, button.btn-secondary, button.copy-btn) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 20px;
    border-radius: 999px;
    font-family: var(--ns-font);
    font-size: .9375rem;
    font-weight: 500;
    cursor: pointer;
}
[data-ns-gp-frame="iq1"] .iq1-main button.btn-primary {
    background: var(--ns-gold);
    border: 1px solid var(--ns-gold);
    color: var(--ns-on-accent);
    box-shadow: none;
}
[data-ns-gp-frame="iq1"] .iq1-main :is(button.btn-secondary, button.copy-btn) {
    background: transparent;
    border: 1px solid var(--ns-border-strong);
    color: var(--ns-text);
}
[data-ns-gp-frame="iq1"] .iq1-main :is(button.btn-secondary, button.copy-btn):hover {
    background: var(--ns-surface);
}
[data-ns-gp-frame="iq1"] .iq1-main :is(button.btn-primary, button.btn-secondary, button.copy-btn):focus-visible {
    outline: 2px solid var(--ns-gold-light);
    outline-offset: 2px;
}

/* ── marketing.products._shell: the product posters on layouts.landing ────────────────────────────────────────── */
/* The landing frame around the poster follows the device, as the poster does. */
body.ns-gp-products {
    background: var(--ns-bg);
    color: var(--ns-text);
    font-family: var(--ns-font);
}
body.ns-gp-products .landing-bg { display: none; }
body.ns-gp-products .landing-header {
    background: var(--ns-bg);
    border-bottom: 1px solid var(--ns-border);
    backdrop-filter: none;
}
body.ns-gp-products .landing-brand { color: var(--ns-text); font-weight: 500; }
body.ns-gp-products :is(.landing-link-btn, .landing-nav-link) { color: var(--ns-text-2); }
body.ns-gp-products :is(.landing-link-btn, .landing-nav-link):hover { color: var(--ns-text); background: var(--ns-surface); }
body.ns-gp-products .landing-footer {
    background: var(--ns-bg-deep);
    border-top: 1px solid var(--ns-border);
    color: var(--ns-text-2);
}
/* The landing footer inks its links and lines inline for the old dark ground. */
body.ns-gp-products .landing-footer :is(a, p, span) { color: var(--ns-text-2) !important; }
body.ns-gp-products .landing-footer a:hover { color: var(--ns-text) !important; }

/* Line 15803's poster dress pins its dark set under the landing layout's dark Bootstrap theme; inside this frame the
   poster takes the body's set instead, so it is light on a light device and dark on a dark one. */
body.ns-gp-products .ns-commerce.ns-poster {
    --ns-bg: inherit;
    --ns-bg-deep: inherit;
    --ns-surface: inherit;
    --ns-elevated: inherit;
    --ns-card: inherit;
    --ns-text: inherit;
    --ns-text-2: inherit;
    --ns-gold: inherit;
    --ns-gold-deep: var(--ns-gold-light);
    --ns-border: inherit;
    --ns-border-strong: inherit;
    --ns-on-accent: inherit;
    color-scheme: inherit;
    border-radius: 0;
}
/* The poster's own hairlines were drawn for the dark ground. */
body.ns-gp-products .ns-poster :is(.pain-section, .pricing-section, .final-cta, .proof-strip) {
    border-color: var(--ns-border);
}
body.ns-gp-products .ns-poster .btn-product-secondary {
    border-color: var(--ns-border-strong);
    color: var(--ns-text);
}
/* Words the poster inked in its product accent: NetShow gold's ink is the one accent, readable on both grounds. */
body.ns-gp-products .ns-poster :is(.accent, .proof-number) {
    color: var(--ns-gold-light);
}
/* The header's sign-up is the same pill as the poster's filled step. */
body.ns-gp-products .landing-header .btn-product-primary {
    min-height: 44px;
    border-radius: 999px;
    background: var(--ns-gold);
    color: var(--ns-on-accent);
    box-shadow: none;
    font-weight: 500;
}

/* ── layouts.iq1: the operator pages ──────────────────────────────────────────────────────────────────────────── */
/* Their status pills were inked for the old dark ground; line 15847's dress did not name them. */
[data-ns-gp-frame="iq1"] .uf2-page .bbr-pill { background: var(--ns-surface); color: var(--ns-text-2); }
[data-ns-gp-frame="iq1"] .uf2-page .bbr-pill-building { color: var(--ns-warn); }
[data-ns-gp-frame="iq1"] .uf2-page .bbr-pill-live { color: var(--ns-ok); }

/* ── layouts.product: /p/{product} landings ───────────────────────────────────────────────────────────────────── */
/* Line 16925 (fix-forward, OA-DE): on /p/live-shows the doors sheet printed in the page body
   (doors-google-path.css, .ns-doors--ls) inked the step numbers in the page-ground colour: white on the accent fill in
   light, 1.93:1. A number drawn on the accent fill reads in the ink made for that fill, in both schemes. */
[data-ns-gp-frame="product"] .ns-doors--ls .ns-plp-steps__num { color: var(--ns-on-accent); }