.themeControl{display:flex;align-items:center;gap:7px;font-size:11px;color:#53627a;white-space:nowrap}.themeControl select{font:inherit;font-size:12px;border:1px solid #d4dfec;background:#fff;color:#243951;border-radius:9px;padding:9px 6px;min-height:38px;max-width:115px}.themeControl select:focus-visible{outline:3px solid #86b6f0;outline-offset:2px}
@media(max-width:680px){.nav{flex-wrap:wrap;gap:12px}.nav .navlinks{flex-wrap:wrap;justify-content:flex-end;flex:1}.nav .themeControl{flex-basis:100%;justify-content:flex-end}.nav .brand{align-self:flex-start;margin-top:8px}}
html[data-theme=dark]{--bg:#0d1420;--card:#172231;--text:#e6edf5;--muted:#afbed0;--line:#33465b;--blue:#85b4ff;--green:#80d9b0;--theme-bg:#0d1420;--theme-card:#172231;--theme-raised:#202e40;--theme-text:#e6edf5;--theme-muted:#afbed0;--theme-line:#33465b;color-scheme:dark}
html[data-theme=dark] body,html[data-theme=dark] body.panelMode{background:var(--theme-bg);color:var(--theme-text)}
html[data-theme=dark] :is(h1,h2,h3,h4,h5,label,legend,summary,th,b,strong):not(:where(.campaignHeroDemo *, .gsLayoutSample *)){color:var(--theme-text)}
html[data-theme=dark] :is(p,small,.muted,.marketingSmall,.gsHint,.uiChecked,.marketingExcerpt,.heroDetail,.miniCaption,.studioNote):not(:where(.campaignHeroDemo *, .gsLayoutSample *)){color:var(--theme-muted)}
html[data-theme=dark] :is(a,.premiumEyebrow,.marketingEyebrow,.uiEyebrow,.gsEyebrow,.marketingOpenLabel,.campaignAuditLink,.campaignHeroActions a){color:#9bc2ff}
html[data-theme=dark] :is(.brandWords,.brandWords>span,.marketingSection,.graphicStudio,.workspacePlan b){color:var(--theme-text)}
html[data-theme=dark] :is(.card,.module,.stat,.onboard,.authCard,.legalCard,.reportPreview,.marketingCard,.marketingFinding,.campaignExample,.exampleStudio,.featureGroup,.uiMessage,.workspaceArea,.competitorCard,.alertItem,.taskCard,.usageBox,.marketingStats>div,.marketCard,.insightCard,.gsControls,.gsFooter,.gsNav,.gsPostText,.gsFinish,.historyTools input,.historyTools select){background:var(--theme-card);border-color:var(--theme-line);color:var(--theme-text);box-shadow:none}
html[data-theme=dark] #dashboard :is(.card,.module,.stat,.onboard,.carePanel,.taskCard,.workspaceArea),html[data-theme=dark] #demo :is(.metric,.uiFinding,.fixBox){background:var(--theme-card);border-color:var(--theme-line);color:var(--theme-text)}
html[data-theme=dark] :is(.workspaceSide,#dashboard .dashTop,.dashMenu){background:var(--theme-card);border-color:var(--theme-line)}
html[data-theme=dark] #dashboard #dashMenu button{color:var(--theme-muted)}
html[data-theme=dark] #dashboard #dashMenu button.active,html[data-theme=dark] #dashboard #dashMenu button:hover{color:#bfdbff;background:#263e5a;border-color:#3b5876}
html[data-theme=dark] :is(.hero,.marketingHero,.marketingKit,.billingCard,.uiHealth,.campaignShowcase,.assistantBanner){background:linear-gradient(120deg,#172b32,#172231)!important;border-color:#33504f!important}
html[data-theme=dark] .hero h1 em{color:#8bb8ff}html[data-theme=dark] .hero .heroPromise{color:#dce8f5}html[data-theme=dark] .hero .heroDetail{color:var(--theme-muted)}
html[data-theme=dark] :is(.hero .pill,.pill,.userChip,.iconbox,.miniTag,.marketingTag,.studioLabel,.uiNumber){background:#263c53;color:#b7d7ff;border-color:#3a536c}
html[data-theme=dark] :is(.scanbox,.field input,.marketingField input,.marketingField textarea,.marketingField select,.graphicStudio input,.graphicStudio textarea,.graphicStudio select,.themeControl select,textarea,select){background:#101b2a;border-color:#425770;color:#e6edf5}
html[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=submit]){background:#101b2a;color:#e6edf5;border-color:#425770}
html[data-theme=dark] ::placeholder{color:#92a6bb;opacity:1}
html[data-theme=dark] :is(.btn.ghost,.graphicStudio button,.miniFix,.authClose,.marketingTabs button,.themeControl select){background:#22344a;color:#d5e6ff;border-color:#405773}
html[data-theme=dark] :is(.btn.primary,.campaignHeroActions .btn,.graphicStudio button.gsPrimary){background:#2563eb;border-color:#5889ee;color:white}
html[data-theme=dark] .btn.primary:hover{background:#1d4ed8}
html[data-theme=dark] :is(.marketingTabs button[aria-current=page],.gsNav button[aria-pressed=true]){background:#2c5670;color:#fff;border-color:#6b9cb0}
html[data-theme=dark] :is(.marketingCopy,.marketingPublicationGuide,.marketingPackagePreview,.gsPublication,.gsChecklist,.gsHeader,.gsCanvasWrap,.careItem,.miniWindow,.exampleVisual,.exampleBefore,.exampleAfter,.exampleNext,.qualityEvidence li,.qualityAcceptance,.qualityImplementation,.workflowChanges>div,.previewAdvice,.previewFooter,.uiRing>div,.score:after,.marketingKitProgress>span){background:var(--theme-raised);border-color:var(--theme-line);color:var(--theme-text)}
html[data-theme=dark] :is(.graphicStudio,.gsPreview){background:#101b29}html[data-theme=dark] .graphicStudio::backdrop{background:#020711cc}
html[data-theme=dark] :is(.gsChecklist span,.uiTag,.marketingStage,.gsReady,.exampleTag,.previewResult,.previewChecks b,.marketingAssetCard>summary>.marketingTag){background:#293c52;color:#c4d9ef}
html[data-theme=dark] :is(.gsChecklist span.done,.gsReady.ready,.uiTag.good,.marketingStage.approved,.marketingStage.published,.previewChecks b.isGood,.salesHealthBanner.good,.gsNotice){background:#1b3c33;color:#a2e6c1;border-color:#376955}
html[data-theme=dark] :is(.gsNotice.error,.marketingNotice.failed,.workflowNotice.failed,.uiMessage.warn,.uiTag.warn,.salesHealthBanner.warn,.marketingStage.review){background:#453621;color:#f1d69c;border-color:#785f35}
html[data-theme=dark] :is(.marketingNotice,.workflowNotice,.lockedBox,.previewAddress,.gaugeNumber span){color:#bfd8f5}
html[data-theme=dark] :is(.marketingNotice,.workflowNotice,.lockedBox){background:#223c56;border-color:#3c5c7d}
html[data-theme=dark] :is(.dangerZone,.salesHealthBanner.bad,.salesHealthLoss){background:#422730!important;border-color:#815063!important;color:#f6b9c8}
html[data-theme=dark] :is(.themeControl,.gsFooter>span,.workspacePlan,.previewFooter,.previewAddress,.gsPreviewToolbar span,.gsPreview>p,.marketingKitProgress>span,.features li,.uiMetrics span,.careItem span,.navlinks a,.premiumFooter a){color:var(--theme-muted)}
html[data-theme=dark] :is(.marketingAssetCard[open],.marketingAssetCard:hover){border-color:#598c83;box-shadow:0 8px 24px #0002}
html[data-theme=dark] .gsLayoutCards button{background:#1c2c3b;border-color:#40546a}html[data-theme=dark] .gsLayoutCards button[aria-pressed=true]{background:#233e3e;border-color:#7ebdad}
html[data-theme=dark] :is(.gsLayoutCards strong,.gsLayoutCards small){color:var(--theme-text)}
html[data-theme=dark] :is(.price.popular,.marketingTimeline,.marketingLink){background:var(--theme-card);border-color:#699bed}
html[data-theme=dark] :is(.history th,#dashboard .history th){background:#202e40;color:#b6c8dc}
html[data-theme=dark] :is(td,th,.nav,.workspacePlan,.workspaceSite,.marketingTabs,.marketingReview,.marketingAssetCard>summary,.gsDelivery,.gsControls fieldset,.gsFooter,.gsNav,.previewChecks>div,.previewHeader,.previewFooter,.faqList details,.premiumFooter){border-color:var(--theme-line)}
html[data-theme=dark] :is(.previewGauge path[stroke="#edf2f7"]){stroke:#33465b}html[data-theme=dark] #previewNeedle :is(path,circle){fill:#dce8f5}
html[data-theme=dark] :is(.benefits,.studioControls button,.previewFooter button,.groupNote,.featureGroup .compactFeature span){color:#b9cee7}
html[data-theme=dark] .studioControls button{background:#22344a;border-color:#405773}html[data-theme=dark] .studioControls button[aria-pressed=true]{background:#294e70;color:#e1efff}
html[data-theme=dark] .campaignHeroDemo{color-scheme:light;color:#173a31}html[data-theme=dark] .campaignHeroDemo .premiumEyebrow{color:#39694f}
html[data-theme=dark] [style*="background:#fff"],html[data-theme=dark] [style*="background: #fff"]{background:var(--theme-raised)!important;color:var(--theme-text)!important}
html[data-theme=dark] [style*="color:#64748b"],html[data-theme=dark] [style*="color: #64748b"]{color:var(--theme-muted)!important}
@media print{html[data-theme=dark]{color-scheme:light}.themeControl{display:none}}
html[data-theme=dark] .brand .brandWords,html[data-theme=dark] .brandWords>span{color:#e6edf5!important}
html[data-theme=dark] #dashboard .btn.ghost{background:#22344a!important;color:#d5e6ff!important;border-color:#405773!important}
html[data-theme=dark] #dashboard .btn.primary{background:#2563eb;color:white;border-color:#5889ee}
html[data-theme=dark] :is(.workspaceAreaActions,.marketingArea) .btn{color:#d5e6ff}
html[data-theme=dark] .workspacePlan button{color:#9bc2ff}
html[data-theme=dark] .uiStatusRow{border-color:#33465b}
html[data-theme=dark] .hero{background:radial-gradient(ellipse at 80% 30%,#1a3232 0,transparent 70%)!important}
@media print{html[data-theme=dark]{--theme-bg:#fff;--theme-card:#fff;--theme-raised:#f4f6f8;--theme-text:#14233e;--theme-muted:#475569;--theme-line:#cbd5e1}html[data-theme=dark] :is(.card,.module,.stat,.uiHealth,.marketingHero,.marketingKit){background:#fff!important;color:#14233e!important}}

/* Public sections need both a surface and foreground in dark mode. */
html[data-theme=dark] :is(.stepsGrid>article,.featureCatalog,.growthSection,.roadmapCard,.feedbackCard,.compactFeature,.techExplain){background:var(--theme-card);color:var(--theme-text);border-color:var(--theme-line)}
html[data-theme=dark] :is(.groupTitle,.featureMore summary){color:var(--theme-text)}
html[data-theme=dark] :is(.roadmapItem span,.lockedFeedback,.feedbackNote){color:var(--theme-muted)}
html[data-theme=dark] .miniAddress{background:#101b2a;color:#bed0e5;border-color:#425770}
html[data-theme=dark] :is(.miniTasks i,.growthBadge){background:#263c53;color:#b7d7ff}
html[data-theme=dark] :is(.productAreaLabel,.stepIndex){background:transparent;color:#9bc2ff}
html[data-theme=dark] .marketingFeatures .productAreaLabel{color:#80d9b0}
html[data-theme=dark] .featureDisclosure summary:hover .groupTitle,html[data-theme=dark] .faqList summary:hover{color:#9bc2ff}
html[data-theme=dark] .featureDisclosure[open] summary{background:var(--theme-raised);border-color:var(--theme-line)}
html[data-theme=dark] :is(.campaignExample header>span,.previewAddress>span,.previewEyebrow,.features .unavailable,.footerLinks button){color:#b9cee7}
html[data-theme=dark] .compactFeature .fi{background:#263c53;color:#b7d7ff}
html[data-theme=dark] .popularTag{background:#2563eb;color:#fff}
html[data-theme=dark] :is(.groupToggle,.groupTitle .awdIcon,.iconbox .awdIcon,.fi .awdIcon,.roadmapItem .awdIcon),html[data-theme=dark] .faqList summary:after{color:#9bc2ff}

/* Authenticated screens and dynamically rendered report/monitoring states.
   Always change the surface together with its foreground; export artwork keeps its own palette. */
html[data-theme=dark] :is(.onboardStep,.salesHealthItem,.salesHealthBanner.neutral,.pageCard,.before,.after,.tab,.taskFilter,.notificationItem,.emptyState,.kpi,.num,.uiScoreScope,.uiPageAuditIssues,.uiFindingEvidence code,.uiFindingAction,.marketingReportBridge,.marketingSection blockquote,.fixStepGuide,.fixGuideContent code,.fixGuideCode pre,.businessEvent,.journeyProposal,.pageSpeedRetry){background:var(--theme-raised);color:var(--theme-text);border-color:var(--theme-line)}
html[data-theme=dark] :is(.onboardStep.done,.taskCard.done,.scanQuality.complete,.feedbackSuccess,.verifyBtn,.uiCheckStatus.pass,.fixGuideLevel,.fix){background:#1b3c33;color:#a2e6c1;border-color:#376955}
html[data-theme=dark] :is(.taskCard.snoozed,.taskStatus.in_progress,.taskStatus.snoozed,.maintenanceBanner,.alertPreview,.scanQuality.partial,.bad-orange,.uiCheckStatus.fail){background:#453621;color:#f1d69c;border-color:#785f35}
html[data-theme=dark] :is(.bad-red,.notificationBadge,.scanQuality.failed){background:#422730;color:#f6b9c8;border-color:#815063}
html[data-theme=dark] :is(.tab.active,.taskFilter.active,.notificationItem.unread,.taskStatus.todo,.planBadge,.aiScore,.betaTag,.scanNote,.activityIcon,.notificationIcon,.marketingStep,.uiCheckStatus.unknown){background:#263c53;color:#b7d7ff;border-color:#587797}
html[data-theme=dark] .fixStepGuide[open]>summary{background:var(--theme-raised);border-color:var(--theme-line)}
html[data-theme=dark] :is(.salesHealthState.ok,.uiDeltaUp,.deltaUp){color:#80d9b0}
html[data-theme=dark] :is(.salesHealthState.fail,.uiDeltaDown,.deltaDown){color:#ffb5c5}
html[data-theme=dark] .salesHealthState.warn{color:#f1d69c}
html[data-theme=dark] :is(.salesHealthState.unknown,.deltaFlat,.siteTitle,.metric span,.kpi span,.label,.uiScope,.uiEmptySteps,.historyTools>span,.fixGuideCode summary,.fixGuideTechnical summary,.uiTechnicalDetail summary){color:var(--theme-muted)}
html[data-theme=dark] #dashboard :is(.uiHistoryDate,.carePanel p,.careItem span,.uiHeading p,.uiSectionHead p){color:var(--theme-muted)}
html[data-theme=dark] .dashboardStats>.stat strong{color:var(--theme-text)}
html[data-theme=dark] :is(.marketingField small,.marketingLink small,.marketingSmall){color:var(--theme-muted)!important}
html[data-theme=dark] :is(.progress,.visibilityBar,.uiSkeleton){background:#33465b}
html[data-theme=dark] #demo .alert{background:var(--theme-raised);color:var(--theme-text);border-color:var(--theme-line)}
html[data-theme=dark] .dangerBtn,html[data-theme=dark] #dashboard .btn.dangerBtn{background:#422730!important;color:#ffc4d0!important;border-color:#a7697f!important}
html[data-theme=dark] .dangerBtn:hover{background:#55303c!important}
html[data-theme=dark] [style*="color:#475569"],html[data-theme=dark] [style*="color: #475569"]{color:var(--theme-muted)!important}
html[data-theme=dark] [style*="color:#2563eb"]{color:#9bc2ff!important}
html[data-theme=dark] [style*="color:#15803d"],html[data-theme=dark] [style*="color:#16a34a"]{color:#80d9b0!important}
html[data-theme=dark] [style*="color:#b91c1c"],html[data-theme=dark] [style*="color:#ef4444"]{color:#ffb5c5!important}
html[data-theme=dark] [style*="background:#f8fafc"]{background:var(--theme-raised)!important;color:var(--theme-text)}
html[data-theme=dark] #termsConsentRow span{color:var(--theme-muted)}
html[data-theme=dark] #dashboard .careItem{background:var(--theme-raised);color:var(--theme-text);border-color:var(--theme-line)}
html[data-theme=dark] #dashboard .careItem b{color:var(--theme-text)}
html[data-theme=dark] .marketingSection li{color:var(--theme-muted)}
html[data-theme=dark] :is(.workspaceAreaIcon,.marketingArea .workspaceAreaIcon){background:#263c53;color:#b7d7ff}
html[data-theme=dark] #passwordScreen{background:var(--theme-bg)!important;color:var(--theme-text)}
html[data-theme=dark] #passwordScreen>div>div[style*="background:white"]{background:var(--theme-card)!important;color:var(--theme-text)!important;border-color:var(--theme-line)!important}
html[data-theme=dark] #passwordScreen #passwordTitle{color:var(--theme-text)!important}
html[data-theme=dark] #passwordScreen [aria-hidden=true]{background:var(--theme-raised)!important}
html[data-theme=dark] #passwordScreen #passwordSuccess{background:#1b3c33!important;color:#a2e6c1!important;border-color:#376955!important}
html[data-theme=dark] #processingTermsDialog [data-error]{color:#ffb5c5}
html[data-theme=dark] dialog[aria-labelledby=purchaseTermsTitle]{background:var(--theme-card);color:var(--theme-text);border-color:var(--theme-line)!important}
html[data-theme=dark] :is(#journeyType,#visibilitySite){background:#101b2a;color:var(--theme-text);border-color:#425770}
html[data-theme=dark] .score::after{background:var(--theme-raised)}
@media print{html[data-theme=dark] :is(.onboardStep,.salesHealthItem,.uiFindingAction,.uiScoreScope,.uiFindingEvidence code,.marketingReportBridge){background:#fff;color:#14233e;border-color:#cbd5e1}}

html[data-theme=dark] #passwordScreen>div>div:first-child{color:#9bc2ff!important}

/* Waiting is neutral; green checks are only set after a successful response. */
#scanStage .check{color:var(--text,#172033)}
#scanStage .dot{background:var(--theme-raised,#e2e8f0);color:var(--text,#172033);flex-shrink:0}
#scanStage .dot.live{background:var(--blue,#2563eb);color:#fff}
#scanStage .dot.ok{background:var(--green,#16a34a);color:#fff}
html[data-theme=dark] #scanStage .dot.live{color:#10243d}
html[data-theme=dark] #scanStage .dot.ok{color:#073b27}