/* Line 16100 (fix-ui-04-20260929-r1, ai.features.app_shell_google_path): the signed-in app shell on the Google path.
   Loaded by layouts/app.blade.php only while the key is on, when <body> carries data-ns-shell-gp (App\Support\AppShellGooglePath).
   The --ns-* tokens are declared on the two shell parts this sheet dresses and follow the app's own theme switch
   (data-bs-theme on <html>, which now follows the device scheme until the owner picks one): the Google dark set by default,
   the light set under data-bs-theme="light". Each colour reads var(--ns-*, <main's value>), so a missing token paints main.
   1. F-0649: the shared footer (layouts/partials/footer-v2, drawn dark-only inline) reads the tokens.
   2. F-0651 / F-0654: the "Help chat is being set up" card (components/communicator-unavailable, fixed bottom right inline)
      sits in the page flow at the end of the page, so it no longer covers forms or the lower right of a phone screen.
   The inline sheets are outranked by specificity; the card's inline style attribute can only be outranked by !important. */

[data-ns-shell-gp] :is(.ns-footer, .netshow-help-unavailable) {
    --ns-bg: #202124;
    --ns-bg-deep: #1b1c1f;
    --ns-surface: #292a2d;
    --ns-card: #2d2e31;
    --ns-text: #e8eaed;
    --ns-text-2: #9aa0a6;
    --ns-gold: #f5a623;
    --ns-gold-light: #fdd663;
    --ns-border: rgba(232, 234, 237, .12);
    --ns-border-strong: rgba(232, 234, 237, .2);
    --ns-font: Roboto, 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
    --ns-radius: 12px;
    color-scheme: dark;
}

[data-bs-theme="light"] [data-ns-shell-gp] :is(.ns-footer, .netshow-help-unavailable) {
    --ns-bg: #ffffff;
    --ns-bg-deep: #f8f9fa;
    --ns-surface: #f1f3f4;
    --ns-card: #ffffff;
    --ns-text: #202124;
    --ns-text-2: #5f6368;
    --ns-gold: #f9ab00;
    --ns-gold-light: #b06000;
    --ns-border: rgba(60, 64, 67, .14);
    --ns-border-strong: rgba(60, 64, 67, .26);
    color-scheme: light;
}

/* 1. The shared footer. */
[data-ns-shell-gp] .ns-footer {
    background: var(--ns-bg-deep, #0f1117);
    color: var(--ns-text, #e5e7eb);
    border-top: 1px solid var(--ns-border, rgba(255, 255, 255, .08));
    font-family: var(--ns-font);
}

[data-ns-shell-gp] .ns-footer a { color: var(--ns-text-2, #cbd5e1); }
[data-ns-shell-gp] .ns-footer a:hover { color: var(--ns-text, #fff); }
[data-ns-shell-gp] .ns-footer :is(.ns-footer__help, .ns-footer__trust) { border-bottom-color: var(--ns-border, rgba(255, 255, 255, .08)); }

[data-ns-shell-gp] .ns-footer :is(.ns-footer__help a, .ns-footer__trust span, .ns-footer__social a, .ns-footer__lang) {
    background: var(--ns-surface, #161a22);
    border-color: var(--ns-border, rgba(255, 255, 255, .08));
    border-radius: var(--ns-radius, 14px);
}

[data-ns-shell-gp] .ns-footer :is(.ns-footer__help i, .ns-footer__social i, .ns-footer__lang i) { color: var(--ns-gold-light, #6366f1); }
[data-ns-shell-gp] .ns-footer :is(.ns-footer__col h4, .ns-footer__trust strong) { color: var(--ns-text, #fff); }
[data-ns-shell-gp] .ns-footer .ns-footer__trust span { color: var(--ns-text, #dbe4ff); }
[data-ns-shell-gp] .ns-footer :is(.ns-footer__legal small, .ns-footer__muted) { color: var(--ns-text-2, #94a3b8); }
[data-ns-shell-gp] .ns-footer .ns-footer__lang select { color: var(--ns-text, #e5e7eb); }
[data-ns-shell-gp] .ns-footer .ns-footer__lang select option { color: #202124; }

[data-ns-shell-gp] .ns-footer :is(a, select):focus-visible {
    outline: 2px solid var(--ns-gold, #f5a623);
    outline-offset: 2px;
}

/* 2. The help setup card: in the page flow, never on top of the page. */
[data-ns-shell-gp] .netshow-help-unavailable {
    position: static !important;
    width: auto !important;
    max-width: 40rem !important;
    margin: 1rem auto !important;
    background: var(--ns-surface, #182230) !important;
    color: var(--ns-text, #fff) !important;
    border-color: var(--ns-border-strong, #667085) !important;
    border-radius: var(--ns-radius, 1rem) !important;
    box-shadow: none !important;
    font-family: var(--ns-font);
}

[data-ns-shell-gp] .netshow-help-unavailable summary {
    min-height: 44px;
    padding: .65rem 0;
    box-sizing: border-box;
}

[data-ns-shell-gp] .netshow-help-unavailable p { color: var(--ns-text-2, #fff); }

@media (max-width: 575.98px) {
    [data-ns-shell-gp] .netshow-help-unavailable { margin: 1rem !important; }
}

/* 3. Line 16877 (live check 0930-7 on /marketplace/agents): a guest layouts.app page draws the one top menu
      (partials.netshow-top-menu, .ns-tm) instead of navbar-v2, and css/pages/netshow-stage.css declares its --ns-* set
      on .ns-tm itself (Nunito dark). The body went light with the device while the menu stayed dark; here the menu reads
      the Google set that follows data-bs-theme, as css/ns-tokens.css does for the shell. */
[data-ns-shell-gp] .ns-tm {
    --ns-bg: #202124;
    --ns-bg-deep: #1b1c1f;
    --ns-surface: #292a2d;
    --ns-elevated: #35363a;
    --ns-card: #2d2e31;
    --ns-text: #e8eaed;
    --ns-text-2: #9aa0a6;
    --ns-gold: #f5a623;
    --ns-gold-light: #fdd663;
    --ns-gold-deep: #c7851a;
    --ns-border: rgba(232, 234, 237, .12);
    --ns-border-strong: rgba(232, 234, 237, .2);
    --ns-on-accent: #202124;
    --ns-chrome: rgba(32, 33, 36, .96);
    --ns-chrome-soft: rgba(32, 33, 36, .88);
    color-scheme: dark;
}

[data-bs-theme="light"] [data-ns-shell-gp] .ns-tm {
    --ns-bg: #ffffff;
    --ns-bg-deep: #f8f9fa;
    --ns-surface: #f1f3f4;
    --ns-elevated: #e8eaed;
    --ns-card: #ffffff;
    --ns-text: #202124;
    --ns-text-2: #5f6368;
    --ns-gold: #f9ab00;
    --ns-gold-light: #b06000;
    --ns-gold-deep: #e37400;
    --ns-border: rgba(60, 64, 67, .14);
    --ns-border-strong: rgba(60, 64, 67, .26);
    --ns-on-accent: #202124;
    --ns-chrome: rgba(255, 255, 255, .96);
    --ns-chrome-soft: rgba(255, 255, 255, .9);
    color-scheme: light;
}