@media screen {
/* Platform dark glass. Explicit browser preference only; customer-rendered islands
   retain their configured appearance. Keep this last in the platform asset list. */
html.ysa-connected-preview {
  --ysa-plot-ink: #0E2523;
  --ysa-plot-paper: #FFFFFF;
}
/* The theme switch shares its geometry with the other header icon buttons. */
html.ysa-connected-preview .ysa-theme-toggle {
  display:grid;place-items:center;
  padding:0;border:1px solid var(--ysa-line-strong);border-radius:50%;
  background:var(--ysa-sheet);color:var(--ysa-text);cursor:pointer;
}
html.ysa-connected-preview .ysa-theme-toggle:hover {background:var(--ysa-sage-soft)}
html.ysa-connected-preview .ysa-theme-toggle:focus-visible {outline:2px solid var(--ysa-sage);outline-offset:3px}
html.ysa-connected-preview .ysa-theme-toggle svg {display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7}
html.ysa-connected-preview .ysa-theme-toggle .ysa-theme-icon-sun {display:none}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-theme-icon-sun {display:block}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-theme-icon-moon {display:none}
:is(html.ysa-connected-preview,html.ysa-feedback-preview)[data-ysa-theme="dark"] {
  color-scheme:dark;
  --ysa-brand-ink:#0E2523;
  --ysa-dark-ink:#0A0A0C;
  --ysa-ink:#F2F2F4;
  --ysa-text:#F2F2F4;
  --ysa-text-2:#E0E0E5;
  --ysa-text-3:#D1D1D8;
  --ysa-text-muted:#C8C8D1;
  --ysa-text-faint:#BCBCC6;
  --ysa-text-disabled:#777782;
  --ysa-on-ink:#101012;
  --ysa-on-ink-muted:rgba(242,242,244,.78);
  --ysa-on-ink-faint:rgba(242,242,244,.62);
  --ysa-on-ink-line:rgba(255,255,255,.16);
  --ysa-on-ink-fill:rgba(255,255,255,.08);
  --ysa-canvas:#0B0B0D;
  --ysa-canvas-tint:#1A1A1E;
  --ysa-canvas-tint-2:#141418;
  --ysa-sheet:rgba(24,24,28,.60);
  --ysa-soft-panel:#222226;
  --ysa-input-bg:#121214;
  --ysa-line:rgba(255,255,255,.16);
  --ysa-line-soft:rgba(255,255,255,.09);
  --ysa-line-strong:#777780;
  --ysa-line-faint:rgba(255,255,255,.10);
  --ysa-line-connectors:#6B6B74;
  --ysa-surface-segmented:#18181C;
  --ysa-sage:#B8B8C2;
  --ysa-sage-soft:#28282E;
  --ysa-sage-soft-2:#1A1A1E;
  --ysa-lime-soft:#33351E;
  --ysa-action-bg:#DEDEE5;
  --ysa-action-hover:#EEEEF2;
  --ysa-action-pressed:#C7C7D0;
  --ysa-plot-ink:#F2F2F4;
  --ysa-plot-paper:#17171B;
  --ysa-plot-muted:#9999A5;
  --ysa-heat-low-ink:var(--ysa-text);
  --ysa-ok:#D1D1DA;
  --ysa-ok-soft:#25252B;
  --ysa-warn:#D6D6DF;
  --ysa-danger-text:#F3B5B4;
  --ysa-danger-soft:#352528;
  --ysa-danger-line:#7A585D;
  --ysa-caution-text:#E0E0E7;
  --ysa-caution-soft:#2C2C32;
  --ysa-info:#C2C2CD;
  --ysa-info-soft:#25252D;
  --ysa-purple:#CACAD5;
  --ysa-purple-soft:#292930;
  --ysa-brown:#D4D4DC;
  --ysa-brown-soft:#2A2A30;
  --ysa-focus:0 0 0 2px #08080A,0 0 0 4px #D8F500;
  --ysa-glass-solid:#18181C;
  --ysa-glass-nav:rgba(16,16,18,.64);
  --ysa-glass-surface:rgba(10,10,12,.56);
  --ysa-glass-raised:rgba(26,26,30,.98);
  --ysa-glass-dialog:rgba(22,22,26,.985);
  --ysa-glass-highlight:inset 0 1px 0 rgba(255,255,255,.12);
  --ysa-shadow-sheet:0 16px 48px rgba(0,0,0,.18),var(--ysa-glass-highlight);
  --ysa-shadow-card:0 8px 24px rgba(0,0,0,.12),var(--ysa-glass-highlight);
  --ysa-shadow-float:0 16px 40px rgba(0,0,0,.30),var(--ysa-glass-highlight);
  --ysa-shadow-popover:0 18px 48px rgba(0,0,0,.42),var(--ysa-glass-highlight);
  --ysa-shadow-menu:0 20px 56px rgba(0,0,0,.46),var(--ysa-glass-highlight);
  --ysa-shadow-peek:0 24px 64px rgba(0,0,0,.52),var(--ysa-glass-highlight);
  --ysa-shadow-preview:0 20px 48px rgba(0,0,0,.38);
  --ysa-shadow-mobile-nav:0 16px 36px rgba(0,0,0,.4),var(--ysa-glass-highlight);
  --ysa-on-ink-overlay:rgba(0,0,0,.70);
  --ysa-shell-background:linear-gradient(rgba(0,0,0,.40),rgba(0,0,0,.40)),url('/img/ysa-commerce-workspace-dark.webp'),#0B0B0D;
  background:#101012;color:var(--ysa-text);
}
html.ysa-connected-preview[data-ysa-theme="dark"] body {color:var(--ysa-text);background:var(--ysa-shell-background)}
html.ysa-connected-preview[data-ysa-theme="dark"] ::selection {background:#BDD8D1;color:#101012}

/* Opt-in roles for retained literal colours; no value exists in light mode. */
:is(html.ysa-connected-preview,html.ysa-feedback-preview)[data-ysa-theme="dark"]{
  --ysa-theme-legacy-action-bg:var(--ysa-action-bg);
  --ysa-theme-legacy-action-ink:#101012;
  --ysa-theme-legacy-brown:var(--ysa-brown);
  --ysa-theme-legacy-brown-soft:var(--ysa-brown-soft);
  --ysa-theme-legacy-caution-soft:var(--ysa-caution-soft);
  --ysa-theme-legacy-caution-text:var(--ysa-caution-text);
  --ysa-theme-legacy-danger-soft:var(--ysa-danger-soft);
  --ysa-theme-legacy-danger-text:var(--ysa-danger-text);
  --ysa-theme-legacy-info:var(--ysa-info);
  --ysa-theme-legacy-info-soft:var(--ysa-info-soft);
  --ysa-theme-legacy-inverse:var(--ysa-text);
  --ysa-theme-legacy-lime-soft:var(--ysa-lime-soft);
  --ysa-theme-legacy-line:var(--ysa-line);
  --ysa-theme-legacy-line-strong:var(--ysa-line-strong);
  --ysa-theme-legacy-muted:var(--ysa-text-muted);
  --ysa-theme-legacy-ok:var(--ysa-ok);
  --ysa-theme-legacy-ok-soft:var(--ysa-ok-soft);
  --ysa-theme-legacy-paper:var(--ysa-sheet);
  --ysa-theme-legacy-plot-ink:var(--ysa-plot-ink);
  --ysa-theme-legacy-purple:var(--ysa-purple);
  --ysa-theme-legacy-purple-soft:var(--ysa-purple-soft);
  --ysa-theme-legacy-sage-soft:var(--ysa-sage-soft);
  --ysa-theme-legacy-sage-soft-2:var(--ysa-sage-soft-2);
  --ysa-theme-legacy-soft:var(--ysa-canvas-tint);
  --ysa-theme-legacy-surface-dark:var(--ysa-dark-ink);
  --ysa-theme-legacy-text:var(--ysa-text);
}

/* Shared native surfaces. Translucent fills give nested cards depth without
   creating a filter/transform containing block for their fixed tools. */
html.ysa-connected-preview[data-ysa-theme="dark"] #framework_main {
  border:1px solid var(--ysa-line);background-color:var(--ysa-glass-surface);
  box-shadow:var(--ysa-shadow-sheet);scrollbar-color:#6B6B75 transparent;
}
html.ysa-connected-preview[data-ysa-theme="dark"] #framework_main::-webkit-scrollbar-thumb {background:#6B6B75;border-color:var(--ysa-glass-solid)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(
  .ysa-home-panel,.ysa-home-voice,.ysa-home-products,.ysa-home-activity,.ysa-home-explore,
  .ysa-content-card,.ysa-datasets-card,.ysa-channels-card,.ysa-automations-card,.ysa-contacts-card,
  .ysa-settings-section,.ysa-help-panel,.ysa-pricing-plan-card,.ysa-billing-usage-card,
  .ysa-cdp-card,.ysa-cdp-metric-card,.ysa-cortex-analytics-kpi,.ysa-cortex-journey-kpi,
  .pv-card,.pv-rep-card,.pv-rep-kpi,.ps-section,.vision-step,.tl-card,.ee-card,
  .ysa-quality-card,.quality-center-section,.vm-card,.ysa-home-widget-empty
) {
  border-color:var(--ysa-line);box-shadow:var(--ysa-glass-highlight);
  background-image:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,0) 65%);
}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(
  dialog,.popup_content,.ysa-account-switch-dialog,.ysa-sticky-note-dialog,
  .ysa-workspace-menu,.ysa-workspace-notifications-popover,.ysa-drawer-settings-popover,
  .ysa-account-assistant-panel,.ysa-color-popover,.ysa-command-popup .popup_content,
  .ysa-filter-popover,.ysa-conv-filter-popover,.ysa-send-menu,.composer-panel,
  .ysa-profile-action-menu,.ysa-cookie-banner,.ysa-cookie-modal,.ysa-home-widget-browser
):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,.we-configured-widget,.we-configured-widget *)) {
  border-color:var(--ysa-line);background-color:var(--ysa-glass-raised);color:var(--ysa-text);
  box-shadow:var(--ysa-shadow-menu);
  background-image:linear-gradient(140deg,rgba(255,255,255,.045),transparent 60%);
}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-account-switch-backdrop,.ysa-sticky-note-dialog-backdrop,.ysa-auth-scrim,.confirm-backdrop,.alert-backdrop,.prompt-backdrop) {background-color:rgba(0,0,0,.70)}
/* Keep blur on a decorative layer: fixed submenu coordinates must stay viewport
   relative. The real navigation elements themselves never become filter roots. */
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-mobile-drawer,.ysa-mobile-tabbar) {
  background:transparent;border:1px solid var(--ysa-line);color:var(--ysa-text);
  box-shadow:var(--ysa-shadow-menu);isolation:isolate;
}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-mobile-drawer,.ysa-mobile-tabbar)::before {
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(130deg,rgba(255,255,255,.065),rgba(255,255,255,0) 60%),var(--ysa-glass-nav);
  box-shadow:var(--ysa-glass-highlight);
  -webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);
}
html.ysa-connected-preview[data-ysa-theme="dark"].ysa-sidebar-rail:not(.ysa-sidebar-open) .ysa-drawer-nav-group>.ysa-drawer-submenu {background:var(--ysa-glass-raised);color:var(--ysa-text);border-color:var(--ysa-line)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-drawer-user,.ysa-drawer-cortex-upgrade,.ysa-drawer-flyout-head,.ysa-drawer-search input,.ysa-drawer-settings-popover,.ysa-drawer-settings-popover .ysa-drawer-subitem) {color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-drawer-item,.ysa-drawer-subitem,.ysa-mobile-tab) {color:var(--ysa-on-ink-muted)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-drawer-item,.ysa-drawer-subitem,.ysa-mobile-tab):hover {color:var(--ysa-text);background:var(--ysa-on-ink-fill)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-drawer-label,.ysa-drawer-subheading) {color:var(--ysa-on-ink-faint)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-drawer-item.is-active,.ysa-mobile-tab.is-active) {background:var(--ysa-lime);color:#101012}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-drawer-subitem.is-active {color:var(--ysa-lime);background:rgba(216,245,0,.10)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-workspace-notifications-count,.ysa-sticky-note-count,.ysa-drawer-user-avatar,.ysa-drawer-ws-mark,.ysa-workspace-option-mark,.ysa-account-switch-mark,.ysa-avatar-initials,.pv-avatar-user) {color:#101012}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-icon-btn,.ysa-workspace-notifications-trigger) {border:1px solid var(--ysa-line);background:var(--ysa-glass-raised);color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-icon-btn,.ysa-workspace-notifications-trigger):hover {background:var(--ysa-sage-soft)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-preview-account-switch>i {border-color:var(--ysa-line-strong)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-theme-toggle {background:var(--ysa-glass-raised);color:var(--ysa-lime);box-shadow:var(--ysa-glass-highlight)}

/* Inverse roles are deliberate: readable dark ink on bright primary actions,
   light ink on the preserved dark promotion and code surfaces. */
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.pv-btn-primary,.pv-circle,.pv-skip,.ysa-pricing-plan-button.is-primary,.ysa-pricing-plan-button.is-selected) {color:#101012;background:var(--ysa-action-bg);border-color:var(--ysa-action-bg)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.pv-btn-primary,.ysa-pricing-plan-button.is-primary,.ysa-pricing-plan-button.is-selected):hover {background:var(--ysa-action-hover)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-home-news,.ysa-auth-brand,.ysa-help-video-frame,.ysa-cdp-feed-endpoint,.ysa-cdp-feed-json,.ysa-cdp-install-code,.ysa-home-voice-avatar) {background:var(--ysa-dark-ink);border-color:var(--ysa-line);color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-auth-brand h1 {color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-auth-brand h1>span {color:var(--ysa-lime)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-home-news :is(h2,h3,p,a) {color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-home-news .ysa-home-news-head,html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-home-news .ysa-home-news-head h2 {color:var(--ysa-lime)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-home-voice-advice small {color:#45454F}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-content-primary-btn,.ysa-add-dataset-btn,.ysa-add-channel-btn,.ysa-automations-primary-btn,.ysa-quality-primary-btn,.ysa-user-primary-button,.ysa-connectors-add,.ac-button-primary,.login100-form-btn,.ysa-auth-recovery-primary,.send,.voice-btn.primary):hover {background:var(--ysa-action-hover)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.pv-nav-item.is-active,.pv-rep-kpi.is-lime,.pv-rep-kpi.is-lime .pv-kpi-label,.pv-rep-kpi.is-lime .pv-kpi-value) {color:#101012}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-insights-report-page .pv-rep-kpi.is-lime {background:var(--ysa-lime-soft);color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-insights-report-page .pv-rep-kpi.is-lime :is(.pv-kpi-label,.pv-kpi-value) {color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-home-rfm-canvas {background:linear-gradient(125deg,#242428,#18181C 50%,#222226)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-home-rfm-segment {border-color:var(--segment-color,var(--ysa-sage));background:color-mix(in srgb,var(--segment-color,var(--ysa-sage)) 15%,#18181C);color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-message-email-notice,.ysa-conversation-product-image,.ysa-home-product-image) {background-color:transparent}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-home-product-image,.ysa-dataset-product-media) img {mix-blend-mode:normal;filter:none}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-home-widget-empty-art,.ysa-home-attention-empty-art) {opacity:.78}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-empty-state-illustration {background:var(--ysa-sage-soft)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-sticky-note,.ysa-sticky-note-dialog) {--sticky-ink:#F2F2F4}
html.ysa-connected-preview[data-ysa-theme="dark"] .is-yellow {--sticky-color:#37391E;--sticky-ink:#F2E9AF}
html.ysa-connected-preview[data-ysa-theme="dark"] .is-pink {--sticky-color:#3B2532;--sticky-ink:#F3C7DB}
html.ysa-connected-preview[data-ysa-theme="dark"] .is-blue {--sticky-color:#1A3440;--sticky-ink:#C5E5F5}
html.ysa-connected-preview[data-ysa-theme="dark"] .is-green {--sticky-color:#243A28;--sticky-ink:#C8E9C0}
html.ysa-connected-preview[data-ysa-theme="dark"] .is-purple {--sticky-color:#30283F;--sticky-ink:#DAD0F7}
html.ysa-connected-preview[data-ysa-theme="dark"] .is-orange {--sticky-color:#3D2E21;--sticky-ink:#F3D1AD}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(#loggedin_welcome,.ysa-sticky-note-toast,#form_response,.ysa-cookie-status) {background:var(--ysa-glass-raised)!important;color:var(--ysa-text)!important;border-color:var(--ysa-line)!important}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-tooltip-bubble,.chart-data-popup,.ysa-chart-data-popup) {color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-auth .ysa-auth-logo {content:url('/img/youshouldask-logo-wide-light.svg')}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-auth-panel-logo,.ysa-brand-logo-full) {content:url('/img/youshouldask-logo-wide-light.svg')}

/* Dedicated native input colours stay readable in tables and legacy editors.
   Customer-rendered islands are excluded from every generic form rule. */
html.ysa-connected-preview[data-ysa-theme="dark"] :is(input:not([type=checkbox],[type=radio],[type=color],[type=range],[type=hidden]),textarea,select,.richText-editor,[contenteditable=true]):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,.we-configured-widget,.we-configured-widget *)) {color:var(--ysa-text);caret-color:var(--ysa-lime)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(input,textarea):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,.we-configured-widget,.we-configured-widget *))::placeholder {color:var(--ysa-text-faint);opacity:1}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(input[type=checkbox],input[type=radio],progress):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,.we-configured-widget,.we-configured-widget *)) {accent-color:var(--ysa-sage)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(option,optgroup):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,.we-configured-widget,.we-configured-widget *)) {background:#18181C;color:#F2F2F4}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(button,a,input,textarea,select,[tabindex]):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,.we-configured-widget,.we-configured-widget *)):focus-visible {outline-color:var(--ysa-lime)}

/* The mobile native status-bar edge stays opaque. Glass is intentional on
   panels and navigation, never behind the first row of header controls. */
@media(max-width:720px) {
  html.ysa-connected-preview .ysa-topbar .ysa-right-cluster {position:static}
  html.ysa-connected-preview .ysa-topbar .ysa-theme-toggle {position:absolute;top:47px;right:16px;z-index:1}
  html.ysa-connected-preview .ysa-preview-account-identity {padding-right:48px}
  html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-topbar {background:var(--ysa-shell-background);background-size:100vw 100dvh;background-repeat:no-repeat;backdrop-filter:none;-webkit-backdrop-filter:none}
  html.ysa-connected-preview[data-ysa-theme="dark"] #framework_main {border:0;background-color:transparent;box-shadow:none}
  html.ysa-connected-preview[data-ysa-theme="dark"] #framework_main.conversations {background-color:var(--ysa-glass-solid)}
}

/* Customer-rendered HTML and configured channel previews are theme islands. */
html.ysa-connected-preview [data-ysa-customer-preview="webchat"]{color-scheme:light}
html.ysa-connected-preview[data-ysa-theme="dark"] :is([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card,.we-configured-widget):not([data-ysa-customer-preview="webchat"]){
  color-scheme:light;color:#0E2523;
  --ysa-ink:#0E2523;
  --ysa-text:#0E2523;
  --ysa-text-2:#3F4D4A;
  --ysa-text-3:#5B6664;
  --ysa-text-muted:#6B7472;
  --ysa-text-faint:#8A9391;
  --ysa-text-disabled:#C9CFCC;
  --ysa-on-ink:#FFFFFF;
  --ysa-on-ink-muted:rgba(255,255,255,.72);
  --ysa-on-ink-faint:rgba(255,255,255,.42);
  --ysa-on-ink-line:rgba(255,255,255,.16);
  --ysa-on-ink-fill:rgba(255,255,255,.07);
  --ysa-canvas:#F4F4F1;
  --ysa-canvas-tint:#F7F7F4;
  --ysa-canvas-tint-2:#F6F6F3;
  --ysa-sheet:#FFFFFF;
  --ysa-soft-panel:#F7F9F8;
  --ysa-input-bg:#FAFAF8;
  --ysa-line:#E4E6E1;
  --ysa-line-soft:#EEF0EC;
  --ysa-line-strong:#D4D7D1;
  --ysa-line-faint:#EDEEEA;
  --ysa-sage:#A5C4C3;
  --ysa-sage-soft:#DDE8E4;
  --ysa-sage-soft-2:#EBF1EE;
  --ysa-lime-soft:#F2FBBF;
  --ysa-action-hover:#1B3634;
  --ysa-action-pressed:#29413F;
  --ysa-ok:#007D65;
  --ysa-ok-soft:#DFF8F1;
  --ysa-warn:#B4541A;
  --ysa-danger-text:#8A3A12;
  --ysa-danger-soft:#FBEAE3;
  --ysa-danger-line:#E7C9BE;
  --ysa-caution-text:#7A5200;
  --ysa-caution-soft:#FFF4D6;
  --ysa-info:#075FB8;
  --ysa-info-soft:#E2F2FF;
  --ysa-purple:#7031EF;
  --ysa-purple-soft:#EFE5FF;
  --ysa-brown:#965409;
  --ysa-brown-soft:#FFF0E2;
  --ysa-plot-ink:#0E2523;
  --ysa-plot-paper:#FFFFFF;
  --ysa-plot-muted:#C9D6D4;
  --ysa-heat-low-ink:initial;
  --ysa-theme-legacy-action-bg:initial;
  --ysa-theme-legacy-action-ink:initial;
  --ysa-theme-legacy-brown:initial;
  --ysa-theme-legacy-brown-soft:initial;
  --ysa-theme-legacy-caution-soft:initial;
  --ysa-theme-legacy-caution-text:initial;
  --ysa-theme-legacy-danger-soft:initial;
  --ysa-theme-legacy-danger-text:initial;
  --ysa-theme-legacy-info:initial;
  --ysa-theme-legacy-info-soft:initial;
  --ysa-theme-legacy-inverse:initial;
  --ysa-theme-legacy-lime-soft:initial;
  --ysa-theme-legacy-line:initial;
  --ysa-theme-legacy-line-strong:initial;
  --ysa-theme-legacy-muted:initial;
  --ysa-theme-legacy-ok:initial;
  --ysa-theme-legacy-ok-soft:initial;
  --ysa-theme-legacy-paper:initial;
  --ysa-theme-legacy-plot-ink:initial;
  --ysa-theme-legacy-purple:initial;
  --ysa-theme-legacy-purple-soft:initial;
  --ysa-theme-legacy-sage-soft:initial;
  --ysa-theme-legacy-sage-soft-2:initial;
  --ysa-theme-legacy-soft:initial;
  --ysa-theme-legacy-surface-dark:initial;
  --ysa-theme-legacy-text:initial;
}

/* The workspace photo is a local high-resolution asset, never an external
   tracking request. The two viewports use authored crops of the same image. */
html.ysa-connected-preview[data-ysa-theme="dark"] {
  --ysa-sheet:rgba(24,24,28,.60);
  --ysa-glass-surface:rgba(10,10,12,.56);
  --ysa-glass-nav:rgba(16,16,18,.64);
  --ysa-text-2:#E0E0E5;
  --ysa-text-3:#D1D1D8;
  --ysa-text-muted:#C8C8D1;
  --ysa-text-faint:#BCBCC6;
  --ysa-shell-background:linear-gradient(rgba(0,0,0,.40),rgba(0,0,0,.40)),url('/img/ysa-commerce-workspace-dark.webp'),#0B0B0D;
}
html.ysa-connected-preview[data-ysa-theme="dark"] body {
  background:var(--ysa-shell-background);background-repeat:no-repeat;background-size:cover;
  background-position:center center;background-attachment:fixed;
}
/* A decorative fixed layer matches the sheet's used geometry. Blur never goes
   on the real scroll container, so fixed menus keep their viewport coordinates. */
html.ysa-connected-preview[data-ysa-theme="dark"] #framework_main {background:transparent}
html.ysa-connected-preview[data-ysa-theme="dark"] #framework_main::before {
  content:"";position:fixed;inset:inherit;width:inherit;height:inherit;z-index:-1;
  border-radius:inherit;pointer-events:none;background:var(--ysa-glass-surface);
  box-shadow:var(--ysa-glass-highlight);
  -webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%);
}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-home-hero {background:linear-gradient(135deg,rgba(30,30,35,.34),rgba(16,16,20,.12))}
/* The native Journey document has a few large panes, not a blur per node. */
html.ysa-connected-preview[data-ysa-theme="dark"] .journey-builder :is(.layout,.right,.journey-assistant,.topbar,.journey-overview-list) {background:transparent}
html.ysa-connected-preview[data-ysa-theme="dark"] .journey-builder :is(.layout,.right,.journey-assistant,.topbar,.journey-overview-list)::before {
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:var(--ysa-glass-surface);box-shadow:var(--ysa-glass-highlight);
  -webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%);
}
html.ysa-connected-preview[data-ysa-theme="dark"] .journey-builder #canvas {background:transparent}
@media(max-width:720px) {
  html.ysa-connected-preview[data-ysa-theme="dark"] {--ysa-shell-background:linear-gradient(rgba(0,0,0,.40),rgba(0,0,0,.40)),url('/img/ysa-commerce-workspace-dark-mobile.webp'),#0B0B0D}
  /* Opaque mobile chrome is kept separate from the intentional page glass. */
  html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-topbar {background:linear-gradient(110deg,#19191D,#101012),#101012;background-size:auto;background-attachment:scroll}
  html.ysa-connected-preview[data-ysa-theme="dark"] #framework_main.conversations {background:transparent}
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html.ysa-connected-preview[data-ysa-theme="dark"] {--ysa-sheet:#18181C;--ysa-glass-surface:#18181C;--ysa-glass-nav:#101012;--ysa-glass-raised:#1A1A1E}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  html.ysa-connected-preview[data-ysa-theme="dark"] {--ysa-sheet:#18181C;--ysa-glass-surface:#18181C;--ysa-glass-nav:#101012;--ysa-glass-raised:#1A1A1E;--ysa-shell-background:#101012}
  html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-mobile-drawer,.ysa-mobile-tabbar)::before {-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--ysa-glass-nav)}
  html.ysa-connected-preview[data-ysa-theme="dark"] #framework_main::before,html.ysa-connected-preview[data-ysa-theme="dark"] .journey-builder :is(.layout,.right,.journey-assistant,.topbar,.journey-overview-list)::before {-webkit-backdrop-filter:none;backdrop-filter:none}
  html.ysa-connected-preview[data-ysa-theme="dark"] :is(.popup,.ysa-account-switch-backdrop,.ysa-sticky-note-dialog-backdrop,.ysa-auth-scrim,.confirm-backdrop,.alert-backdrop,.prompt-backdrop) {-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(prefers-contrast:more) {
  html.ysa-connected-preview[data-ysa-theme="dark"] {--ysa-text:#FFFFFF;--ysa-ink:#FFFFFF;--ysa-text-2:#F0F0F4;--ysa-text-3:#E1E1E7;--ysa-text-muted:#DDDEE5;--ysa-text-faint:#D1D1DA;--ysa-line:#90909A;--ysa-line-soft:#90909A;--ysa-line-strong:#C2C2CC}
}
@media(prefers-reduced-motion:reduce) {
  html.ysa-connected-preview .ysa-theme-toggle {transition:none}
}
@media(forced-colors:active) {
  html.ysa-connected-preview[data-ysa-theme="dark"] {color-scheme:light dark;--ysa-text:CanvasText;--ysa-ink:CanvasText;--ysa-text-2:CanvasText;--ysa-text-3:CanvasText;--ysa-text-muted:CanvasText;--ysa-text-faint:CanvasText;--ysa-text-disabled:GrayText;--ysa-canvas:Canvas;--ysa-sheet:Canvas;--ysa-glass-surface:Canvas;--ysa-glass-nav:Canvas;--ysa-glass-raised:Canvas;--ysa-line:ButtonText;--ysa-line-soft:ButtonText;--ysa-line-strong:ButtonText;--ysa-lime:Highlight;--ysa-sage:Highlight;--ysa-action-bg:ButtonFace;--ysa-on-ink:ButtonText;--ysa-shell-background:Canvas;--ysa-focus:0 0 0 2px Canvas,0 0 0 4px Highlight}
  html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-mobile-drawer,.ysa-mobile-tabbar)::before {background:Canvas;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
  html.ysa-connected-preview[data-ysa-theme="dark"] #framework_main::before,html.ysa-connected-preview[data-ysa-theme="dark"] .journey-builder :is(.layout,.right,.journey-assistant,.topbar,.journey-overview-list)::before {background:Canvas;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
  html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-drawer-item.is-active,.ysa-mobile-tab.is-active) {color:HighlightText;background:Highlight;border:1px solid HighlightText}
}


/* Native widget browser and feedback remain readable above a busy page. */
html.ysa-connected-preview[data-ysa-theme="dark"] dialog::backdrop {background:rgba(0,0,0,.70);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html.ysa-connected-preview[data-ysa-theme="dark"] dialog.ysa-widget-picker {background:var(--ysa-glass-dialog);color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-widget-picker .ysa-widget-picker-save {background:var(--ysa-action-bg);border-color:var(--ysa-action-bg);color:#101012}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-widget-picker .ysa-widget-picker-save:disabled {background:#35353E;border-color:#60606A;color:#C8C8D1;opacity:1;cursor:not-allowed}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-widget-picker .ysa-widget-picker-remove {color:var(--ysa-danger-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-home-greeting {background:var(--ysa-glass-raised);color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-home-hero-controls button {color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-home-hero-controls button span {border-color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-home-hero-controls [aria-pressed=true] span {background:var(--ysa-text)}
html.ysa-feedback-preview[data-ysa-theme="dark"],html.ysa-feedback-preview[data-ysa-theme="dark"] body {background:#18181C;color:var(--ysa-text)}
html.ysa-feedback-preview[data-ysa-theme="dark"] .ysa-feedback-form-footer {background:#18181C}
html.ysa-feedback-preview[data-ysa-theme="dark"] #conversation_message {background:#121214!important;color:var(--ysa-text)!important;caret-color:var(--ysa-lime)}
html.ysa-feedback-preview[data-ysa-theme="dark"] #feedback_save_button {background:var(--ysa-action-bg)!important;border-color:var(--ysa-action-bg);color:#101012}
html.ysa-feedback-preview[data-ysa-theme="dark"] #feedback_save_button:hover {background:var(--ysa-action-hover)!important}
html.ysa-feedback-preview[data-ysa-theme="dark"] :is(.ysa-feedback-cancel,#feedback_rewrite_button) {color:var(--ysa-text)!important}
html.ysa-feedback-preview[data-ysa-theme="dark"] :is(button,a,textarea):focus-visible {outline:2px solid var(--ysa-lime);outline-offset:3px}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
 html.ysa-connected-preview[data-ysa-theme="dark"] dialog::backdrop {-webkit-backdrop-filter:none;backdrop-filter:none}
}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-home-hero-controls [data-home-hero-step="previous"] img {content:url("/img/home-arrow-left-light.svg")}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-home-hero-controls [data-home-hero-step="next"] img {content:url("/img/home-arrow-right-light.svg")}


/* Filled chart tiles keep text legible at every intensity in dark mode. The
   ordering and category hues stay intact; only the display blend is reduced. */
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-insights-report-page .pv-heat>.pv-heat-c:not(.is-empty) {background:color-mix(in oklab,var(--c,var(--ysa-ink)) calc(var(--v) * 40%),var(--ysa-canvas-tint));color:var(--ysa-text)!important}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-insights-report-page .pv-corr>.pv-corr-c:not(.is-empty) {background:color-mix(in oklab,var(--ysa-sage) calc(var(--v) * 40%),var(--ysa-canvas-tint));color:var(--ysa-text)!important}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-insights-report-page .pv-corr>.pv-corr-c.is-neg:not(.is-empty) {background:color-mix(in oklab,var(--ysa-warn) calc(var(--v) * 40%),var(--ysa-canvas-tint))}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-insights-report-page .pv-heat-scale i {background:linear-gradient(90deg,var(--ysa-canvas-tint),color-mix(in oklab,var(--c,var(--ysa-ink)) 40%,var(--ysa-canvas-tint)))}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-insights-report-page .pv-corr-scale i {background:linear-gradient(90deg,color-mix(in oklab,var(--ysa-warn) 40%,var(--ysa-canvas-tint)),var(--ysa-canvas-tint) 50%,color-mix(in oklab,var(--ysa-sage) 40%,var(--ysa-canvas-tint)))}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-insights-report-page :is(.pv-device-bar>span,.pv-treemap>a) {color:#101012}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-insights-report-page :is(.pv-rep-hero,.pv-ji-signal) {background:var(--ysa-dark-ink);color:var(--ysa-text);border:1px solid var(--ysa-line);box-shadow:var(--ysa-glass-highlight)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-insights-report-page :is(.pv-rep-hero h2,.pv-rep-hero-chips span,.pv-rep-hero .pv-ring strong,.pv-ji-signal strong) {color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-insights-report-page .pv-rep-hero .pv-ring::before {background:var(--ysa-dark-ink)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-insights-report-page :is(.pv-rep-advice>i,.pv-step>b,.pv-rank.is-top,.pv-mo-rank) {background:var(--ysa-dark-ink);color:var(--ysa-lime)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-marketing-rank {background:var(--ysa-dark-ink);color:var(--ysa-lime)}
/* Utility CSS loaded by native views uses the same dark roles. */
html.ysa-connected-preview[data-ysa-theme="dark"] :is(body,dialog[open])>.ysa-chart-data-popup {background:var(--ysa-glass-raised);border-color:var(--ysa-line);color:var(--ysa-text);box-shadow:var(--ysa-shadow-menu)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-words-loader,.ysa-words-loader__heading) {color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-words-loader .ysa-words-loader__message {color:var(--ysa-text-muted)}
html.ysa-connected-preview[data-ysa-theme="dark"] body>#ysa_global_loader.ysa-global-words-loader {background:rgba(0,0,0,.72);color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] body>#ysa_global_loader.ysa-global-words-loader>.ysa-words-loader {background:var(--ysa-glass-solid);border-color:var(--ysa-line);box-shadow:var(--ysa-shadow-menu)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-conversation-pending,.ysa-thread-history-pending) {background:var(--ysa-glass-solid)}
html.ysa-connected-preview[data-ysa-theme="dark"] [data-ysa-auth-cover] {background:var(--ysa-canvas)}
html.ysa-connected-preview[data-ysa-theme="dark"] [data-ysa-auth-veil] {background:rgba(0,0,0,.12)}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-call-header {background:var(--ysa-dark-ink);color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-call-launcher,.ysa-call-queue-item[aria-pressed=true],.ysa-call-primary) {background:var(--ysa-action-bg);border-color:var(--ysa-action-bg);color:#101012!important}
html.ysa-connected-preview[data-ysa-theme="dark"] .ysa-call-primary:hover {background:var(--ysa-action-hover)}
html.ysa-connected-preview[data-ysa-theme="dark"] .journey-builder :is(.btn.primary,.modal-btn:not(.secondary)):hover {background:var(--ysa-action-hover);color:#101012}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 html.ysa-connected-preview[data-ysa-theme="dark"] {--ysa-glass-dialog:#16161A}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
 html.ysa-connected-preview[data-ysa-theme="dark"] {--ysa-glass-dialog:#16161A}
 html.ysa-connected-preview[data-ysa-theme="dark"] body>#ysa_global_loader.ysa-global-words-loader {-webkit-backdrop-filter:none;backdrop-filter:none;background:#101012}
}


/* Native teammate messages keep their own sage shade without a light bubble. */
html.ysa-connected-preview[data-ysa-theme="dark"] .thread-body .box.ysa-message-composed:is(.agent,.manual_reply)>.content {background:#33333D;color:var(--ysa-text);border:1px solid #62626E;box-shadow:var(--ysa-glass-highlight)}
html.ysa-connected-preview[data-ysa-theme="dark"] .thread-body .box.manual_reply:not(.ysa-message-composed) {background:#33333D;color:var(--ysa-text);border-color:#62626E}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.CodeMirror,.cm-editor):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,.we-configured-widget,.we-configured-widget *)) {
  background:#121214;color:var(--ysa-text);
  & :is(.CodeMirror-gutters,.cm-gutters) {background:#18181C;border-color:var(--ysa-line);color:var(--ysa-text-muted)}
  & :is(.CodeMirror-linenumber,.cm-lineNumbers) {color:var(--ysa-text-muted)}
  & :is(.CodeMirror-cursor,.cm-cursor) {border-left-color:var(--ysa-lime)}
  & :is(.CodeMirror-selected,.cm-selectionBackground) {background:#3B3B45}
  & :is(.CodeMirror-activeline-background,.cm-activeLine,.cm-activeLineGutter) {background:#242429}
  & :is(.CodeMirror-matchingbracket,.cm-matchingBracket) {color:var(--ysa-lime)!important;background:#34343B;outline:1px solid var(--ysa-sage)}
  & :is(.CodeMirror-nonmatchingbracket,.cm-nonmatchingBracket) {color:var(--ysa-danger-text)!important;background:var(--ysa-danger-soft)}
  & :is(.cm-keyword,.cm-builtin,.cm-qualifier) {color:var(--ysa-purple)}
  & :is(.cm-atom,.cm-number) {color:var(--ysa-brown)}
  & :is(.cm-string,.cm-string-2,.cm-tag) {color:var(--ysa-ok)}
  & :is(.cm-comment,.cm-meta) {color:var(--ysa-text-muted)}
  & :is(.cm-variable,.cm-def,.cm-operator,.cm-bracket) {color:var(--ysa-text)}
  & :is(.cm-variable-2,.cm-variable-3,.cm-property,.cm-attribute) {color:var(--ysa-info)}
  & .cm-error {color:var(--ysa-danger-text);background:var(--ysa-danger-soft)}
  & .cm-link {color:var(--ysa-info);text-decoration:underline}
}
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.CodeMirror-hints,.cm-tooltip):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,.we-configured-widget,.we-configured-widget *)) {background:var(--ysa-glass-raised);border-color:var(--ysa-line);color:var(--ysa-text);box-shadow:var(--ysa-shadow-menu)}
html.ysa-connected-preview[data-ysa-theme="dark"] .CodeMirror-hints:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,.we-configured-widget,.we-configured-widget *)) .CodeMirror-hint {color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] .CodeMirror-hints:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,.we-configured-widget,.we-configured-widget *)) .CodeMirror-hint-active {background:var(--ysa-sage-soft);color:var(--ysa-text)}
html.ysa-connected-preview[data-ysa-theme="dark"] .richText:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *,.we-configured-widget,.we-configured-widget *)) {
  background:var(--ysa-glass-solid);color:var(--ysa-text);border-color:var(--ysa-line);
  & :is(.richText-toolbar,.richText-editor,.richText-dropdown,.richText-helpPopup) {background:var(--ysa-glass-solid);color:var(--ysa-text);border-color:var(--ysa-line)}
  & .richText-toolbar {background:#242429}
  & .richText-toolbar :is(.richText-btn,ul>li>a) {color:var(--ysa-text-2)}
  & .richText-toolbar .richText-btn:hover {background:var(--ysa-sage-soft);color:var(--ysa-text)}
  & .richText-editor {caret-color:var(--ysa-lime)}
  & .richText-editor:focus {border-color:var(--ysa-sage)}
}


/* The native overview list uses one safe glass layer behind the full table.
   Relative positioning does not move the original section or its row controls. */
html.ysa-connected-preview[data-ysa-theme="dark"] .journey-overview-list {position:relative;isolation:isolate;background:transparent}


/* Selected neutral appearance keeps note surfaces charcoal, with their labels. */
html.ysa-connected-preview[data-ysa-theme="dark"] :is(.ysa-sticky-note,.ysa-sticky-note-dialog) {--sticky-color:#2A2A30;--sticky-ink:#F2F2F4}

}