/*
 * Agentic Sites — Dark Theme Full View Audit v1.0.17
 * DARK MODE ONLY. No light-theme selector is changed here.
 * This override intentionally lives outside the Vite bundle so it can repair
 * every current user view without rewriting otherwise-good light-theme CSS.
 */

.dark {
    --ag-dark-accent: color-mix(in srgb, var(--app-accent, #2fb8d5) 58%, #dceeff);
    --ag-dark-primary: color-mix(in srgb, var(--app-primary, #2858f6) 34%, #dce8ff);
    --ag-dark-solid: #4e7cf7;
    --ag-dark-ink: #f4f8ff;
    --ag-dark-muted: #bdcbe0;
    --ag-dark-faint: #91a5c0;
    --ag-dark-border: rgba(169,190,220,.18);
    --ag-dark-border-strong: rgba(169,190,220,.26);
}

/* --------------------------------------------------------------------------
   CORE SHELL / SIDEBAR / BOTTOM CONTROLS
   -------------------------------------------------------------------------- */
.dark .core-shell {
    color: var(--ag-dark-ink) !important;
    background-color: #0b1528 !important;
    background-image:
        radial-gradient(circle at 82% -10%, color-mix(in srgb,var(--app-primary) 16%,transparent), transparent 34%),
        radial-gradient(circle at 18% 8%, color-mix(in srgb,var(--app-accent) 10%,transparent), transparent 32%),
        linear-gradient(135deg,#091426 0%,#0d1930 40%,#12203a 100%) !important;
}
.dark .core-sidebar {
    background: rgba(8,18,34,.94) !important;
    border-color: rgba(169,190,220,.13) !important;
}
.dark .core-nav-link,
.dark .core-nav-dropdown-link,
.dark .core-user-popover-link,
.dark .core-sidebar-control,
.dark .core-user-menu { color:#dfe9f8 !important; }
.dark .core-nav-link:hover,
.dark .core-nav-dropdown-link:hover,
.dark .core-user-popover-link:hover { color:#fff !important; background:rgba(255,255,255,.06) !important; }
.dark .core-nav-link-active,
.dark .core-nav-dropdown-link-active {
    color:#f5f9ff !important;
    background:color-mix(in srgb,var(--app-primary) 24%,rgba(255,255,255,.025)) !important;
    box-shadow:inset 0 0 0 1px rgba(143,174,255,.20),0 8px 22px rgba(0,0,0,.16) !important;
}
.dark .core-nav-link-active i,
.dark .core-nav-link-active span,
.dark .core-nav-dropdown-link-active i,
.dark .core-nav-dropdown-link-active span { color:#f5f9ff !important; opacity:1 !important; }
.dark .core-sidebar-control,
.dark .core-user-menu {
    background:rgba(18,32,54,.92) !important;
    border-color:rgba(169,190,220,.16) !important;
}
.dark .core-sidebar-control:hover,
.dark .core-user-menu:hover { background:rgba(24,42,70,.98) !important; }
/* These icons have inline brand-color styles in the current sidebar. */
.dark .core-sidebar-control > i,
.dark .core-sidebar-control > i[style],
.dark [data-core-language-trigger] > i,
.dark [data-core-language-trigger] > i[style],
.dark [data-core-theme-toggle] > i,
.dark [data-core-theme-toggle] > i[style] {
    color:var(--ag-dark-accent) !important;
    opacity:1 !important;
}
.dark .core-sidebar-control .core-language-chevron { color:#aebed4 !important; }
.dark .core-eyebrow { color:var(--ag-dark-accent) !important; }

/* --------------------------------------------------------------------------
   SHARED MODULE BANNER — page-specific icon stays bare, centered, visible
   -------------------------------------------------------------------------- */
.dark .core-context-header,
html[data-theme="dark"] .core-context-header,
html[data-support-theme="dark"] .core-context-header {
    --cmh-text:#f4f8ff !important;
    --cmh-muted:#c0cde0 !important;
    --cmh-soft:#9fb0c8 !important;
    --cmh-line:rgba(169,190,220,.18) !important;
    background:
        radial-gradient(circle at 87% 2%,color-mix(in srgb,var(--app-accent,#2fb8d5) 17%,transparent),transparent 34%),
        radial-gradient(circle at 71% 118%,color-mix(in srgb,var(--app-secondary,#168fdc) 10%,transparent),transparent 38%),
        linear-gradient(135deg,#102039 0%,#122641 54%,#173452 100%) !important;
}
.dark .core-context-header-eyebrow,
html[data-theme="dark"] .core-context-header-eyebrow,
html[data-support-theme="dark"] .core-context-header-eyebrow {
    color:var(--ag-dark-accent) !important;
}
.dark .core-context-header-eyebrow::before,
html[data-theme="dark"] .core-context-header-eyebrow::before,
html[data-support-theme="dark"] .core-context-header-eyebrow::before {
    background:linear-gradient(90deg,var(--ag-dark-primary),var(--ag-dark-accent)) !important;
}
.dark .core-context-header-art,
html[data-theme="dark"] .core-context-header-art,
html[data-support-theme="dark"] .core-context-header-art {
    color:color-mix(in srgb,var(--app-accent,#2fb8d5) 72%,#d9f6ff) !important;
    opacity:1 !important;
}

.dark .core-context-header-art .core-context-header-wave,
html[data-theme="dark"] .core-context-header-art .core-context-header-wave,
html[data-support-theme="dark"] .core-context-header-art .core-context-header-wave {
    stroke-opacity:.34 !important;
}

.dark .core-context-header-art .core-context-header-orbit-a,
.dark .core-context-header-art .core-context-header-orbit-b,
html[data-theme="dark"] .core-context-header-art .core-context-header-orbit-a,
html[data-theme="dark"] .core-context-header-art .core-context-header-orbit-b,
html[data-support-theme="dark"] .core-context-header-art .core-context-header-orbit-a,
html[data-support-theme="dark"] .core-context-header-art .core-context-header-orbit-b {
    stroke-opacity:.32 !important;
}

.dark .core-context-header-art svg > g:nth-of-type(2),
html[data-theme="dark"] .core-context-header-art svg > g:nth-of-type(2),
html[data-support-theme="dark"] .core-context-header-art svg > g:nth-of-type(2) {
    stroke-opacity:.28 !important;
}

.dark .core-context-header-art svg > g:nth-of-type(3),
html[data-theme="dark"] .core-context-header-art svg > g:nth-of-type(3),
html[data-support-theme="dark"] .core-context-header-art svg > g:nth-of-type(3) {
    opacity:.95 !important;
}
.dark .core-context-header-symbol,
html[data-theme="dark"] .core-context-header-symbol,
html[data-support-theme="dark"] .core-context-header-symbol {
    width:44px !important;
    height:44px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    color:color-mix(in srgb,var(--app-accent,#2fb8d5) 82%,#effcff) !important;
    filter:drop-shadow(0 4px 10px rgba(0,0,0,.24)) !important;
    opacity:1 !important;
}

.dark .core-context-header-symbol svg,
html[data-theme="dark"] .core-context-header-symbol svg,
html[data-support-theme="dark"] .core-context-header-symbol svg {
    width:32px !important;
    height:32px !important;
    stroke:currentColor !important;
    stroke-width:2 !important;
    opacity:1 !important;
}
.dark .core-context-header-meta { color:#b9c8dc !important; }

/* --------------------------------------------------------------------------
   AUTOGROW PAGE TOKENS — Projects, Leads, Content, Knowledge, Templates,
   Settings, create project, project workspace.
   -------------------------------------------------------------------------- */
.dark .autosite-page {
    --as-text:var(--ag-dark-ink) !important;
    --as-muted:var(--ag-dark-muted) !important;
    --as-faint:var(--ag-dark-faint) !important;
    --as-border:var(--ag-dark-border) !important;
    --as-border-strong:var(--ag-dark-border-strong) !important;
    --as-card:#101d33 !important;
    --as-card-soft:#13223a !important;
}

/* Accent labels/links/chips that inherited a too-dark brand primary. */
.dark .autosite-page .as-section-label,
.dark .autosite-page .as-text-link,
.dark .autosite-page .as-hero-chip,
.dark .autosite-page .as-soft-note,
.dark .autosite-page .as-lead-business a,
.dark .autosite-page .as-audit-drawer summary,
.dark .autosite-page .as-content-drawer summary,
.dark .autosite-page .as-template-badge,
.dark .autosite-page .as-cost-card > strong,
.dark .autosite-page .as-plan-lead small,
.dark .autosite-page .as-page-stack > div > span,
.dark .autosite-page .as-site-health > strong,
.dark .autosite-page .as-guide-result,
.dark .autosite-page .as-guide-result small,
.dark .autosite-page .as-guide-action,
.dark .autosite-page details > summary:hover {
    color:var(--ag-dark-accent) !important;
}
.dark .autosite-page .as-hero-chip {
    background:color-mix(in srgb,var(--ag-dark-solid) 10%,var(--as-card)) !important;
    border-color:color-mix(in srgb,var(--ag-dark-accent) 28%,var(--as-border)) !important;
}
.dark .autosite-page .as-page-hero-meta { color:#becce0 !important; }

/* All current user-view icon surfaces. */
.dark .autosite-page .as-metric-icon,
.dark .autosite-page .as-project-avatar,
.dark .autosite-page .as-zero-art > i,
.dark .autosite-page .as-launch-item > span,
.dark .autosite-page .as-mini-metrics article > span,
.dark .autosite-page .as-form-section-head > span,
.dark .autosite-page .as-tool-icon,
.dark .autosite-page .as-lead-logo,
.dark .autosite-page .as-runtime-list > div > span,
.dark .autosite-page .as-cost-icon,
.dark .autosite-page .as-project-card-icon,
.dark .autosite-page .as-plan-lead > i,
.dark .autosite-page .as-capability-state > span,
.dark .autosite-page .as-member-avatar,
.dark .autosite-page .as-source-icon,
.dark .autosite-page .as-guide-icon,
.dark .autosite-page .as-form-intro-icon,
.dark .autosite-page .as-empty-art-v3,
.dark .autosite-page .as-empty-art-v3 > span,
.dark .autosite-page .as-project-status-strip-v3 > div > span {
    color:var(--ag-dark-accent) !important;
}
.dark .autosite-page .as-metric-icon,
.dark .autosite-page .as-project-avatar,
.dark .autosite-page .as-launch-item > span,
.dark .autosite-page .as-mini-metrics article > span,
.dark .autosite-page .as-form-section-head > span,
.dark .autosite-page .as-tool-icon,
.dark .autosite-page .as-lead-logo,
.dark .autosite-page .as-runtime-list > div > span,
.dark .autosite-page .as-cost-icon,
.dark .autosite-page .as-project-card-icon,
.dark .autosite-page .as-plan-lead > i,
.dark .autosite-page .as-capability-state > span,
.dark .autosite-page .as-member-avatar,
.dark .autosite-page .as-source-icon,
.dark .autosite-page .as-guide-icon,
.dark .autosite-page .as-form-intro-icon,
.dark .autosite-page .as-empty-art-v3 > span,
.dark .autosite-page .as-project-status-strip-v3 > div > span {
    background:color-mix(in srgb,var(--ag-dark-solid) 14%,var(--as-card)) !important;
    border-color:color-mix(in srgb,var(--ag-dark-accent) 20%,var(--as-border)) !important;
    box-shadow:none !important;
}
.dark .autosite-page .as-project-card-icon { box-shadow:0 8px 18px rgba(0,0,0,.18) !important; }
.dark .autosite-page .as-capability-state.is-warning > span {
    color:#f8c55c !important;
    background:rgba(245,158,11,.10) !important;
    border-color:rgba(245,158,11,.18) !important;
}

/* Page Guide: steps, Expected Result, tip, footer action. */
.dark .autosite-page .as-guide-panel {
    background:linear-gradient(180deg,#101f37 0%,#101c31 54%,#0f1b2f 100%) !important;
    border-color:var(--ag-dark-border) !important;
}
.dark .autosite-page .as-guide-head { border-color:rgba(169,190,220,.17) !important; }
.dark .autosite-page .as-guide-head h2 { color:#f1f6ff !important; }
.dark .autosite-page .as-guide-intro,
.dark .autosite-page .as-guide-steps p,
.dark .autosite-page .as-guide-result p,
.dark .autosite-page .as-guide-tip p { color:#c1cee0 !important; }
.dark .autosite-page .as-guide-steps li > span {
    color:#e8f0ff !important;
    background:#14243c !important;
    border-color:rgba(151,181,225,.22) !important;
}
.dark .autosite-page .as-guide-steps li:not(:last-child)::after { background:rgba(169,190,220,.22) !important; }
.dark .autosite-page .as-guide-result {
    background:linear-gradient(135deg,rgba(65,104,222,.18),rgba(41,76,150,.12)) !important;
    border-color:rgba(116,151,231,.24) !important;
}
.dark .autosite-page .as-guide-result small { color:var(--ag-dark-accent) !important; }
.dark .autosite-page .as-guide-tip { background:rgba(245,158,11,.10) !important; }
.dark .autosite-page .as-guide-action {
    border-color:rgba(169,190,220,.17) !important;
    color:var(--ag-dark-accent) !important;
}

/* Forms / tables / drawers. */
.dark .autosite-page .as-field > span { color:#e2eaf6 !important; }
.dark .autosite-page .as-field > span em,
.dark .autosite-page .as-field small,
.dark .autosite-page .as-form-hint { color:#9bacc4 !important; }
.dark .autosite-page input::placeholder,
.dark .autosite-page textarea::placeholder { color:#8294ad !important; opacity:1 !important; }
.dark .autosite-page .as-field input,
.dark .autosite-page .as-field textarea,
.dark .autosite-page .as-field select,
.dark .autosite-page .as-inline-form input,
.dark .autosite-page .as-content-drawer textarea,
.dark .autosite-page .as-audit-content textarea {
    background:#13223a !important;
    border-color:rgba(169,190,220,.20) !important;
    color:#eef4ff !important;
}
.dark .autosite-page .as-field input:focus,
.dark .autosite-page .as-field textarea:focus,
.dark .autosite-page .as-field select:focus {
    background:#152640 !important;
    border-color:color-mix(in srgb,var(--ag-dark-accent) 48%,var(--as-border)) !important;
    box-shadow:0 0 0 3px rgba(91,126,244,.12) !important;
}
.dark .autosite-page .as-lead-table-head,
.dark .autosite-page .as-content-table-head { color:#94a7c1 !important; border-color:rgba(169,190,220,.17) !important; }
.dark .autosite-page .as-audit-drawer,
.dark .autosite-page .as-content-drawer { background:#111f35 !important; border-color:rgba(169,190,220,.18) !important; }

/* Project portfolio / workspace / progress. */
.dark .autosite-page .as-project-card-visual {
    background:linear-gradient(145deg,#142640,#101d32) !important;
    border-color:rgba(169,190,220,.16) !important;
}
.dark .autosite-page .as-project-grid-art i {
    background:rgba(96,126,190,.09) !important;
    border-color:rgba(169,190,220,.17) !important;
}
.dark .autosite-page .as-progress-state,
.dark .autosite-page .as-capability-state {
    background:#122139 !important;
    border-color:rgba(169,190,220,.25) !important;
}
.dark .autosite-page .as-spinner {
    border-color:rgba(169,190,220,.26) !important;
    border-top-color:var(--ag-dark-accent) !important;
}
.dark .autosite-page .as-plan-lead {
    background:rgba(66,101,190,.08) !important;
    border-color:rgba(127,157,220,.20) !important;
}
.dark .autosite-page .as-site-health,
.dark .autosite-page .as-brand-card { background:#122139 !important; border-color:rgba(169,190,220,.18) !important; }

/* Templates. */
.dark .autosite-page .as-template-cover { background:linear-gradient(145deg,#142944,#101e34) !important; }
.dark .autosite-page .as-template-cover::before { border-color:rgba(143,174,255,.19) !important; box-shadow:0 0 0 25px rgba(90,124,220,.045) !important; }
.dark .autosite-page .as-template-browser {
    background:rgba(17,32,55,.94) !important;
    border-color:rgba(169,190,220,.20) !important;
    box-shadow:0 16px 35px rgba(0,0,0,.20) !important;
}
.dark .autosite-page .as-template-wire i { background:rgba(117,151,220,.12) !important; }
.dark .autosite-page .as-template-wire i:first-child { background:linear-gradient(90deg,rgba(82,120,219,.22),rgba(47,184,213,.12)) !important; }
.dark .autosite-page .as-template-badge { background:rgba(14,27,47,.86) !important; border:1px solid rgba(169,190,220,.13) !important; }

/* Settings / runtime. */
.dark .autosite-page .as-credit-icon {
    background:linear-gradient(145deg,color-mix(in srgb,var(--app-primary) 46%,#4f78f3),color-mix(in srgb,var(--app-secondary) 50%,#23a8d4)) !important;
    box-shadow:0 14px 28px rgba(0,0,0,.20) !important;
}
.dark .autosite-page .as-runtime-list > div,
.dark .autosite-page .as-cost-card,
.dark .autosite-page .as-credit-breakdown > div { border-color:rgba(169,190,220,.17) !important; }

/* Dashboard: same structure, dark contrast only. */
.dark .asd-dashboard {
    --asd-text:#f4f8ff !important;
    --asd-muted:#bdcbe0 !important;
    --asd-soft:#94a7c1 !important;
    --asd-line:rgba(169,190,220,.17) !important;
    --asd-line2:rgba(169,190,220,.24) !important;
    --asd-brand:var(--ag-dark-accent) !important;
}
.dark .asd-eyebrow,
.dark .asd-kicker,
.dark .asd-link,
.dark .asd-ai { color:var(--ag-dark-accent) !important; }
.dark .asd-metric-ico,
.dark .asd-project-feed-icon,
.dark .asd-launch-ico,
.dark .asd-recico,
.dark .asd-chip .asd-ico { color:var(--ag-dark-accent) !important; background:rgba(67,107,221,.16) !important; }
.dark .asd-metric-ico svg,
.dark .asd-project-feed-icon svg,
.dark .asd-launch-ico svg,
.dark .asd-recico svg,
.dark .asd-chip .asd-ico svg { stroke:currentColor !important; }
.dark .asd-ghost { color:var(--ag-dark-accent) !important; opacity:.18 !important; }
.dark .asd-portillo,
.dark .asd-radarsvg { color:var(--ag-dark-accent) !important; }
.dark .asd-project-feed-state,
.dark .asd-mini-btn,
.dark .asd-beta { color:#c5d6ff !important; background:rgba(66,103,203,.16) !important; border-color:rgba(143,174,255,.18) !important; }

/* --------------------------------------------------------------------------
   LOGIN / AUTH — Welcome Back, Forgot password, Support Desk, form controls
   -------------------------------------------------------------------------- */
.dark .ab-auth-reference-form-side { background:linear-gradient(135deg,#0d172a 0%,#111d32 70%,#142440 100%) !important; }
.dark .ab-auth-login-heading > span,
.dark .ab-auth-login-label-row > a,
.dark .ab-auth-login-support > i,
.dark .ab-auth-login-support a { color:var(--ag-dark-accent) !important; }
.dark .ab-auth-login-heading p { color:#bdc9da !important; }
.dark .ab-auth-login-field > div:not(.ab-auth-login-label-row) > i,
.dark .ab-auth-login-field button[data-password-toggle] { color:#9cacc3 !important; }
.dark .ab-auth-login-field button[data-password-toggle]:hover { background:rgba(90,126,224,.12) !important; color:var(--ag-dark-accent) !important; }
.dark .ab-auth-login-field input[type="email"],
.dark .ab-auth-login-field input[type="password"],
.dark .ab-auth-login-field input[type="text"] {
    border-color:rgba(169,190,220,.16) !important;
    background:#172238 !important;
    color:#f4f8ff !important;
}
.dark .ab-auth-login-field input::placeholder { color:#8192aa !important; opacity:1 !important; }
.dark .ab-auth-login-divider { color:#91a2b9 !important; }
.dark .ab-auth-login-divider span { background:rgba(169,190,220,.14) !important; }
.dark .ab-auth-login-support { color:#aebdd1 !important; }
.dark .ab-auth-login-safe { color:#9aabc1 !important; }
.dark .ab-auth-reference-theme[data-theme-state="dark"] .ab-auth-reference-theme-moon,
.dark .ab-auth-reference-theme[data-theme-state="light"] .ab-auth-reference-theme-sun { color:var(--ag-dark-accent) !important; }

/* Smart Guide actions also used brand-primary text on dark. */
.dark .core-guide-actions a,
.dark .core-guide-suggestions button {
    color:var(--ag-dark-accent) !important;
    background:rgba(67,107,221,.13) !important;
    border-color:rgba(143,174,255,.18) !important;
}