/* Line 16164 (google-path-public-16164-r1): the /conversations .. /credits pages on the Google path. Loaded only while
   ai.features.google_path_public_16164 is on (App\Support\GooglePathPublic16164):
   - the five signed-in create desks (course generation list, daily check-in builder, podcast debate creator, quick agent
     builder, plugin builder) also wear the line 15903 desk dress (css/ns-tokens.css + css/pages/admin-6.css under
     [data-ns-admin-6] #main-content); every rule here is scoped to [data-ns-gp-16164] #main-content and follows the app's
     own light/dark switch;
   - /credits/animations wears the content pages' Google path (body.ns-gp.ns-content-page, light by default and dark under
     prefers-color-scheme: dark); its rules are scoped to body.ns-gp.ns-content-page.
   Every colour is a --ns-* token: the page sheets' own dark-only sets point at the tokens, one type scale, one filled
   button per page, 44 px targets, 375 px first. */

/* ── The desks: every page sheet's palette reads the tokens ─────────────────────────────────────────────────────── */
[data-ns-gp-16164] #main-content {
    /* The app design system (css/design-system.css), read by the course list and the quick agent builder. */
    --ns-bg-primary: var(--ns-bg);
    --ns-bg-secondary: var(--ns-card);
    --ns-bg-tertiary: var(--ns-surface);
    --ns-bg-elevated: var(--ns-elevated);
    --ns-bg-surface: var(--ns-surface);
    --ns-text-primary: var(--ns-text);
    --ns-text-secondary: var(--ns-text-2);
    --ns-text-muted: var(--ns-text-2);
    --ns-accent: var(--ns-gold);
    --ns-accent-hover: var(--ns-gold-deep);
    --ns-info: var(--ns-surface);
    /* css/agent-pages.css and triggers-daily_checkins.css card sets (the plugin and quick agent card headers). */
    --main-card-header-bg: var(--ns-surface);
    --main-card-body-bg: var(--ns-card);
    --main-card-header: var(--ns-surface);
    --main-card-body: var(--ns-card);
    --sub-card-header-bg-color: var(--ns-surface);
    --sub-card-body-bg-color: var(--ns-card);
    --sub-card-body-shadow: none;
    --list-of-agents-card-bg-color: var(--ns-card);
    --users-schedulers-each-card-bg: var(--ns-surface);
    font-size: .9375rem;
    line-height: 1.5;
}

/* The podcast debate sheet paints <body> black; lit, the body takes the app's own ground again (Bootstrap's theme set). */
body[data-ns-gp-16164] { background-color: var(--bs-body-bg); }

/* ── One type scale ─────────────────────────────────────────────────────────────────────────────────────────────── */
[data-ns-gp-16164] #main-content :is(h3, h4, h5, h6, .h3, .h4, .h5, .h6, .qagent-v2-section-title, .dc-section-title) {
    font-family: var(--ns-font);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    letter-spacing: 0;
}
[data-ns-gp-16164] #main-content :is(h2, .h2, .course-name) {
    font-family: var(--ns-font);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    letter-spacing: 0;
}
/* The page title: an h1 where the page has one, the card header's heading where it does not. */
[data-ns-gp-16164] #main-content :is(h1, .h1, .course-title, .cp-card-header h2, .qcreate-main-header :is(h1, h2, h3, h4)) {
    font-family: var(--ns-font);
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--ns-text);
}
[data-ns-gp-16164] #main-content :is(small, .small, .form-text) { font-size: .8125rem; line-height: 1.25rem; }
[data-ns-gp-16164] #main-content :is(.table, .badge, .range-value, .irs-single) { font-variant-numeric: tabular-nums; }

/* ── Cards, headers and fields ──────────────────────────────────────────────────────────────────────────────────── */
[data-ns-gp-16164] #main-content :is(.card-header, .cp-card-header, .qcreate-main-header) {
    background: var(--ns-surface) !important;
    color: var(--ns-text);
    border-bottom: 1px solid var(--ns-border) !important;
    box-shadow: none;
}
[data-ns-gp-16164] #main-content :is(.card-body, .cp-card-body, .qcreate-main-body) {
    background: var(--ns-card) !important;
    color: var(--ns-text);
    box-shadow: none;
}
[data-ns-gp-16164] #main-content :is(.form-control, .form-select, textarea,
    input:not([type="color"]):not([type="range"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]), select) {
    background-color: var(--ns-bg) !important;
    color: var(--ns-text) !important;
    border: 1px solid var(--ns-border-strong) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-family: var(--ns-font);
    min-height: 44px;
}
[data-ns-gp-16164] #main-content :is(.form-control, .form-select, textarea, input, select):focus {
    border-color: var(--ns-gold) !important;
    outline: 2px solid var(--ns-gold-glow);
    outline-offset: 0;
}
[data-ns-gp-16164] #main-content :is(.form-control, textarea, input)::placeholder { color: var(--ns-text-2) !important; opacity: 1; }
[data-ns-gp-16164] #main-content option { background-color: var(--ns-card) !important; color: var(--ns-text) !important; }
[data-ns-gp-16164] #main-content input[readonly] { background-color: var(--ns-surface) !important; color: var(--ns-text-2) !important; }
[data-ns-gp-16164] #main-content :is(input[type="range"], .form-check-input) { accent-color: var(--ns-gold); }
[data-ns-gp-16164] #main-content hr { border-color: var(--ns-border-strong) !important; opacity: 1; }
[data-ns-gp-16164] #main-content .table { --bs-table-bg: transparent; --bs-table-color: var(--ns-text); --bs-table-border-color: var(--ns-border); }

/* ── Buttons: one filled gold button per page (its submit), the rest quiet ──────────────────────────────────────── */
[data-ns-gp-16164] #main-content :is(.btn-success, .btn-generate, .btn.cp-btn-fixed) {
    background: var(--ns-gold) !important;
    border-color: var(--ns-gold) !important;
    color: var(--ns-on-accent) !important;
    box-shadow: none;
    transform: none;
}
[data-ns-gp-16164] #main-content :is(.btn-success, .btn-generate, .btn.cp-btn-fixed):hover { background: var(--ns-gold-deep) !important; border-color: var(--ns-gold-deep) !important; }
[data-ns-gp-16164] #main-content :is(.btn-primary, .btn-secondary, .btn-outline-secondary, .btn-outline-warning, .btn-search, .btn-clear, .btn-light, .btn-dark):not(.cp-btn-fixed) {
    background: transparent !important;
    border: 1px solid var(--ns-border-strong) !important;
    color: var(--ns-gold-light) !important;
    box-shadow: none;
}
[data-ns-gp-16164] #main-content :is(.btn-primary, .btn-secondary, .btn-outline-secondary, .btn-outline-warning, .btn-search, .btn-clear, .btn-light, .btn-dark):hover {
    background: var(--ns-surface) !important;
    border-color: var(--ns-gold-border) !important;
}
[data-ns-gp-16164] #main-content .btn-danger {
    background: transparent !important;
    border: 1px solid var(--ns-border-strong) !important;
    color: var(--ns-text) !important;
}
[data-ns-gp-16164] #main-content :is(.btn, .btn-generate, .btn-search, .btn-clear, .tab-link) { min-height: 44px; border-radius: 8px; }

/* ── The course generation list ─────────────────────────────────────────────────────────────────────────────────── */
[data-ns-gp-16164] #main-content :is(.course-card, .course-item) { background: var(--ns-card); border-color: var(--ns-border-strong); border-radius: var(--ns-radius); }
[data-ns-gp-16164] #main-content .course-header { background: var(--ns-card); border-bottom-color: var(--ns-border); }
[data-ns-gp-16164] #main-content .course-title i { color: var(--ns-gold-light); }
[data-ns-gp-16164] #main-content .course-item:hover { border-color: var(--ns-gold-border); transform: none; }
[data-ns-gp-16164] #main-content .empty-state { color: var(--ns-text-2); }

/* ── The daily check-in builder (css/pages/triggers-daily-checkins-v2.css --dc-* set) ───────────────────────────── */
[data-ns-gp-16164] #main-content .daily-checkins-page {
    --dc-bg-0: var(--ns-bg);
    --dc-bg-1: var(--ns-card);
    --dc-bg-2: var(--ns-surface);
    --dc-accent: var(--ns-gold);
    --dc-text: var(--ns-text);
    --dc-muted: var(--ns-text-2);
    --dc-border: var(--ns-border-strong);
    --dc-shadow: none;
    --main-card-body: var(--ns-card);
    --main-card-header: var(--ns-surface);
    --sub-card-header-bg-color: var(--ns-surface);
    --sub-card-body-bg-color: var(--ns-card);
    --sub-card-body-shadow: none;
    --bs-body-bg: var(--ns-bg);
    --bs-body-color: var(--ns-text);
    --bs-border-color: var(--ns-border-strong);
    background: var(--ns-bg);
    color: var(--ns-text);
    font-family: var(--ns-font);
}
[data-ns-gp-16164] #main-content .daily-checkins-page :is(.dc-call-forward-fields-container, .dc-frequency-details, .dc-transcript-toggle:hover) {
    background: var(--ns-surface);
}
[data-ns-gp-16164] #main-content .daily-checkins-page :is(.schedulerAndCallAgentSection, .twilioAndOpenAiOptions, .settingsAndCreateAgentOptions) {
    border-color: var(--ns-border-strong);
}
/* The chosen section tab is tonal, so the page keeps one filled button: its submit. */
[data-ns-gp-16164] #main-content .daily-checkins-page :is(.schedulerAndCallAgentSection_active, .twilioAndOpenAiOptions_active, .settingsAndCreateAgentOptions_active) {
    background: var(--ns-surface) !important;
    border-color: var(--ns-gold) !important;
    color: var(--ns-gold-light) !important;
    box-shadow: inset 0 -2px 0 var(--ns-gold);
}
[data-ns-gp-16164] #main-content .daily-checkins-page :is(.schedulerAndCallAgentSection_active, .twilioAndOpenAiOptions_active, .settingsAndCreateAgentOptions_active) * { color: inherit !important; }
[data-ns-gp-16164] #main-content .daily-checkins-page .btn-warning {
    background: var(--ns-gold) !important;
    border-color: var(--ns-gold) !important;
    color: var(--ns-on-accent) !important;
}
[data-ns-gp-16164] #main-content .daily-checkins-page :is(.alert, .alert-danger) {
    background: var(--ns-surface);
    border-color: var(--ns-border-strong);
    color: var(--ns-text);
}
[data-ns-gp-16164] #main-content .daily-checkins-page :is(.irs-bar, .irs-single) { background-color: var(--ns-gold) !important; color: var(--ns-on-accent) !important; }
[data-ns-gp-16164] #main-content .daily-checkins-page .irs-handle { border-color: var(--ns-gold) !important; }

/* ── The podcast debate creator (css/pages/create_social_content-create_podcast_debate.css paints every element white
      on black through `body *`; lit, the page's own text reads the tokens) ───────────────────────────────────────── */
[data-ns-gp-16164] #main-content:has(#debate_info_contianer) :is(div, p, span, label, h1, h2, h3, h4, center, li, small, strong, a, i, b, option) {
    color: var(--ns-text);
    font-family: var(--ns-font);
}
[data-ns-gp-16164] #main-content:has(#debate_info_contianer) :is(label, small, .small) { color: var(--ns-text-2); letter-spacing: .02em; }
[data-ns-gp-16164] #main-content:has(#debate_info_contianer) :is(.resizable-div, .cc-preview-container) {
    background-color: var(--ns-surface) !important;
    border: 1px solid var(--ns-border-strong) !important;
    border-radius: var(--ns-radius);
}
[data-ns-gp-16164] #main-content:has(#debate_info_contianer) :is(.image-container, .chatbot, #video-wrapper) {
    background-color: var(--ns-card);
    border-color: var(--ns-border-strong);
}
[data-ns-gp-16164] #main-content:has(#debate_info_contianer) button:not(.btn) {
    background-color: var(--ns-surface);
    color: var(--ns-text);
    border: 1px solid var(--ns-border-strong);
}
[data-ns-gp-16164] #main-content:has(#debate_info_contianer) .btn-success { color: var(--ns-on-accent) !important; }
[data-ns-gp-16164] #main-content:has(#debate_info_contianer) :is(.btn-primary, .btn-primary i) { color: var(--ns-gold-light) !important; }
/* Start Debate is the one filled step; New Debate beside it is quiet. */
[data-ns-gp-16164] #main-content:has(#debate_info_contianer) .btn-success ~ .btn-success {
    background: transparent !important;
    border: 1px solid var(--ns-border-strong) !important;
    color: var(--ns-gold-light) !important;
}
[data-ns-gp-16164] #main-content:has(#debate_info_contianer) input[type="range"]::-webkit-slider-runnable-track { background: var(--ns-border-strong); }
[data-ns-gp-16164] #main-content:has(#debate_info_contianer) input[type="range"]::-webkit-slider-thumb { background: var(--ns-gold); }
[data-ns-gp-16164] #main-content:has(#debate_info_contianer) .range-value span { background: var(--ns-gold); color: var(--ns-on-accent); }

/* ── The quick agent builder (css/pages/quickagent-quick-agent-v2.css re-declares --ns-text and --ns-border on its root;
      lit, they inherit the tokens again) ─────────────────────────────────────────────────────────────────────────── */
[data-ns-gp-16164] #main-content .qagent-create-v2 {
    --ns-text: inherit;
    --ns-border: inherit;
    --ns-bg-card: var(--ns-card);
    --ns-bg-input: var(--ns-bg);
    --ns-accent: var(--ns-gold);
    --ns-text-muted: var(--ns-text-2);
    font-family: var(--ns-font);
}
[data-ns-gp-16164] #main-content .qagent-create-v2 :is(.card, .qagent-v2-section-title, .qagent-v2-section-body, .preview-widget) {
    border-color: var(--ns-border-strong) !important;
}
[data-ns-gp-16164] #main-content .qagent-create-v2 :is(.host-entry, .qcreate-avatar-type-btn) {
    background: var(--ns-surface) !important;
    border-color: var(--ns-border-strong) !important;
    color: var(--ns-text);
}
[data-ns-gp-16164] #main-content .qagent-create-v2 .tab-link {
    background: transparent;
    border-color: var(--ns-border-strong);
    color: var(--ns-text);
}
[data-ns-gp-16164] #main-content .qagent-create-v2 .tab-item.active .tab-link {
    background: var(--ns-surface);
    border-color: var(--ns-gold);
    color: var(--ns-gold-light);
    box-shadow: inset 0 -2px 0 var(--ns-gold);
}
[data-ns-gp-16164] #main-content .qagent-create-v2 .qagent-v2-phone-icon { color: var(--ns-text); }
[data-ns-gp-16164] #main-content .qagent-create-v2 .error-message { color: var(--ns-text); }

/* ── The plugin builder (css/pages/plugins-create_plugin.css) ───────────────────────────────────────────────────── */
[data-ns-gp-16164] #main-content #mainCardDiv {
    background: var(--ns-card);
    border: 1px solid var(--ns-border-strong) !important;
    border-radius: var(--ns-radius);
    box-shadow: none;
    overflow: hidden;
}
[data-ns-gp-16164] #main-content #mainCardDiv :is(.cp-card-header, .card-header) { border-radius: 0 !important; }
[data-ns-gp-16164] #main-content #mainCardDiv :is(.cp-gear-icon, .back_btn) { color: var(--ns-gold-light); fill: currentColor; }
[data-ns-gp-16164] #main-content #mainCardDiv :is(thead, thead th, tbody, tbody td, .table-secondary) {
    background: var(--ns-surface) !important;
    color: var(--ns-text) !important;
    border-color: var(--ns-border) !important;
}

/* ── 375 px first ──────────────────────────────────────────────────────────────────────────────────────────────── */
@media (max-width: 575.98px) {
    [data-ns-gp-16164] #main-content :is(h1, .h1, .course-title, .cp-card-header h2, .qcreate-main-header :is(h1, h2, h3, h4)) {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    [data-ns-gp-16164] #main-content :is(h2, .h2, .course-name) { font-size: 1.125rem; line-height: 1.5rem; }
    [data-ns-gp-16164] #main-content:has(#debate_info_contianer) .row-mainn { flex-direction: column; padding: 12px 0; }
    [data-ns-gp-16164] #main-content:has(#debate_info_contianer) :is(.one-item, .two-item) { width: 100%; }
    [data-ns-gp-16164] #main-content :is(.container, .course-container) { padding-left: 16px; padding-right: 16px; }
    /* The check-in title takes its own line above the help buttons. */
    [data-ns-gp-16164] #main-content .daily-checkins-page > .d-flex.justify-content-between { flex-wrap: wrap; gap: 8px; }
    [data-ns-gp-16164] #main-content .daily-checkins-page > .d-flex.justify-content-between > div:first-child { flex: 1 0 100%; }
    [data-ns-gp-16164] #main-content .daily-checkins-page > .d-flex.justify-content-between h1 { text-align: left !important; }
}

/* ── /credits/animations (its inline sheet paints fixed light-on-dark text and amber links) ─────── */
/* These reused roots read Bootstrap's theme; this public page follows the device's content tokens instead. */
body.ns-gp.ns-content-page :is([data-credits-2026], .ns-anim-credits.ns-gp-ag) {
    --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-light: inherit;
    --ns-gold-deep: inherit;
    --ns-border: inherit;
    --ns-border-strong: inherit;
    --ns-on-accent: inherit;
    color-scheme: inherit;
}
body.ns-gp.ns-content-page .ns-anim-credits h2 { color: var(--ns-text); font-family: var(--ns-font); font-weight: 500; }
body.ns-gp.ns-content-page .ns-anim-credits p,
body.ns-gp.ns-content-page .ns-anim-thanks { color: var(--ns-text-2); font-family: var(--ns-font); }
body.ns-gp.ns-content-page :is(.ns-anim-credits, .ns-anim-thanks) a { color: var(--ns-gold-light); font-weight: 500; }
body.ns-gp.ns-content-page .ns-anim-thanks span { font-variant-numeric: tabular-nums; }