/* Blank implementation. Visual authority: UX 4a–4n; real Cortex renderer contracts. */
html.ysa-connected-preview #framework_main.cdp_studio { padding:0; }
.ysa-connected-preview .ysa-cdp i[data-ysa-preview-icon] svg { display:block; width:1em; height:1em; }
.ysa-connected-preview .ysa-cdp { --cortex-nav:220px; position:relative; display:grid; grid-template-columns:var(--cortex-nav) minmax(0,1fr); grid-template-rows:auto 1fr; min-height:calc(100vh - 96px); color:var(--ysa-ink); }
.ysa-connected-preview .ysa-cdp-nav { grid-column:1; grid-row:1 / 3; min-width:0; padding:22px 12px 20px 16px; border-right:1px solid var(--ysa-line); background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-cdp-nav-brand { display:flex; align-items:center; gap:10px; min-width:0; min-height:0; margin:0; padding:0 6px 14px; font-family:var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cdp-nav-mark { display:grid; place-items:center; width:32px; height:32px; flex:none; border-radius:10px; background:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cdp-nav-title { display:grid; min-width:0; gap:2px; font-size:12px; line-height:1.45; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-nav-title strong { font-family:var(--ysa-font-sans); line-height:1.2; font-size:14px; font-weight:600; color:var(--ysa-ink); }
.ysa-connected-preview .ysa-cdp-nav-toggle { display:none; }
.ysa-connected-preview .ysa-cdp-tabs { display:flex; flex-direction:column; gap:var(--ysa-menu-group-gap); margin-top:12px; }
.ysa-connected-preview .ysa-cdp-nav-group { display:grid; gap:0; }
.ysa-connected-preview :is(.ysa-cdp-nav-label,.ysa-cdp-kicker,.ysa-cortex-analytics-eyebrow,.ysa-cortex-journey-eyebrow,.ysa-sources-eyebrow,.ysa-cdp-native-kicker) { color:var(--ysa-text-muted); font:700 10.5px/1.4 var(--ysa-font-sans); text-transform:uppercase; letter-spacing:.12em; }
.ysa-connected-preview .ysa-cdp-nav-label { padding:0 var(--ysa-menu-inset) var(--ysa-menu-heading-gap); line-height:1.45; text-align:left; }
.ysa-connected-preview .ysa-cdp-tab { display:flex; align-items:center; justify-content:flex-start; width:100%; min-height:34px; padding:7px 10px; gap:10px; border:0; border-radius:9px; background:transparent; text-align:left; font:400 13.5px/1.4 var(--ysa-font-sans); color:var(--ysa-text-2); cursor:pointer; }
.ysa-connected-preview .ysa-cdp-tab i { flex:none; width:15px; font-size:15px; text-align:center; color:var(--ysa-text-3); }
.ysa-connected-preview .ysa-cdp-tab:is(:hover,.is-active) { background:var(--ysa-canvas); color:var(--ysa-ink); }
.ysa-connected-preview .ysa-cdp-tab.is-active { font-weight:600; }
.ysa-connected-preview .ysa-cdp-tab:is(:hover,.is-active) i { color:inherit; }
.ysa-connected-preview .ysa-cdp-hero { grid-column:2; padding:28px 32px 0; min-width:0; }
.ysa-connected-preview .ysa-cdp-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:26px; }
.ysa-connected-preview .ysa-cdp-head h1 { margin:7px 0 9px; font:400 30px/1.15 var(--ysa-font-heading); letter-spacing:-.01em; }
.ysa-connected-preview .ysa-cdp-head p { max-width:640px; margin:0; color:var(--ysa-text-muted); font-size:14px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-audience-create { flex:none; }
.ysa-connected-preview .ysa-cdp:not([data-cdp-active-tab="audiences"]) .ysa-cdp-audience-create { display:none; }
.ysa-connected-preview .ysa-cdp-main { grid-column:2; padding:0 32px 32px; min-width:0; }
.ysa-connected-preview .ysa-cdp-panel { display:none; min-width:0; }
.ysa-connected-preview .ysa-cdp-panel.is-active { display:block; }
.ysa-connected-preview :is(.ysa-cdp-btn,.crfm-button) { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:7px 14px; gap:7px; border:1px solid var(--ysa-line); border-radius:10px; background:var(--ysa-sheet); color:var(--ysa-ink); font:600 13px/1.35 var(--ysa-font-sans); text-decoration:none; cursor:pointer; white-space:normal; }
.ysa-connected-preview :is(.ysa-cdp-btn,.crfm-button):hover { background:var(--ysa-canvas); }
.ysa-connected-preview .ysa-cdp-btn.is-primary { background:var(--ysa-ink); color:var(--ysa-on-ink); border-color:var(--ysa-ink); }
.ysa-connected-preview .ysa-cdp-btn.is-primary:hover { background:var(--ysa-action-hover); }
.ysa-connected-preview .ysa-cdp-btn:is(.is-danger,.danger) { color:var(--ysa-danger-text); border-color:var(--ysa-danger-line); background:var(--ysa-danger-soft); }
.ysa-connected-preview :is(.ysa-cdp-section,.ysa-cortex-analytics-card,.ysa-cortex-journey-flow-card,.ysa-cortex-journey-chart-card,.ysa-cortex-journey-focus,.crfm-card) { min-width:0; border:1px solid var(--ysa-line); border-radius:18px; background:var(--ysa-sheet); overflow:hidden; }
.ysa-connected-preview :is(.ysa-cdp-section-head,.ysa-cortex-analytics-card-head,.ysa-cortex-journey-flow-head,.crfm-heading) { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px 12px; }
.ysa-connected-preview :is(.ysa-cdp-section-head,.ysa-cortex-analytics-card-head,.crfm-heading) :is(h2,h3) { margin:0; font:400 18px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview :is(.ysa-cdp-section-head,.ysa-cortex-analytics-card-head,.crfm-heading) p { margin:5px 0 0; font-size:12.5px; line-height:1.45; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-body { padding:0 20px 20px; }
.ysa-connected-preview .ysa-cdp-section + .ysa-cdp-section { margin-top:20px; }
.ysa-connected-preview :is(.ysa-cdp-table-wrap,.ysa-cortex-analytics-table-wrap,.crfm-table-wrap) { min-width:0; overflow-x:auto; }
.ysa-connected-preview :is(.ysa-cdp-table,.ysa-cdp table,.crfm-table) { width:100%; border-collapse:collapse; border-spacing:0; color:var(--ysa-ink); font:400 13px/1.5 var(--ysa-font-sans); }
.ysa-connected-preview :is(.ysa-cdp-table,.ysa-cdp table,.crfm-table) th { height:38px; padding:9px 12px; color:var(--ysa-text-muted); font-size:11.5px; font-weight:600; text-align:left; border-bottom:1px solid var(--ysa-line); white-space:nowrap; }
.ysa-connected-preview :is(.ysa-cdp-table,.ysa-cdp table,.crfm-table) td { padding:13px 12px; border-bottom:1px solid var(--ysa-line-soft); vertical-align:middle; font-variant-numeric:tabular-nums; }
.ysa-connected-preview :is(.ysa-cdp-table,.ysa-cdp table,.crfm-table) tbody tr:last-child td { border-bottom:0; }
.ysa-connected-preview :is(.ysa-cdp-table,.crfm-table) tbody tr:hover { background:var(--ysa-canvas-tint); }
.ysa-connected-preview .ysa-cdp table td :is(small,.ysa-cdp-mini) { display:block; color:var(--ysa-text-muted); font-size:12px; margin-top:3px; }
.ysa-connected-preview :is(.ysa-cdp-mini,.ysa-cdp-note,.ysa-cdp-help,.ysa-cortex-analytics-note,.ysa-cortex-journey-method,.crfm-muted,.crfm-foot) { color:var(--ysa-text-muted); font-size:12.5px; line-height:1.5; }
.ysa-connected-preview :is(.ysa-cdp-empty,.ysa-cdp-profile-empty,.ysa-cdp-personalization-empty,.ysa-cdp-personalization-editor-empty,.ysa-cdp-widget-builder-empty,.ysa-cdp-widget-builder-inspector-empty,.ysa-sources-chart-empty) { display:grid; justify-items:center; align-content:center; gap:9px; padding:40px 20px; min-height:160px; text-align:center; color:var(--ysa-text-muted); font-size:13.5px; }
.ysa-connected-preview :is(.ysa-cdp-empty,.ysa-cdp-personalization-empty,.ysa-cdp-widget-builder-empty) strong { color:var(--ysa-ink); font:400 20px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview :is(.ysa-cdp-status,.ysa-cdp-pill,.ysa-cdp-badge,.ysa-cortex-analytics-live-badge,.ysa-sources-status,.ysa-source-sync-status,.ysa-cdp-profile-segment,.ysa-cdp-profile-feed-status,.crfm-chip) { display:inline-flex; align-items:center; gap:6px; min-height:24px; padding:3px 9px; border-radius:999px; background:var(--ysa-canvas); color:var(--ysa-text-muted); font-size:12px; font-weight:600; line-height:1.4; }
.ysa-connected-preview :is(.ysa-cdp-status,.ysa-cdp-pill,.ysa-source-sync-status):is(.is-ok,.is-active,.is-live,.is-healthy,.is-connected) { color:var(--ysa-ink); background:var(--ysa-sage-soft); }
.ysa-connected-preview :is(.ysa-cdp-status,.ysa-cdp-pill,.ysa-source-sync-status):is(.is-error,.is-failed) { color:var(--ysa-danger-text); background:var(--ysa-danger-soft); }
.ysa-connected-preview :is(.ysa-cdp-status,.ysa-cdp-pill,.ysa-source-sync-status):is(.is-warning,.is-pending) { color:var(--ysa-caution-text); background:var(--ysa-caution-soft); }
.ysa-connected-preview .ysa-cdp-overview-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:0 0 12px; font-size:12.5px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-overview-heading strong { font-weight:500; }
.ysa-connected-preview .ysa-cdp-overview-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:20px; align-items:stretch; }
.ysa-connected-preview .ysa-cdp-metric-card { position:relative; display:flex; flex-direction:column; min-width:0; min-height:144px; padding:15px 16px 11px; border:1px solid var(--ysa-line); border-radius:16px; overflow:hidden; }
.ysa-connected-preview .ysa-cdp-metric-card > span { color:var(--ysa-text-muted); font-size:12px; line-height:1.45; }
.ysa-connected-preview .ysa-cdp-metric-card > strong { font-size:26px; font-weight:600; letter-spacing:-.02em; line-height:1; margin:8px 0; }
.ysa-connected-preview .ysa-cdp-metric-card > strong.ysa-cdp-recognized-value { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.ysa-connected-preview .ysa-cdp-recognized-value > span[data-cdp-kpi] { display:inline; color:inherit; font:inherit; letter-spacing:inherit; }
.ysa-connected-preview .ysa-cdp-recognized-value > small { color:var(--ysa-text-muted); font-size:13px; font-weight:500; letter-spacing:0; white-space:nowrap; }
.ysa-connected-preview .ysa-cdp-metric-card > em { font-size:11px; color:var(--ysa-text-muted); font-style:normal; }
.ysa-connected-preview .ysa-cdp-card-trend { display:block; height:35px; margin-top:auto; padding-top:6px; }
.ysa-connected-preview .ysa-cdp-card-trend svg { display:block; width:100%; height:28px; }
.ysa-connected-preview .ysa-cdp-spark-area { fill:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cdp-spark-line { fill:none; stroke:var(--ysa-sage); stroke-width:2; }
.ysa-connected-preview .ysa-cdp-card-trend-label { display:none; }
.ysa-connected-preview .ysa-cdp-search-overview { text-align:left; font-weight:400; }
.ysa-connected-preview .ysa-cdp-search-overview > span { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.ysa-connected-preview .ysa-cdp-status-card { display:flex; flex-direction:column; align-items:start; justify-content:center; gap:10px; min-height:144px; padding:15px 16px; border:1px solid var(--ysa-line); border-radius:16px; font-size:12.5px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-status-card em { font-style:normal; font-size:11px; }
.ysa-connected-preview .ysa-cdp-overview-panels { display:grid; grid-template-columns:1.25fr 1fr; gap:20px; align-items:start; }
.ysa-connected-preview .ysa-cdp-overview-panels > .ysa-cdp-section { margin:0; }
.ysa-connected-preview .ysa-cdp-engine-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.ysa-connected-preview .ysa-cdp-ops-state { font-size:13px; font-weight:600; margin-bottom:8px; }
.ysa-connected-preview .ysa-cdp-ops-summary { font-size:13px; line-height:1.55; }
.ysa-connected-preview .ysa-cdp-ops-public { margin-top:12px; padding-top:12px; border-top:1px solid var(--ysa-line-soft); }
/* Monitor: analytics, search analytics and the aggregate customer journey. */
.ysa-connected-preview :is(.ysa-cortex-analytics-toolbar,.ysa-cortex-journey-hero,.ysa-cdp-personalization-toolbar,.crfm-header,.ysa-sources-report-head) { display:flex; align-items:start; justify-content:space-between; gap:18px; margin-bottom:20px; }
.ysa-connected-preview :is(.ysa-cortex-analytics-intro,.ysa-cortex-journey-copy,.crfm-header) :is(h2,h3) { margin:5px 0 7px; font:400 22px/1.25 var(--ysa-font-heading); }
.ysa-connected-preview :is(.ysa-cortex-analytics-intro,.ysa-cortex-journey-copy) p { color:var(--ysa-text-muted); font-size:13px; line-height:1.5; max-width:650px; margin:4px 0; }
.ysa-connected-preview :is(.ysa-cortex-analytics-control-stack,.ysa-cortex-analytics-controls,.ysa-cortex-journey-actions,.crfm-tools,.crfm-filters,.ysa-cdp-personalization-actions) { display:flex; flex-wrap:wrap; align-items:center; justify-content:end; gap:8px; }
.ysa-connected-preview .ysa-cortex-analytics-control-stack { flex-direction:column; align-items:end; }
.ysa-connected-preview .ysa-cortex-analytics-control-meta { display:flex; gap:7px; align-items:center; font-size:12px; color:var(--ysa-text-muted); }
.ysa-connected-preview :is(.ysa-analytics-analysis-nav,.ysa-cdp-personalization-views) { display:flex; gap:24px; overflow:auto; border-bottom:1px solid var(--ysa-line); margin:0 0 22px; }
.ysa-connected-preview :is(.ysa-analytics-analysis-nav,.ysa-cdp-personalization-views) :is(button,a) { flex:none; min-height:42px; padding:8px 0; border:0; border-bottom:2px solid transparent; background:none; color:var(--ysa-text-muted); font-size:13px; text-decoration:none; }
.ysa-connected-preview :is(.ysa-analytics-analysis-nav,.ysa-cdp-personalization-views) :is(.is-active,[aria-selected="true"]) { color:var(--ysa-ink); font-weight:600; border-bottom-color:var(--ysa-ink); }
.ysa-connected-preview :is(.ysa-cortex-analytics-status,.ysa-cortex-journey-status,.ysa-cdp-search-status,.crfm-status) { display:flex; align-items:center; gap:8px; color:var(--ysa-text-muted); font-size:13px; line-height:1.5; margin-bottom:16px; }
.ysa-connected-preview :is(.ysa-cortex-analytics-status,.ysa-cortex-journey-status,.crfm-status).is-error { padding:12px 16px; border:1px solid var(--ysa-danger-line); border-radius:12px; background:var(--ysa-danger-soft); color:var(--ysa-danger-text); }
.ysa-connected-preview :is(.ysa-cortex-analytics-kpis,.ysa-cortex-journey-kpis,.ysa-cdp-personalization-summary,.ysa-sources-metrics) { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 20px; }
.ysa-connected-preview :is(.ysa-cortex-analytics-kpi,.ysa-cortex-journey-kpi,.ysa-cdp-personalization-stat,.ysa-sources-metric) { min-width:0; padding:14px 16px; border:1px solid var(--ysa-line); border-radius:16px; background:var(--ysa-theme-legacy-paper,white); }
.ysa-connected-preview :is(.ysa-cortex-analytics-kpi,.ysa-cortex-journey-kpi,.ysa-cdp-personalization-stat,.ysa-sources-metric) :is(span,label,small) { color:var(--ysa-text-muted); font-size:12px; line-height:1.45; }
.ysa-connected-preview :is(.ysa-cortex-analytics-kpi,.ysa-cortex-journey-kpi,.ysa-cdp-personalization-stat,.ysa-sources-metric) > strong { display:block; margin:7px 0; font-size:26px; font-weight:600; letter-spacing:-.02em; }
.ysa-connected-preview .ysa-cortex-analytics-kpi-top { display:flex; justify-content:space-between; gap:8px; font-size:12px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cortex-analytics-kpi svg { height:28px; max-width:100%; }
.ysa-connected-preview :is(.ysa-cortex-analytics-grid,.ysa-cortex-analytics-split,.ysa-sources-charts) { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:20px; margin-bottom:20px; }
.ysa-connected-preview :is(.ysa-cortex-analytics-trend,.ysa-cortex-analytics-commercial,.ysa-cortex-analytics-secondary,.ysa-cortex-analytics-reports,.ysa-cortex-analytics-review-bars,.ysa-cortex-uplift,.ysa-cortex-search-experiment,.ysa-search-analytics-control-report) { margin-bottom:20px; border:1px solid var(--ysa-line); border-radius:18px; padding:18px 20px; min-width:0; }
.ysa-connected-preview :is(.ysa-cortex-analytics-chart,.ysa-cortex-analytics-chart canvas,.ysa-cortex-journey-chart) { width:100%; max-width:100%; min-width:0; }
.ysa-connected-preview .ysa-cortex-analytics-chart { height:220px; margin-top:20px; }
.ysa-connected-preview .ysa-cortex-analytics-chart-summary { display:flex; align-items:baseline; gap:10px; font-size:13px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cortex-analytics-chart-summary strong { color:var(--ysa-ink); font-size:30px; font-weight:600; }
.ysa-connected-preview :is(.ysa-cortex-analytics-metric-tabs,.ysa-cdp-search-preview-modes) { display:inline-flex; align-items:center; border:1px solid var(--ysa-line); padding:3px; border-radius:10px; gap:3px; }
.ysa-connected-preview :is(.ysa-cortex-analytics-metric-tabs,.ysa-cdp-search-preview-modes) button { min-height:28px; padding:4px 9px; border:0; border-radius:7px; background:none; font-size:12px; color:var(--ysa-text-muted); }
.ysa-connected-preview :is(.ysa-cortex-analytics-metric-tabs,.ysa-cdp-search-preview-modes) button.is-active { background:var(--ysa-canvas); font-weight:600; color:var(--ysa-ink); }
.ysa-connected-preview .ysa-cortex-analytics-report-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.ysa-connected-preview .ysa-cortex-analytics-report { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid var(--ysa-line); border-radius:12px; text-decoration:none; color:var(--ysa-ink); font-size:13px; }
.ysa-connected-preview .ysa-cortex-analytics-report small { display:block; color:var(--ysa-text-muted); font-size:11.5px; margin-top:3px; }
.ysa-connected-preview :is(.ysa-cortex-analytics-methodology,.ysa-cortex-journey-method) { padding:14px 0; border-top:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cortex-journey-ribbon { display:flex; min-height:64px; border-radius:12px; overflow:hidden; margin:4px 20px 18px; }
.ysa-connected-preview .ysa-cortex-journey-ribbon > * { min-width:0; display:flex; flex-direction:column; justify-content:center; gap:4px; padding:12px; background:var(--ysa-sage-soft); font-size:12px; }
.ysa-connected-preview .ysa-cortex-journey-ribbon > :nth-child(2) { background:var(--ysa-theme-legacy-soft,#C9D9D7); }
.ysa-connected-preview .ysa-cortex-journey-ribbon > :nth-child(3) { background:var(--ysa-sage); }
.ysa-connected-preview .ysa-cortex-journey-ribbon > :nth-child(4) { background:#6E9B99; color:var(--ysa-theme-legacy-inverse,white); }
.ysa-connected-preview .ysa-cortex-journey-ribbon > :nth-child(5) { background:#3B615F; color:var(--ysa-theme-legacy-inverse,white); }
.ysa-connected-preview .ysa-cortex-journey-phase-tabs { display:flex; gap:8px; margin:0 20px 20px; }
.ysa-connected-preview .ysa-cortex-journey-phase-tabs button { flex:1; padding:10px; border:1px solid var(--ysa-line); border-radius:10px; background:var(--ysa-theme-legacy-paper,white); font-size:12px; text-align:left; }
.ysa-connected-preview .ysa-cortex-journey-phase-tabs .is-active { border-color:var(--ysa-ink); background:var(--ysa-canvas); }
.ysa-connected-preview .ysa-cortex-journey-visual-grid { display:grid; grid-template-columns:1fr 1.35fr; gap:20px; margin-top:20px; }
.ysa-connected-preview :is(.ysa-cortex-journey-orbit,.ysa-cortex-journey-bars) { padding:20px; min-height:240px; }
.ysa-connected-preview .ysa-cortex-journey-focus { display:grid; grid-template-columns:auto 1fr; gap:22px; padding:24px; margin-top:20px; }
.ysa-connected-preview .ysa-cortex-journey-focus-number { font:italic 64px/1 var(--ysa-font-serif); color:var(--ysa-sage); }
.ysa-connected-preview .ysa-cortex-journey-focus-copy h3 { font:400 22px/1.3 var(--ysa-font-heading); margin:8px 0; }
/* Collect: real provider cards, aggregate reports and CSV import states. */
.ysa-connected-preview .ysa-source-groups { display:grid; gap:20px; }
.ysa-connected-preview .ysa-source-group-title { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; margin:0 0 12px; }
.ysa-connected-preview .ysa-source-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:20px; }
.ysa-connected-preview .ysa-source-card { padding:18px 20px; border:1px solid var(--ysa-line); border-radius:18px; min-width:0; }
.ysa-connected-preview .ysa-source-card header { display:flex; align-items:start; gap:10px; margin-bottom:16px; }
.ysa-connected-preview .ysa-source-card header > div { min-width:0; flex:1; }
.ysa-connected-preview .ysa-source-card h3 { font:600 15px/1.4 var(--ysa-font-sans); margin:0 0 4px; }
.ysa-connected-preview .ysa-source-card p { font-size:12.5px; color:var(--ysa-text-muted); margin:4px 0; line-height:1.5; }
.ysa-connected-preview :is(.ysa-source-provider,.ysa-sources-icon) { display:inline-grid; place-items:center; width:40px; height:40px; flex:none; border-radius:12px; background:var(--ysa-canvas); }
.ysa-connected-preview .ysa-source-entities { display:grid; gap:8px; margin:14px 0; }
.ysa-connected-preview .ysa-source-entity { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid var(--ysa-line-soft); font-size:12.5px; }
.ysa-connected-preview :is(.ysa-source-sync,.ysa-source-context,.ysa-sources-chart-note,.ysa-sources-chart-footnote) { font-size:12px; color:var(--ysa-text-muted); line-height:1.5; }
.ysa-connected-preview .ysa-source-error { color:var(--ysa-danger-text); padding:10px; background:var(--ysa-danger-soft); border-radius:10px; font-size:12.5px; }
.ysa-connected-preview .ysa-sources-chart-panel { padding:18px 20px; min-width:0; border:1px solid var(--ysa-line); border-radius:18px; }
.ysa-connected-preview .ysa-sources-chart-panel h3 { margin:0 0 18px; font:400 18px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-sources-bar-row { display:grid; grid-template-columns:minmax(80px,1fr) 2fr auto; align-items:center; gap:10px; margin:12px 0; font-size:12.5px; }
.ysa-connected-preview .ysa-sources-bar-track { height:8px; background:var(--ysa-line-soft); border-radius:999px; overflow:hidden; }
.ysa-connected-preview .ysa-sources-bar-track > * { display:block; height:100%; background:var(--ysa-sage); border-radius:inherit; }
.ysa-connected-preview .ysa-sources-import-list { display:grid; gap:0; }
.ysa-connected-preview .ysa-sources-import-item { display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid var(--ysa-line-soft); font-size:13px; }
.ysa-connected-preview .ysa-sources-import-copy { flex:1; min-width:0; }
.ysa-connected-preview .ysa-sources-import-copy small { display:block; color:var(--ysa-text-muted); margin-top:4px; }
.ysa-connected-preview .ysa-cdp-csv-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.ysa-connected-preview .ysa-cdp-csv-actions { display:flex; align-items:center; gap:10px; }
.ysa-connected-preview :is(.ysa-cdp-csv-help,.ysa-cdp-csv-guide,.ysa-cdp-csv-warning) { padding:14px 16px; border:1px solid var(--ysa-line); border-radius:12px; color:var(--ysa-text-muted); font-size:12.5px; line-height:1.5; }
/* Profiles and audiences: real list, detail, timeline and audience-builder controls. */
.ysa-connected-preview :is(.ysa-cdp-profile-filters,.ysa-cdp-audience-tools) { display:flex; flex-wrap:wrap; align-items:end; gap:10px; margin-bottom:18px; }
.ysa-connected-preview .ysa-cdp-profile-filter { display:grid; gap:6px; min-width:130px; flex:1; font-size:12px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-profile-lookup { display:flex; gap:8px; align-items:center; min-width:0; }
.ysa-connected-preview .ysa-cdp-profile-lookup.is-search { flex:2; }
.ysa-connected-preview .ysa-cdp-profile-lookup input { width:100%; min-width:0; }
.ysa-connected-preview .ysa-cdp-profile-back { display:inline-flex; gap:7px; align-items:center; margin-bottom:22px; color:var(--ysa-text-muted); font-size:13px; text-decoration:none; }
.ysa-connected-preview .ysa-cdp-profile-detail-head { display:flex; align-items:center; gap:14px; margin-bottom:24px; }
.ysa-connected-preview .ysa-cdp-profile-avatar { width:52px; height:52px; display:grid; place-items:center; flex:none; border-radius:50%; background:var(--ysa-sage-soft); color:var(--ysa-ink); font-size:19px; }
.ysa-connected-preview .ysa-cdp-profile-detail-title { min-width:0; flex:1; }
.ysa-connected-preview .ysa-cdp-profile-detail-title :is(h1,h2) { font:400 26px/1.2 var(--ysa-font-heading); margin:4px 0 6px; }
.ysa-connected-preview .ysa-cdp-profile-detail-title p { margin:4px 0; color:var(--ysa-text-muted); font-size:13px; }
.ysa-connected-preview .ysa-cdp-profile-detail-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px; }
.ysa-connected-preview :is(.ysa-cdp-profile-main,.ysa-cdp-profile-aside,.ysa-cdp-profile-stack) { display:grid; gap:20px; align-content:start; min-width:0; }
.ysa-connected-preview .ysa-cdp-profile-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.ysa-connected-preview .ysa-cdp-profile-summary > * { padding:14px; border:1px solid var(--ysa-line); border-radius:14px; min-width:0; font-size:12px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-profile-summary strong { display:block; color:var(--ysa-ink); font-size:22px; font-weight:600; margin:6px 0; }
.ysa-connected-preview .ysa-cdp-profile-journey-track { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; margin-bottom:16px; }
.ysa-connected-preview .ysa-cdp-profile-journey-step { padding:10px; background:var(--ysa-canvas); border:1px solid transparent; border-radius:10px; font-size:12px; }
.ysa-connected-preview .ysa-cdp-profile-journey-step.is-active { border-color:var(--ysa-ink); background:var(--ysa-sage-soft); }
.ysa-connected-preview :is(.ysa-cdp-profile-journey-current,.ysa-cdp-profile-ai-summary) { padding:14px 16px; border-radius:12px; background:var(--ysa-soft-panel); font-size:13px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-profile-facts { display:grid; gap:0; }
.ysa-connected-preview .ysa-cdp-profile-facts > * { display:flex; justify-content:space-between; gap:14px; border-bottom:1px solid var(--ysa-line-soft); padding:10px 0; font-size:12.5px; }
.ysa-connected-preview :is(.ysa-cdp-profile-identities,.ysa-cdp-profile-audiences,.ysa-cdp-profile-feeds) { display:flex; flex-wrap:wrap; gap:8px; }
.ysa-connected-preview :is(.ysa-cdp-profile-identity,.ysa-cdp-profile-audience) { padding:8px 10px; border:1px solid var(--ysa-line); border-radius:10px; font-size:12px; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cdp-profile-feed-list { display:grid; gap:8px; width:100%; }
.ysa-connected-preview .ysa-cdp-profile-feed { border:1px solid var(--ysa-line); border-radius:12px; overflow:hidden; }
.ysa-connected-preview .ysa-cdp-profile-feed-toggle { width:100%; display:flex; justify-content:space-between; align-items:center; padding:12px; gap:12px; background:var(--ysa-theme-legacy-paper,white); border:0; text-align:left; font-size:13px; }
.ysa-connected-preview .ysa-cdp-profile-feed-panel { padding:0 12px 12px; font-size:12.5px; }
.ysa-connected-preview .ysa-cdp-audience-summary { color:var(--ysa-text-muted); font:italic 18px/1.4 var(--ysa-font-serif); margin-bottom:16px; }
.ysa-connected-preview .ysa-cdp-audience-form { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.ysa-connected-preview .ysa-cdp-audience-field { display:grid; gap:7px; font-size:12.5px; }
.ysa-connected-preview .ysa-cdp-audience-field.is-wide { grid-column:1 / -1; }
.ysa-connected-preview .ysa-cdp-audience-criteria { padding:14px; border:1px solid var(--ysa-line); border-left:4px solid var(--ysa-sage); border-radius:12px; }
.ysa-connected-preview .ysa-cdp-audience-builder-footer { display:flex; justify-content:end; gap:8px; padding-top:16px; border-top:1px solid var(--ysa-line); grid-column:1 / -1; }
/* RFM keeps configured segment semantics and colours, with the artboard plot layout. */
.ysa-connected-preview .crfm-overview { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr); gap:20px; }
.ysa-connected-preview .crfm-summary { display:flex; flex-wrap:wrap; gap:20px; color:var(--ysa-text-muted); font-size:13px; margin:0 0 20px; }
.ysa-connected-preview .crfm-map { min-width:0; padding:20px; }
.ysa-connected-preview .crfm-plot { position:relative; height:400px; background:var(--ysa-canvas-tint); border:1px solid var(--ysa-line-faint); border-radius:14px; overflow:hidden; }
.ysa-connected-preview .crfm-plot svg { display:block; width:100%; height:100%; }
.ysa-connected-preview .crfm-labels { position:absolute; inset:0; }
.ysa-connected-preview .crfm-segment-button { position:absolute; display:flex; align-items:center; gap:6px; padding:5px 8px; border:1px solid var(--segment-color,var(--ysa-sage)); border-radius:999px; background:var(--ysa-theme-legacy-paper,white); color:var(--ysa-ink); font-size:11.5px; white-space:nowrap; transform:translate(-50%,-50%); }
.ysa-connected-preview .crfm-icon { width:7px; height:7px; border-radius:50%; background:var(--segment-color,var(--ysa-sage)); }
.ysa-connected-preview .crfm-detail { padding:20px; border-left:3px solid var(--segment-color,var(--ysa-sage)); }
.ysa-connected-preview .crfm-detail h3 { margin:8px 0; font:400 22px/1.25 var(--ysa-font-heading); }
.ysa-connected-preview .crfm-detail-copy { color:var(--ysa-text-muted); font-size:13.5px; line-height:1.5; }
.ysa-connected-preview .crfm-detail-stats { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:20px 0; }
.ysa-connected-preview .crfm-stat { font-size:12px; color:var(--ysa-text-muted); }
.ysa-connected-preview .crfm-stat strong { display:block; font-size:18px; font-weight:600; color:var(--ysa-ink); margin-top:5px; }
.ysa-connected-preview .crfm-next { padding-top:16px; border-top:1px solid var(--ysa-line); font-size:13px; line-height:1.5; }
.ysa-connected-preview .crfm-table td { padding:8px 10px; }
.ysa-connected-preview .crfm-table .is-selected { background:var(--ysa-canvas); }
.ysa-connected-preview .crfm-guide { margin-top:20px; border-top:1px solid var(--ysa-line); padding-top:16px; font-size:12.5px; color:var(--ysa-text-muted); }
/* Search, product-feed and settings controls. Customer-authored preview contents are untouched. */
.ysa-connected-preview .ysa-cdp-feed-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr); gap:20px; }
.ysa-connected-preview .ysa-cdp-feed-item { display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid var(--ysa-line-soft); }
.ysa-connected-preview .ysa-cdp-feed-copy { min-width:0; flex:1; font-size:13px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-feed-meta { color:var(--ysa-text-muted); font-size:12px; margin-top:4px; }
.ysa-connected-preview .ysa-cdp-feed-form { display:grid; gap:14px; }
.ysa-connected-preview :is(.ysa-cdp-feed-endpoint,.ysa-cdp-feed-json,.ysa-cdp-install-code) { padding:16px; border-radius:12px; background:var(--ysa-ink); color:var(--ysa-on-ink); font:12px/1.6 var(--ysa-font-mono); white-space:pre-wrap; overflow-wrap:anywhere; overflow:auto; max-width:100%; }
.ysa-connected-preview .ysa-cdp-feed-output { margin-top:16px; padding-top:16px; border-top:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-feed-preview { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.ysa-connected-preview .ysa-cdp-search-workbench { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:20px; align-items:start; }
.ysa-connected-preview .ysa-cdp-search-form { display:grid; gap:18px; min-width:0; }
.ysa-connected-preview .ysa-cdp-search-group { border:1px solid var(--ysa-line); border-radius:18px; padding:18px 20px; min-width:0; }
.ysa-connected-preview .ysa-cdp-search-group-head { margin-bottom:18px; }
.ysa-connected-preview .ysa-cdp-search-group-head h3 { font:400 18px/1.3 var(--ysa-font-heading); margin:0 0 6px; }
.ysa-connected-preview .ysa-cdp-search-group-head p { color:var(--ysa-text-muted); font-size:12.5px; margin:0; line-height:1.5; }
.ysa-connected-preview :is(.ysa-cdp-search-grid,.ysa-cdp-search-toggle-grid,.ysa-cdp-native-effect-grid) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.ysa-connected-preview :is(.ysa-cdp-search-toggle,.ysa-cdp-search-profile-field) { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 0; border-bottom:1px solid var(--ysa-line-soft); font-size:13px; }
.ysa-connected-preview .ysa-cdp-search-toggle-copy { flex:1; min-width:0; }
.ysa-connected-preview .ysa-cdp-search-toggle-copy small { display:block; color:var(--ysa-text-muted); font-size:12px; margin-top:4px; line-height:1.45; }
.ysa-connected-preview .ysa-cdp-search-actions { display:flex; flex-wrap:wrap; justify-content:end; gap:8px; }
.ysa-connected-preview .ysa-cdp-search-callout { padding:14px 16px; border-radius:12px; background:var(--ysa-soft-panel); font-size:12.5px; line-height:1.55; }
.ysa-connected-preview .ysa-cdp-search-advanced { border-top:1px solid var(--ysa-line); padding-top:14px; }
.ysa-connected-preview .ysa-cdp-search-advanced summary { cursor:pointer; font-size:13px; font-weight:600; }
.ysa-connected-preview .ysa-cdp-search-advanced-body { padding-top:16px; }
.ysa-connected-preview .ysa-cdp-search-preview { border:1px solid var(--ysa-line); border-radius:18px; padding:16px; min-width:0; }
.ysa-connected-preview .ysa-cdp-search-preview-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:16px; }
.ysa-connected-preview .ysa-cdp-search-preview-head h3 { font:400 18px/1.3 var(--ysa-font-heading); margin:0; }
.ysa-connected-preview .ysa-cdp-search-preview-stage { padding:12px; background:var(--ysa-canvas-tint); border-radius:16px; min-height:360px; overflow:auto; }
.ysa-connected-preview .ysa-cdp-install-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:20px; }
.ysa-connected-preview :is(.ysa-cdp-install-copy,.ysa-cdp-install-option,.ysa-cdp-native-effect,.ysa-cdp-start-layer-setting) { padding:18px 20px; border:1px solid var(--ysa-line); border-radius:18px; min-width:0; }
.ysa-connected-preview :is(.ysa-cdp-install-copy,.ysa-cdp-install-option,.ysa-cdp-native-effect,.ysa-cdp-start-layer-setting) h3 { margin:0 0 12px; font:400 18px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview :is(.ysa-cdp-install-copy,.ysa-cdp-install-option,.ysa-cdp-native-effect,.ysa-cdp-start-layer-setting) p { color:var(--ysa-text-muted); font-size:13px; line-height:1.55; }
.ysa-connected-preview :is(.ysa-cdp-install-actions,.ysa-cdp-server-key-row,.ysa-cdp-test-mode,.ysa-cdp-cortex-toggle) { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:16px; }
/* Personalization: overview, location/content editors, AI workflow, launch review and template picker. */
.ysa-connected-preview .ysa-cdp-personalization-page-head { display:flex; justify-content:space-between; gap:20px; margin-bottom:18px; }
.ysa-connected-preview .ysa-cdp-personalization-workspace { display:grid; grid-template-columns:280px minmax(0,1fr); gap:20px; min-height:420px; }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview { grid-template-columns:minmax(0,1fr); }
.ysa-connected-preview :is(.ysa-cdp-personalization-pane,.ysa-cdp-native-side-card,.ysa-cdp-native-readiness,.ysa-cdp-personalization-gate,.ysa-cdp-personalization-runtime-state) { min-width:0; border:1px solid var(--ysa-line); border-radius:18px; padding:18px 20px; background:var(--ysa-theme-legacy-paper,white); }
.ysa-connected-preview .ysa-cdp-personalization-pane-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.ysa-connected-preview .ysa-cdp-personalization-pane-head h3 { font:400 18px/1.3 var(--ysa-font-heading); margin:0; }
.ysa-connected-preview .ysa-cdp-personalization-list { display:grid; gap:8px; }
.ysa-connected-preview .ysa-cdp-personalization-list > button { padding:12px; border:1px solid var(--ysa-line); border-radius:12px; background:var(--ysa-theme-legacy-paper,white); text-align:left; font-size:13px; }
.ysa-connected-preview .ysa-cdp-personalization-list > button.is-active { border-color:var(--ysa-ink); background:var(--ysa-canvas); }
.ysa-connected-preview :is(.ysa-cdp-personalization-editor-toolbar,.ysa-cdp-native-component-header,.ysa-cdp-native-component-footer,.ysa-cdp-native-footer) { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; padding-bottom:16px; margin-bottom:20px; border-bottom:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-personalization-editor-title { min-width:0; flex:1; }
.ysa-connected-preview .ysa-cdp-personalization-editor-title h3 { font:400 22px/1.3 var(--ysa-font-heading); margin:0 0 4px; }
.ysa-connected-preview .ysa-cdp-personalization-form { display:grid; gap:20px; }
.ysa-connected-preview .ysa-cdp-personalization-stepper { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.ysa-connected-preview .ysa-cdp-personalization-step { display:flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid var(--ysa-line); border-radius:10px; background:var(--ysa-theme-legacy-paper,white); font-size:12.5px; }
.ysa-connected-preview .ysa-cdp-personalization-step.is-active { background:var(--ysa-canvas); border-color:var(--ysa-ink); }
.ysa-connected-preview .ysa-cdp-personalization-step-number { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--ysa-canvas); font-size:11px; }
.ysa-connected-preview .ysa-cdp-personalization-step.is-active .ysa-cdp-personalization-step-number { color:var(--ysa-theme-legacy-action-ink,white); background:var(--ysa-ink); }
.ysa-connected-preview :is(.ysa-cdp-personalization-form-section,.ysa-cdp-personalization-step-panel,.ysa-cdp-native-step-panel) { min-width:0; }
.ysa-connected-preview :is(.ysa-cdp-personalization-fields,.ysa-cdp-native-copy-source-fields,.ysa-cdp-widget-builder-fields) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.ysa-connected-preview :is(.ysa-cdp-personalization-fields,.ysa-cdp-native-copy-source-fields) label { display:grid; gap:7px; font-size:12.5px; }
.ysa-connected-preview .ysa-cdp-personalization-heading h3 { margin:4px 0 8px; font:400 22px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview :is(.ysa-cdp-personalization-heading,.ysa-cdp-native-lead) p { margin:0 0 20px; font-size:13.5px; line-height:1.55; color:var(--ysa-text-muted); max-width:680px; }
.ysa-connected-preview :is(.ysa-cdp-personalization-disclosure,.ysa-cdp-native-advanced,.ysa-cdp-native-compile-advanced,.ysa-cdp-native-technical-review,.ysa-cdp-native-repeat-review) { border:1px solid var(--ysa-line); border-radius:12px; padding:14px 16px; margin:16px 0; }
.ysa-connected-preview :is(.ysa-cdp-personalization-disclosure,.ysa-cdp-native-advanced,.ysa-cdp-native-technical-review) summary { cursor:pointer; font-size:13px; font-weight:600; }
.ysa-connected-preview .ysa-cdp-personalization-disclosure-content { margin-top:14px; }
.ysa-connected-preview :is(.ysa-cdp-native-selection-summary,.ysa-cdp-native-blueprint-review,.ysa-cdp-native-simple-summary,.ysa-cdp-native-selected-details,.ysa-cdp-native-holdout,.ysa-cdp-native-component-intro) { padding:16px; border:1px solid var(--ysa-line); border-radius:14px; margin:16px 0; font-size:13px; line-height:1.55; }
.ysa-connected-preview .ysa-cdp-native-step-panel { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:20px; }
.ysa-connected-preview .ysa-cdp-native-step-wide { grid-column:1 / -1; }
.ysa-connected-preview :is(.ysa-cdp-native-detail-list,.ysa-cdp-native-checklist) { display:grid; gap:10px; font-size:12.5px; line-height:1.55; }
.ysa-connected-preview .ysa-cdp-native-side-note { padding:14px 16px; background:var(--ysa-soft-panel); border-radius:12px; color:var(--ysa-text-muted); font-size:12.5px; line-height:1.55; }
.ysa-connected-preview :is(.ysa-cdp-personalization-options,.ysa-cdp-personalization-surface-choices,.ysa-cdp-native-copy-style-choice,.ysa-cdp-native-objectives) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ysa-connected-preview :is(.ysa-cdp-personalization-option,.ysa-cdp-personalization-surface-choice,.ysa-cdp-native-copy-profile-option) { position:relative; display:flex; align-items:start; gap:12px; padding:16px; border:1px solid var(--ysa-line); border-radius:14px; background:var(--ysa-theme-legacy-paper,white); text-align:left; color:var(--ysa-ink); font-size:13px; line-height:1.5; cursor:pointer; }
.ysa-connected-preview :is(.ysa-cdp-personalization-option,.ysa-cdp-personalization-surface-choice):is(.is-active,.is-selected,:has(input:checked)) { border-color:var(--ysa-ink); background:var(--ysa-canvas); }
.ysa-connected-preview :is(.ysa-cdp-personalization-option,.ysa-cdp-personalization-surface-choice) small { display:block; color:var(--ysa-text-muted); font-size:12px; margin-top:5px; }
.ysa-connected-preview .ysa-cdp-personalization-step-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px 0 0; border-top:1px solid var(--ysa-line); margin-top:24px; }
.ysa-connected-preview :is(.ysa-cdp-personalization-create-dialog,.ysa-cdp-personalization-assistant-dialog,.ysa-cdp-personalization-onboarding-dialog,.ysa-cdp-live-confirm-dialog,.ysa-cdp-widget-template-dialog) { position:fixed; inset:0; z-index:1300; display:grid; place-items:center; padding:28px; background:var(--ysa-on-ink-overlay); overflow:auto; }
.ysa-connected-preview :is(.ysa-cdp-personalization-create-modal,.ysa-cdp-personalization-assistant-modal,.ysa-cdp-personalization-onboarding-modal,.ysa-cdp-live-confirm-card,.ysa-cdp-widget-template-modal) { position:relative; width:min(100%,1000px); max-height:calc(100vh - 56px); overflow:auto; padding:28px; border:1px solid var(--ysa-line); border-radius:24px; background:var(--ysa-sheet); box-shadow:var(--ysa-shadow-menu); }
.ysa-connected-preview .ysa-cdp-live-confirm-card { max-width:500px; }
.ysa-connected-preview :is(.ysa-cdp-personalization-assistant-close,.ysa-cdp-personalization-onboarding-close) { position:absolute; right:18px; top:18px; display:grid; place-items:center; width:34px; height:34px; border:0; border-radius:10px; background:var(--ysa-canvas); }
.ysa-connected-preview :is(.ysa-cdp-personalization-assistant-heading,.ysa-cdp-personalization-onboarding-intro) h2 { margin:0 0 10px; font:400 28px/1.2 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-personalization-onboarding-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:26px; margin-top:24px; }
.ysa-connected-preview .ysa-cdp-personalization-onboarding-steps { display:grid; gap:8px; }
.ysa-connected-preview .ysa-cdp-personalization-onboarding-step { display:flex; gap:10px; align-items:center; padding:12px; border:1px solid var(--ysa-line); border-radius:12px; background:var(--ysa-theme-legacy-paper,white); font-size:13px; text-align:left; }
.ysa-connected-preview .ysa-cdp-personalization-onboarding-step.is-active { background:var(--ysa-sage-soft); border-color:var(--ysa-sage); }
.ysa-connected-preview :is(.ysa-cdp-personalization-assistant-fields,.ysa-cdp-personalization-onboarding-fields) { display:grid; gap:14px; }
.ysa-connected-preview :is(.ysa-cdp-personalization-assistant-actions,.ysa-cdp-live-confirm-actions,.ysa-cdp-native-footer-actions) { display:flex; justify-content:end; gap:8px; margin-top:20px; }
.ysa-connected-preview .ysa-cdp-personalization-report { border:1px solid var(--ysa-line); border-radius:18px; padding:20px; margin-bottom:20px; }
.ysa-connected-preview .ysa-cdp-personalization-report-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px; }
.ysa-connected-preview .ysa-cdp-personalization-report-funnel { display:flex; gap:10px; }
.ysa-connected-preview .ysa-cdp-personalization-report-step { flex:1; padding:14px; border-radius:12px; background:var(--ysa-canvas); font-size:12.5px; }
.ysa-connected-preview .ysa-cdp-widget-builder { min-width:0; border:1px solid var(--ysa-line); border-radius:18px; overflow:hidden; }
.ysa-connected-preview .ysa-cdp-widget-builder-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 18px; border-bottom:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-widget-builder-workbench { display:grid; grid-template-columns:180px minmax(0,1fr) 240px; min-height:420px; }
.ysa-connected-preview :is(.ysa-cdp-widget-builder-palette,.ysa-cdp-widget-builder-inspector) { padding:16px; background:var(--ysa-theme-legacy-paper,white); }
.ysa-connected-preview .ysa-cdp-widget-builder-palette { border-right:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-widget-builder-inspector { border-left:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-widget-builder-canvas-shell { padding:20px; background:var(--ysa-canvas-tint); min-width:0; overflow:auto; }
.ysa-connected-preview .ysa-cdp-widget-builder-palette-list { display:grid; gap:8px; }
.ysa-connected-preview .ysa-cdp-widget-builder-palette-item { padding:10px; border:1px solid var(--ysa-line); border-radius:10px; background:var(--ysa-theme-legacy-paper,white); font-size:12px; text-align:left; }
.ysa-connected-preview .ysa-cdp-widget-template-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
/* Responsive behavior follows the supplied 5e module navigation and stacked content. */
@media (min-width:1600px) { .ysa-connected-preview .ysa-cdp-overview-grid { grid-template-columns:repeat(7,minmax(0,1fr)); } }
@media (max-width:1250px) {
 .ysa-connected-preview .ysa-cdp { --cortex-nav:220px; }
 .ysa-connected-preview :is(.ysa-cdp-hero,.ysa-cdp-main) { padding-left:24px; padding-right:24px; }
 .ysa-connected-preview .ysa-source-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ysa-connected-preview :is(.ysa-cdp-search-workbench,.ysa-cdp-install-grid,.ysa-cdp-profile-detail-grid,.ysa-cdp-native-step-panel) { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cdp-search-preview { max-width:600px; }
 .ysa-connected-preview .ysa-cdp-widget-builder-workbench { grid-template-columns:160px minmax(0,1fr); }
 .ysa-connected-preview .ysa-cdp-widget-builder-inspector { grid-column:1 / -1; border-left:0; border-top:1px solid var(--ysa-line); }
}
@media (max-width:1000px) {
 .ysa-connected-preview :is(.ysa-cdp-overview-panels,.ysa-cortex-analytics-grid,.ysa-cortex-analytics-split,.ysa-cortex-journey-visual-grid,.ysa-cdp-feed-grid,.crfm-overview,.ysa-sources-charts) { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview :is(.ysa-cdp-overview-grid,.ysa-cortex-analytics-kpis,.ysa-cortex-journey-kpis,.ysa-cdp-personalization-summary,.ysa-sources-metrics) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ysa-connected-preview .ysa-cdp-personalization-workspace { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cdp-personalization-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:800px) {
 .ysa-connected-preview .ysa-cdp { display:block; min-height:calc(100dvh - 122px); }
 .ysa-connected-preview .ysa-cdp-nav { position:relative; z-index:10; border-right:0; border-bottom:1px solid var(--ysa-line); padding:0 16px; background:var(--ysa-theme-legacy-paper,white); }
 .ysa-connected-preview .ysa-cdp-nav-brand { display:none; }
 .ysa-connected-preview .ysa-cdp-nav-toggle { width:100%; min-height:56px; display:flex; align-items:center; justify-content:space-between; padding:10px 0; border:0; background:none; color:var(--ysa-ink); text-align:left; }
 .ysa-connected-preview .ysa-cdp-nav-toggle > span { display:flex; align-items:center; gap:12px; font-size:13px; }
 .ysa-connected-preview .ysa-cdp-nav-current { color:var(--ysa-text-muted); }
 .ysa-connected-preview .ysa-cdp-tabs { display:none; padding:10px 0 18px; gap:18px; }
 .ysa-connected-preview .ysa-cdp-nav.is-open .ysa-cdp-tabs,.ysa-connected-preview .ysa-cdp-nav-toggle[aria-expanded="true"] + .ysa-cdp-tabs { display:flex; }
 .ysa-connected-preview :is(.ysa-cdp-hero,.ysa-cdp-main) { padding-left:20px; padding-right:20px; }
 .ysa-connected-preview .ysa-cdp-hero { padding-top:24px; }
 .ysa-connected-preview .ysa-cdp-head { align-items:start; margin-bottom:24px; gap:12px; }
 .ysa-connected-preview .ysa-cdp-head h1 { font-size:30px; }
 .ysa-connected-preview .ysa-cdp-head p { font-size:13px; }
 .ysa-connected-preview .ysa-cdp-overview-heading { display:block; line-height:1.5; }
 .ysa-connected-preview .ysa-cdp-overview-heading span { display:block; font-size:11px; }
 .ysa-connected-preview .ysa-cdp-profile-detail-head { flex-wrap:wrap; }
 .ysa-connected-preview .ysa-cdp-profile-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ysa-connected-preview .ysa-cortex-analytics-toolbar { flex-direction:column; }
 .ysa-connected-preview .ysa-cortex-analytics-control-stack { align-items:start; }
 .ysa-connected-preview .ysa-cdp-personalization-onboarding-layout { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cdp-personalization-onboarding-steps { display:flex; overflow:auto; }
 .ysa-connected-preview .ysa-cdp-personalization-onboarding-step { flex:none; }
}
@media (max-width:480px) {
 .ysa-connected-preview :is(.ysa-cdp-hero,.ysa-cdp-main) { padding-left:16px; padding-right:16px; }
 .ysa-connected-preview .ysa-cdp-head { flex-wrap:wrap; }
 .ysa-connected-preview :is(.ysa-source-cards,.ysa-cdp-search-grid,.ysa-cdp-search-toggle-grid,.ysa-cdp-native-effect-grid,.ysa-cdp-csv-form,.ysa-cdp-personalization-fields,.ysa-cdp-native-copy-source-fields,.ysa-cdp-personalization-options,.ysa-cdp-personalization-surface-choices,.ysa-cdp-native-copy-style-choice,.ysa-cdp-native-objectives,.ysa-cdp-personalization-list,.ysa-cortex-analytics-report-grid,.ysa-cdp-widget-template-gallery) { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cdp-metric-card { min-height:138px; padding:13px 12px; }
 .ysa-connected-preview .ysa-cdp-metric-card > strong { font-size:25px; }
 .ysa-connected-preview .ysa-cdp-status-card { align-items:start; flex-wrap:wrap; }
 .ysa-connected-preview .ysa-cortex-journey-phase-tabs { overflow:auto; }
 .ysa-connected-preview .ysa-cortex-journey-phase-tabs button { min-width:100px; }
 .ysa-connected-preview .ysa-cortex-journey-focus { gap:14px; padding:18px; }
 .ysa-connected-preview .ysa-cortex-journey-focus-number { font-size:52px; }
 .ysa-connected-preview .crfm-plot { height:300px; }
 .ysa-connected-preview .ysa-cdp-audience-form { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cdp-personalization-report-funnel { flex-direction:column; }
 .ysa-connected-preview .ysa-cdp-widget-builder-workbench { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cdp-widget-builder-palette { border-right:0; border-bottom:1px solid var(--ysa-line); }
 .ysa-connected-preview .ysa-cdp-widget-builder-palette-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ysa-connected-preview :is(.ysa-cdp-personalization-create-dialog,.ysa-cdp-personalization-assistant-dialog,.ysa-cdp-personalization-onboarding-dialog,.ysa-cdp-live-confirm-dialog,.ysa-cdp-widget-template-dialog) { padding:12px; }
 .ysa-connected-preview :is(.ysa-cdp-personalization-create-modal,.ysa-cdp-personalization-assistant-modal,.ysa-cdp-personalization-onboarding-modal,.ysa-cdp-live-confirm-card,.ysa-cdp-widget-template-modal) { padding:20px; max-height:calc(100dvh - 24px); }
}
/* Shipped form and report renderers: reusable control anatomy, not legacy styles. */
.ysa-connected-preview .ysa-cdp-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; min-width:0; }
.ysa-connected-preview .ysa-cdp-field { display:flex; flex-direction:column; align-items:stretch; gap:7px; min-width:0; font-size:12.5px; line-height:1.45; }
.ysa-connected-preview :is(.ysa-cdp-field,.ysa-cdp-personalization-field) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea) { width:100%; min-width:0; max-width:100%; }
.ysa-connected-preview :is(.ysa-cdp-field,.ysa-cdp-personalization-field) small { font-size:11.5px; line-height:1.5; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp :is(.is-wide,.ysa-cdp-actions) { grid-column:1 / -1; }
.ysa-connected-preview .ysa-cdp-actions { display:flex; align-items:center; justify-content:end; flex-wrap:wrap; gap:8px; margin-top:8px; }
.ysa-connected-preview .ysa-cdp-rule-head-actions { display:flex; gap:8px; }
.ysa-connected-preview .ysa-cdp-rule-editor { padding:20px; margin:0 20px 20px; background:var(--ysa-canvas-tint); border:1px solid var(--ysa-line); border-radius:14px; }
.ysa-connected-preview .ysa-cdp-rule-editor-head { display:flex; align-items:start; justify-content:space-between; gap:16px; margin-bottom:18px; }
.ysa-connected-preview .ysa-cdp-rule-editor-head h3 { margin:0 0 6px; font:400 20px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-rule-editor-head p { margin:0; color:var(--ysa-text-muted); font-size:12.5px; }
.ysa-connected-preview .ysa-cdp-rule-editor-actions { display:flex; justify-content:end; gap:8px; margin-top:18px; }
.ysa-connected-preview .ysa-cdp :is(.ysa-cortex-analytics,.ysa-cortex-journey) { --cortex-accent:var(--ysa-sage); --cortex-phase-4:var(--ysa-ink); }
.ysa-connected-preview .ysa-cortex-analytics-kpi .spark-area { fill:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cortex-analytics-kpi .spark-line { fill:none; stroke:var(--ysa-sage); stroke-width:2; }
.ysa-connected-preview .ysa-cortex-analytics-chart svg { width:100%; height:100%; overflow:visible; }
.ysa-connected-preview .ysa-cortex-analytics-chart .area { fill:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cortex-analytics-chart .line { fill:none; stroke:var(--ysa-ink); stroke-width:1.5; }
.ysa-connected-preview .ysa-cortex-analytics-chart :is(.grid,line) { stroke:var(--ysa-line-faint); stroke-width:1; }
.ysa-connected-preview .ysa-cortex-analytics-chart text { fill:var(--ysa-text-faint); font:10px var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-analytics-insight { padding:13px 0; border-bottom:1px solid var(--ysa-line-soft); font-size:12.5px; line-height:1.5; }
.ysa-connected-preview .ysa-cortex-analytics-insight:first-child { padding-top:0; }
.ysa-connected-preview .ysa-cortex-analytics-insight > strong { font-size:13px; font-weight:600; }
.ysa-connected-preview .ysa-cortex-analytics-insight p { margin:5px 0 0; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cortex-analytics-review-row { display:grid; grid-template-columns:70px minmax(0,1fr) 50px; align-items:center; gap:10px; margin:12px 0; font-size:12px; }
.ysa-connected-preview .ysa-cortex-analytics-review-row > div { height:8px; overflow:hidden; background:var(--ysa-line-soft); border-radius:999px; }
.ysa-connected-preview .ysa-cortex-analytics-review-row > div > span { display:block; height:100%; background:var(--ysa-sage); border-radius:inherit; }
.ysa-connected-preview .ysa-cortex-uplift-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:24px; }
.ysa-connected-preview .ysa-cortex-uplift-head > div { min-width:0; }
.ysa-connected-preview .ysa-cortex-uplift-head h2 { margin:8px 0; font:400 20px/1.25 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cortex-uplift-head p { max-width:76ch; margin:0; color:var(--ysa-text-3); font:400 13px/1.55 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-uplift-split { flex:none; padding:6px 10px; border:1px solid var(--ysa-line-soft); border-radius:999px; background:var(--ysa-canvas); color:var(--ysa-text-3); font:500 12px/1.45 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-uplift-cohort { margin-top:24px; }
.ysa-connected-preview .ysa-cortex-uplift-cohort > h3 { margin:0 0 12px; color:var(--ysa-text); font:400 18px/1.25 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cortex-uplift-bar { display:block; margin-top:6px; }
@media (min-width:1280px) {
 .ysa-connected-preview .ysa-cortex-uplift-cohorts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
}
.ysa-connected-preview .ysa-cortex-uplift-body,.ysa-connected-preview .ysa-cortex-uplift-comparison { display:grid; min-width:0; gap:20px; }
.ysa-connected-preview .ysa-cortex-uplift-body > * { min-width:0; }
.ysa-connected-preview .ysa-cortex-uplift-verdict { display:grid; gap:8px; padding:20px; background:var(--ysa-soft-panel); border-radius:14px; }
.ysa-connected-preview .ysa-cortex-uplift-verdict > span { display:block; color:var(--ysa-text-3); font:600 12px/1.45 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-uplift-verdict > strong { display:block; color:var(--ysa-text); font:400 30px/1.15 var(--ysa-font-heading); font-variant-numeric:tabular-nums; }
.ysa-connected-preview .ysa-cortex-uplift-verdict > p { margin:0; color:var(--ysa-text-3); font:400 13px/1.55 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-uplift-arms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0; }
.ysa-connected-preview .ysa-cortex-uplift-arm { display:grid; align-content:start; min-width:0; gap:8px; padding:16px; border:1px solid var(--ysa-line); border-radius:14px; }
.ysa-connected-preview .ysa-cortex-uplift-arm > span { display:block; color:var(--ysa-text-2); font:600 13px/1.45 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-uplift-arm > strong { display:block; margin:0; color:var(--ysa-text); font:400 26px/1.2 var(--ysa-font-heading); font-variant-numeric:tabular-nums; }
.ysa-connected-preview .ysa-cortex-uplift-arm > small { display:block; color:var(--ysa-text-muted); font:400 12px/1.55 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-uplift-revenue { display:grid; min-width:0; gap:12px; }
.ysa-connected-preview .ysa-cortex-uplift-revenue > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); min-width:0; gap:8px 20px; padding:16px; border:1px solid var(--ysa-line); border-radius:14px; }
.ysa-connected-preview .ysa-cortex-uplift-revenue > div > strong { display:block; grid-column:1 / -1; color:var(--ysa-text); font:600 13px/1.45 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-uplift-revenue > div > span { display:block; min-width:0; color:var(--ysa-text-3); font:400 13px/1.55 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-uplift-revenue > div > b { display:block; grid-column:1 / -1; margin-top:4px; padding-top:12px; border-top:1px solid var(--ysa-line-soft); color:var(--ysa-text); font:600 14px/1.45 var(--ysa-font-sans); font-variant-numeric:tabular-nums; }
.ysa-connected-preview :is(.ysa-cortex-uplift-verdict > strong,.ysa-cortex-uplift-revenue > div > b).is-positive { color:var(--ysa-ok); }
.ysa-connected-preview :is(.ysa-cortex-uplift-verdict > strong,.ysa-cortex-uplift-revenue > div > b).is-negative { color:var(--ysa-danger-text); }
.ysa-connected-preview .ysa-cortex-uplift-paused,.ysa-connected-preview .ysa-cortex-uplift-note { margin:0; padding:16px; border:1px solid var(--ysa-line-soft); border-radius:14px; font:400 13px/1.6 var(--ysa-font-sans); overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cortex-uplift-paused { background:var(--ysa-caution-soft); color:var(--ysa-caution-text); }
.ysa-connected-preview .ysa-cortex-uplift-note { background:var(--ysa-canvas-tint); color:var(--ysa-text-muted); }
@media(max-width:720px){
 .ysa-connected-preview .ysa-cortex-uplift-head { flex-direction:column; gap:12px; }
 .ysa-connected-preview .ysa-cortex-uplift-body,.ysa-connected-preview .ysa-cortex-uplift-comparison { gap:16px; }
 .ysa-connected-preview .ysa-cortex-uplift-verdict { padding:16px; }
 .ysa-connected-preview .ysa-cortex-uplift-verdict > strong { font-size:26px; }
}
@media(max-width:520px){
 .ysa-connected-preview .ysa-cortex-uplift-revenue > div { grid-template-columns:minmax(0,1fr); }
}
/* Native analytics uses the same live markup without the legacy analytics sheet. */
.ysa-connected-preview .ysa-cortex-liquid-analytics-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:24px; }
.ysa-connected-preview .ysa-cortex-liquid-analytics-head > div { min-width:0; }
.ysa-connected-preview .ysa-cortex-liquid-analytics-head h2 { margin:8px 0; font:400 20px/1.25 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cortex-liquid-analytics-head p { margin:0; color:var(--ysa-text-3); font:400 13px/1.55 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-liquid-analytics-scope { flex:none; max-width:100%; padding:6px 10px; border:1px solid var(--ysa-line-soft); border-radius:var(--ysa-r-pill); background:var(--ysa-canvas); color:var(--ysa-text-3); font:500 12px/1.45 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-liquid-overview { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:start; gap:24px; }
.ysa-connected-preview .ysa-cortex-liquid-overview > div { display:grid; min-width:0; gap:16px; }
.ysa-connected-preview .ysa-cortex-liquid-funnel { min-width:0; padding:20px 16px 16px; border:1px solid var(--ysa-line); border-radius:var(--ysa-r-card); background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-cortex-liquid-funnel-bar { display:flex; gap:4px; }
.ysa-connected-preview .ysa-cortex-liquid-funnel-bar > span { display:grid; flex:1 1 0; min-width:0; min-height:72px; place-items:center; padding:12px 2px; border-radius:var(--ysa-r-item); background:var(--ysa-canvas-tint); }
.ysa-connected-preview .ysa-cortex-liquid-funnel-bar > .is-visible { background:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cortex-liquid-funnel-bar strong { color:var(--ysa-text); font:400 clamp(18px,1.4vw,24px)/1.2 var(--ysa-font-heading); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ysa-connected-preview .ysa-cortex-liquid-funnel-bar b { display:none; }
.ysa-connected-preview .ysa-cortex-liquid-funnel-labels { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; margin-top:10px; }
.ysa-connected-preview .ysa-cortex-liquid-funnel-labels > span { min-width:0; color:var(--ysa-text-3); font:500 11px/1.45 var(--ysa-font-sans); text-align:center; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cortex-liquid-summary-tiles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ysa-connected-preview .ysa-cortex-liquid-summary-tiles > div,.ysa-connected-preview .ysa-cortex-liquid-analytics-metric { display:grid; align-content:start; min-width:0; gap:8px; padding:16px; border:1px solid var(--ysa-line); border-radius:var(--ysa-r-tile); background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-cortex-liquid-summary-tiles > .is-highlight { background:var(--ysa-soft-panel); }
.ysa-connected-preview .ysa-cortex-liquid-summary-tiles strong,.ysa-connected-preview .ysa-cortex-liquid-analytics-metric strong { display:block; color:var(--ysa-text); font:400 28px/1.15 var(--ysa-font-heading); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cortex-liquid-summary-tiles span,.ysa-connected-preview .ysa-cortex-liquid-analytics-metric > span { color:var(--ysa-text-2); font:600 13px/1.45 var(--ysa-font-sans); overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cortex-liquid-summary-tiles small,.ysa-connected-preview .ysa-cortex-liquid-analytics-metric small { color:var(--ysa-text-3); font:400 12px/1.55 var(--ysa-font-sans); overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cortex-liquid-health { min-width:0; padding:20px 16px; border:1px solid var(--ysa-line); border-radius:var(--ysa-r-card); background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-cortex-liquid-health > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:8px; margin-top:20px; }
.ysa-connected-preview .ysa-cortex-liquid-ring { position:relative; display:grid; grid-template-columns:minmax(0,1fr); align-content:start; justify-items:center; gap:8px; width:100%; max-width:140px; height:auto; margin-inline:auto; }
.ysa-connected-preview .ysa-cortex-liquid-ring svg { position:absolute; inset:0 auto auto 0; width:100%; height:auto; aspect-ratio:1; transform:rotate(-90deg); }
.ysa-connected-preview .ysa-cortex-liquid-ring circle { fill:none; stroke-width:5; }
.ysa-connected-preview .ysa-cortex-liquid-ring .track { stroke:var(--ysa-line-soft); }
.ysa-connected-preview .ysa-cortex-liquid-ring .value { stroke:var(--ysa-sage); stroke-linecap:round; }
.ysa-connected-preview .ysa-cortex-liquid-ring strong { display:grid; place-items:center; width:100%; aspect-ratio:1; color:var(--ysa-text); font:400 23px/1.2 var(--ysa-font-heading); font-variant-numeric:tabular-nums; }
.ysa-connected-preview .ysa-cortex-liquid-ring > span { width:100%; min-height:34px; color:var(--ysa-text-3); font:400 12px/1.4 var(--ysa-font-sans); text-align:center; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cortex-liquid-analytics-experiment { margin:0; padding:16px; border:1px solid var(--ysa-line-soft); border-radius:var(--ysa-r-panel); background:var(--ysa-canvas-tint); color:var(--ysa-text-3); font:400 12px/1.6 var(--ysa-font-sans); overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cortex-liquid-analytics-groups { display:grid; gap:24px; margin-top:20px; }
.ysa-connected-preview .ysa-cortex-liquid-analytics-groups h3 { margin:0 0 14px; color:var(--ysa-text); font:400 18px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cortex-liquid-analytics-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ysa-connected-preview .ysa-cortex-liquid-analytics-breakdowns > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.ysa-connected-preview .ysa-cortex-liquid-analytics-breakdowns > div > div { min-width:0; padding:16px; border:1px solid var(--ysa-line); border-radius:var(--ysa-r-tile); }
.ysa-connected-preview .ysa-cortex-liquid-analytics-breakdowns strong { color:var(--ysa-text-2); font:600 13px/1.45 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-liquid-analytics-breakdowns ul { display:grid; gap:8px; margin:12px 0 0; padding:0; list-style:none; }
.ysa-connected-preview .ysa-cortex-liquid-analytics-breakdowns li { display:flex; justify-content:space-between; gap:12px; color:var(--ysa-text-3); font:400 12px/1.55 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-liquid-analytics-breakdowns li > span { min-width:0; overflow-wrap:anywhere; }
.ysa-connected-preview #ysa_cortex_analytics_liquid_details { margin-top:24px; padding:16px; border:1px solid var(--ysa-line); border-radius:var(--ysa-r-card); background:var(--ysa-sheet); }
.ysa-connected-preview #ysa_cortex_analytics_liquid_details > summary { width:fit-content; max-width:100%; color:var(--ysa-text-2); font:600 13px/1.5 var(--ysa-font-sans); cursor:pointer; }
@media(max-width:1100px){
 .ysa-connected-preview .ysa-cortex-liquid-overview { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cortex-liquid-summary-tiles { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:720px){
 .ysa-connected-preview .ysa-cortex-liquid-analytics-head { flex-direction:column; gap:12px; }
 .ysa-connected-preview .ysa-cortex-liquid-overview { gap:16px; }
 .ysa-connected-preview .ysa-cortex-liquid-summary-tiles,.ysa-connected-preview .ysa-cortex-liquid-analytics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ysa-connected-preview .ysa-cortex-liquid-analytics-breakdowns > div { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:520px){
 .ysa-connected-preview .ysa-cortex-liquid-funnel { display:grid; grid-template-columns:minmax(0,1fr) minmax(80px,max-content); align-items:center; gap:8px 16px; }
 .ysa-connected-preview .ysa-cortex-liquid-funnel-bar,.ysa-connected-preview .ysa-cortex-liquid-funnel-labels { display:contents; }
 .ysa-connected-preview .ysa-cortex-liquid-funnel-bar > span { grid-column:2; min-width:100%; min-height:44px; padding:8px 12px; }
 .ysa-connected-preview .ysa-cortex-liquid-funnel-bar strong { font-size:22px; }
 .ysa-connected-preview .ysa-cortex-liquid-funnel-labels > span { grid-column:1; font-size:13px; text-align:left; }
 .ysa-connected-preview .ysa-cortex-liquid-funnel :is(.ysa-cortex-liquid-funnel-bar,.ysa-cortex-liquid-funnel-labels) > span:nth-child(1) { grid-row:1; }
 .ysa-connected-preview .ysa-cortex-liquid-funnel :is(.ysa-cortex-liquid-funnel-bar,.ysa-cortex-liquid-funnel-labels) > span:nth-child(2) { grid-row:2; }
 .ysa-connected-preview .ysa-cortex-liquid-funnel :is(.ysa-cortex-liquid-funnel-bar,.ysa-cortex-liquid-funnel-labels) > span:nth-child(3) { grid-row:3; }
 .ysa-connected-preview .ysa-cortex-liquid-funnel :is(.ysa-cortex-liquid-funnel-bar,.ysa-cortex-liquid-funnel-labels) > span:nth-child(4) { grid-row:4; }
 .ysa-connected-preview .ysa-cortex-liquid-funnel :is(.ysa-cortex-liquid-funnel-bar,.ysa-cortex-liquid-funnel-labels) > span:nth-child(5) { grid-row:5; }
}
@media(max-width:380px){
 .ysa-connected-preview .ysa-cortex-liquid-funnel { padding:16px 10px; }
 .ysa-connected-preview .ysa-cortex-liquid-funnel-bar strong { font-size:20px; }
 .ysa-connected-preview .ysa-cortex-liquid-health { padding:16px 10px; }
 .ysa-connected-preview .ysa-cortex-liquid-health > div { gap:4px; }
 .ysa-connected-preview .ysa-cortex-liquid-ring strong { font-size:19px; }
 .ysa-connected-preview .ysa-cortex-liquid-summary-tiles,.ysa-connected-preview .ysa-cortex-liquid-analytics-grid { grid-template-columns:minmax(0,1fr); }
}
.ysa-connected-preview .ysa-search-section { margin-bottom:20px; }
.ysa-connected-preview .ysa-search-trend { padding:0 20px 18px; }
.ysa-connected-preview .ysa-search-trend svg { display:block; width:100%; height:190px; }
.ysa-connected-preview .ysa-search-trend svg path:first-child { stroke:var(--ysa-sage); }
.ysa-connected-preview .ysa-search-trend svg path:nth-child(2) { stroke:var(--ysa-ink); }
.ysa-connected-preview .ysa-search-legend { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; font-size:11px; color:var(--ysa-text-muted); margin:8px 0 16px; }
.ysa-connected-preview .ysa-search-trend details { font-size:12px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-search-funnel { padding:0 20px 20px; }
.ysa-connected-preview .ysa-search-funnel > div { padding:10px 0; border-bottom:1px solid var(--ysa-line-soft); font-size:12.5px; }
.ysa-connected-preview .ysa-search-opportunities { padding:0 20px 20px; display:grid; gap:12px; }
.ysa-connected-preview .ysa-search-note { margin:0; padding:0 20px 16px; font-size:12px; color:var(--ysa-text-muted); line-height:1.5; }
.ysa-connected-preview .ysa-search-filter { display:flex; align-items:center; gap:8px; min-width:0; font-size:12px; }
.ysa-connected-preview .ysa-search-filter input { min-width:0; max-width:200px; }
.ysa-connected-preview .ysa-search-empty { color:var(--ysa-text-muted); font-size:12.5px; line-height:1.55; padding:18px 20px; }
.ysa-connected-preview .ysa-cortex-journey-orbit svg { display:block; width:100%; max-height:270px; }
.ysa-connected-preview .ysa-cortex-journey-orbit-grid { fill:none; stroke:var(--ysa-line); stroke-width:1; }
.ysa-connected-preview .ysa-cortex-journey-orbit-axis { stroke:var(--ysa-line-faint); stroke-width:1; }
.ysa-connected-preview .ysa-cortex-journey-orbit-shape { fill:var(--ysa-sage-soft); stroke:var(--ysa-sage); stroke-width:2; }
.ysa-connected-preview .ysa-cortex-journey-orbit-dot { fill:var(--ysa-ink); }
.ysa-connected-preview .ysa-cortex-journey-orbit-label { fill:var(--ysa-text-muted); font:11px var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-journey-orbit-value { fill:var(--ysa-ink); font:600 12px var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-journey-bar { display:grid; grid-template-columns:120px minmax(0,1fr) 60px; align-items:center; gap:10px; padding:12px 0; font-size:12px; }
.ysa-connected-preview .ysa-cortex-journey-bar-track { height:8px; border-radius:999px; background:var(--ysa-line-soft); overflow:hidden; }
.ysa-connected-preview .ysa-cortex-journey-bar-track > span { display:block; height:100%; border-radius:inherit; background:var(--ysa-sage); }
.ysa-connected-preview .ysa-cortex-journey-bar-value { text-align:right; font-variant-numeric:tabular-nums; }
.ysa-connected-preview .ysa-cortex-journey-private { margin-top:14px; color:var(--ysa-text-muted); font-size:12px; }
/* RFM's actual JS root is crfm. Layout all real rows without inventing segments. */
.ysa-connected-preview .crfm { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:20px; align-items:start; }
.ysa-connected-preview .crfm-card { grid-column:1; grid-row:1 / 3; }
.ysa-connected-preview .crfm-header { display:block; padding:18px 20px; margin:0; }
.ysa-connected-preview .crfm-heading { padding:0; margin-bottom:14px; justify-content:start; }
.ysa-connected-preview .crfm-heading h2 { font:400 18px/1.3 var(--ysa-font-heading); margin:0 0 5px; }
.ysa-connected-preview .crfm-heading p { margin:0; color:var(--ysa-text-muted); font-size:12px; line-height:1.5; }
.ysa-connected-preview .crfm-icon { display:none; }
.ysa-connected-preview .crfm-summary { gap:18px; margin:16px 0 0; }
.ysa-connected-preview .crfm-summary :is(dt,dd) { margin:0; }
.ysa-connected-preview .crfm-summary dt { font-size:11px; color:var(--ysa-text-muted); }
.ysa-connected-preview .crfm-summary dd { color:var(--ysa-ink); font-size:17px; font-weight:600; margin-top:4px; }
.ysa-connected-preview .crfm-tools { padding:0 20px 18px; justify-content:start; }
.ysa-connected-preview .crfm-filters { justify-content:start; }
.ysa-connected-preview .crfm-filters label { display:grid; gap:5px; font-size:10.5px; color:var(--ysa-text-muted); }
.ysa-connected-preview .crfm-filters select { width:100%; min-width:0; font-size:11.5px; min-height:32px; }
.ysa-connected-preview .crfm-label-switch { display:flex; align-items:center; gap:6px; font-size:11.5px; }
.ysa-connected-preview .crfm-map { display:grid; grid-template-columns:20px minmax(0,1fr); gap:10px; padding:0 20px 14px; }
.ysa-connected-preview .crfm-y { display:flex; flex-direction:column-reverse; justify-content:space-between; align-items:center; font-size:10px; color:var(--ysa-text-faint); }
.ysa-connected-preview .crfm-y strong { writing-mode:vertical-rl; transform:rotate(180deg); font-weight:400; }
.ysa-connected-preview .crfm-x { grid-column:2; display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:10px; color:var(--ysa-text-faint); }
.ysa-connected-preview .crfm-x strong { font-weight:400; }
.ysa-connected-preview .crfm-plot { height:400px; }
.ysa-connected-preview .crfm-plot canvas { width:100%; height:100%; }
.ysa-connected-preview .crfm-labels { position:absolute; inset:0; pointer-events:none; }
.ysa-connected-preview .crfm-chip { position:absolute; display:flex; align-items:center; gap:5px; min-height:23px; padding:4px 7px; border:1px solid var(--segment,var(--ysa-sage)); background:var(--ysa-theme-legacy-paper,white); color:var(--ysa-ink); border-radius:999px; font-size:9.5px; line-height:1.3; white-space:nowrap; pointer-events:auto; }
.ysa-connected-preview .crfm-chip:before,.ysa-connected-preview .crfm-segment-button:before { content:""; width:6px; height:6px; flex:none; border-radius:50%; background:var(--segment,var(--ysa-sage)); }
.ysa-connected-preview .crfm-chip.is-muted { opacity:.4; }
.ysa-connected-preview .crfm-foot { display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; padding:0 20px 18px; font-size:10.5px; }
.ysa-connected-preview .crfm-detail { grid-column:2; grid-row:1; border:1px solid var(--ysa-line); border-left:3px solid var(--segment,var(--ysa-sage)); border-radius:18px; }
.ysa-connected-preview .crfm-detail-copy > small { color:var(--ysa-text-muted); font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.ysa-connected-preview .crfm-detail-copy p { font-size:12px; line-height:1.5; }
.ysa-connected-preview .crfm-detail-stats :is(dt,dd) { margin:0; }
.ysa-connected-preview .crfm-detail-stats dt { font-size:11px; color:var(--ysa-text-muted); }
.ysa-connected-preview .crfm-detail-stats dd { margin-top:5px; font-size:17px; font-weight:600; }
.ysa-connected-preview .crfm-overview { grid-column:2; grid-row:2; display:block; border:1px solid var(--ysa-line); border-radius:18px; padding:18px 20px; }
.ysa-connected-preview .crfm-overview h3 { font:400 18px/1.3 var(--ysa-font-heading); margin:0 0 6px; }
.ysa-connected-preview .crfm-overview > p { margin:0 0 12px; font-size:11.5px; }
.ysa-connected-preview .crfm-table { font-size:11.5px; min-width:520px; }
.ysa-connected-preview .crfm-table td { padding:8px; }
.ysa-connected-preview .crfm-table td > small { display:none; }
.ysa-connected-preview .crfm-segment-button { position:static; display:flex; align-items:center; gap:6px; padding:0; border:0; border-radius:0; background:none; color:var(--ysa-ink); font-size:11px; transform:none; white-space:nowrap; text-align:left; }
.ysa-connected-preview .crfm-segment-button.is-selected { font-weight:700; }
.ysa-connected-preview :is(.crfm-guide,.crfm-quality) { grid-column:1 / -1; }
.ysa-connected-preview .crfm-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:16px 0; }
.ysa-connected-preview .crfm-guide-grid h4 { font-size:13px; font-weight:600; margin:0 0 7px; }
/* Product feed catalog is a real collection of feed actions, not fixture products. */
.ysa-connected-preview .ysa-cdp-feed-grid { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0 20px 20px; gap:0 24px; }
.ysa-connected-preview .ysa-cdp-feed-item { min-height:76px; align-items:center; }
.ysa-connected-preview .ysa-cdp-feed-copy h3 { margin:0 0 5px; font-size:13px; font-weight:600; }
.ysa-connected-preview .ysa-cdp-feed-copy p { margin:0; color:var(--ysa-text-muted); font-size:11.5px; line-height:1.45; }
.ysa-connected-preview .ysa-cdp-feed-test { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; padding:0 20px 20px; }
.ysa-connected-preview .ysa-cdp-feed-token-state { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px; border-radius:12px; background:var(--ysa-soft-panel); font-size:12px; }
.ysa-connected-preview .ysa-cdp-feed-result-head { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.ysa-connected-preview .ysa-cdp-feed-result-head h3 { margin:0; font:400 18px/1.3 var(--ysa-font-heading); }
/* Real CSV upload, confirmation dialogs and settings supplementary states. */
.ysa-connected-preview .ysa-file-upload { display:flex; align-items:center; gap:14px; min-height:90px; padding:16px; border:1px dashed var(--ysa-line-strong); border-radius:12px; background:var(--ysa-canvas-tint); cursor:pointer; }
.ysa-connected-preview .ysa-file-upload svg { display:block; width:24px; height:24px; flex:none; fill:none; stroke:currentColor; }
.ysa-connected-preview .ysa-file-upload__name { display:block; font-size:13px; font-weight:600; }
.ysa-connected-preview .ysa-file-upload__detail { display:block; margin-top:5px; font-size:11.5px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-csv-import { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.75fr); gap:24px; }
.ysa-connected-preview .ysa-cdp-csv-import-form { display:grid; gap:16px; }
.ysa-connected-preview .ysa-cdp-csv-import-actions { display:flex; flex-wrap:wrap; gap:8px; }
.ysa-connected-preview .ysa-cdp-csv-import-help { min-width:0; padding:16px; border-radius:14px; background:var(--ysa-canvas-tint); font-size:12px; color:var(--ysa-text-muted); line-height:1.55; }
.ysa-connected-preview .ysa-cdp-csv-import-guide h3 { margin:0 0 12px; color:var(--ysa-ink); font:400 18px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-csv-import-guide ol { padding-left:18px; margin:0 0 18px; }
.ysa-connected-preview .ysa-cdp-csv-import-guide li { margin:10px 0; }
.ysa-connected-preview .ysa-cdp-csv-import-docs { border-top:1px solid var(--ysa-line); padding-top:14px; }
.ysa-connected-preview .ysa-cdp-csv-import-docs summary { cursor:pointer; color:var(--ysa-ink); font-size:12px; font-weight:600; }
.ysa-connected-preview .ysa-cdp-csv-import-docs-body { padding-top:14px; }
.ysa-connected-preview .ysa-cdp-source-confirm-dialog { width:min(500px,calc(100vw - 32px)); padding:26px; border:1px solid var(--ysa-line); border-radius:20px; background:var(--ysa-theme-legacy-paper,white); color:var(--ysa-ink); box-shadow:var(--ysa-shadow-menu); }
.ysa-connected-preview .ysa-cdp-source-confirm-dialog h2 { font:400 26px/1.2 var(--ysa-font-heading); margin:0 0 12px; }
.ysa-connected-preview .ysa-cdp-source-confirm-dialog p { font-size:13px; line-height:1.55; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-source-confirm-actions { display:flex; justify-content:end; gap:8px; margin-top:20px; }
.ysa-connected-preview .ysa-cdp-install-copy { padding:0 16px; }
.ysa-connected-preview .ysa-cdp-install-option {
 display:grid; grid-template-columns:20px minmax(0,1fr); gap:8px; padding:14px 0;
 border:0; border-bottom:1px solid var(--ysa-line-soft); border-radius:0;
}
.ysa-connected-preview .ysa-cdp-install-option:last-child { border-bottom:0; }
.ysa-connected-preview .ysa-cdp-install-option > i { margin-top:3px; }
.ysa-connected-preview .ysa-cdp-install-option strong { display:block; margin:0 0 4px; font-size:13px; }
.ysa-connected-preview .ysa-cdp-install-option strong + span { display:block; color:var(--ysa-text-muted); font-size:13px; line-height:1.55; }
.ysa-connected-preview .ysa-cdp-install-grid .ysa-cdp-install-code {
 display:grid; gap:12px; min-width:0; padding:0; background:transparent; color:var(--ysa-text);
 font:13px/1.55 var(--ysa-font-sans); white-space:normal; overflow:visible;
}
.ysa-connected-preview .ysa-cdp-install-code pre {
 margin:0; padding:14px; border-radius:12px; background:var(--ysa-code-bg); color:var(--ysa-code-text);
 white-space:pre-wrap; overflow-wrap:anywhere;
}
.ysa-connected-preview .ysa-cdp-install-code pre code { display:block; padding:0; background:transparent; color:inherit; }
.ysa-connected-preview .ysa-cdp-install-code :is(.hljs-tag,.hljs-punctuation) { color:var(--ysa-code-text); }
.ysa-connected-preview .ysa-cdp-install-code :is(.hljs-name,.hljs-attr) { color:var(--ysa-code-key); }
.ysa-connected-preview .ysa-cdp-install-code .hljs-string { color:var(--ysa-code-string); }
.ysa-connected-preview .ysa-cdp-install-actions { margin:0; }
.ysa-connected-preview :is(.ysa-cdp-install-state,.ysa-cdp-install-security) { margin:0; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-test-mode { padding:16px; margin:0; border:1px solid var(--ysa-line); border-radius:14px; }
.ysa-connected-preview .ysa-cdp-test-mode.is-active { border-color:var(--ysa-sage); }
.ysa-connected-preview :is(.ysa-cdp-test-mode-main,.ysa-cdp-start-layer-head) {
 display:flex; align-items:start; flex-wrap:wrap; gap:12px; justify-content:space-between; width:100%;
}
.ysa-connected-preview .ysa-cdp-test-mode-copy { flex:1 1 220px; min-width:0; }
.ysa-connected-preview .ysa-cdp-test-mode-copy p { font-size:12px; color:var(--ysa-text-muted); margin:5px 0 0; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-test-mode-preview { display:flex; flex-wrap:wrap; align-items:end; gap:8px 12px; width:100%; }
.ysa-connected-preview .ysa-cdp-test-mode-preview label { flex:1 1 200px; min-width:min(100%,200px); }
.ysa-connected-preview .ysa-cdp-test-mode-status { flex:0 0 100%; margin:0; color:var(--ysa-text-muted); font-size:12px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-test-mode-switch {
 position:relative; display:inline-flex; align-items:center; gap:8px; min-height:44px; flex:none; font-size:13px; cursor:pointer;
}
.ysa-connected-preview .ysa-cdp-test-mode-switch input { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:inherit; }
.ysa-connected-preview .ysa-cdp-test-mode-track {
 display:flex; align-items:center; box-sizing:border-box; width:34px; height:20px; padding:2px;
 border-radius:999px; background:var(--ysa-text-disabled);
}
.ysa-connected-preview .ysa-cdp-test-mode-track::before {
 content:""; width:16px; height:16px; border-radius:50%; background:var(--ysa-sheet);
}
.ysa-connected-preview .ysa-cdp-test-mode-switch input:checked + .ysa-cdp-test-mode-track { justify-content:end; background:var(--ysa-ink); }
.ysa-connected-preview .ysa-cdp-test-mode-switch:has(input:focus-visible) > span:last-child { text-decoration:underline; text-underline-offset:3px; }
.ysa-connected-preview .ysa-cdp-test-mode-switch:has(input:disabled) { opacity:.5; cursor:not-allowed; }
.ysa-connected-preview .ysa-cdp-start-layer-title {
 display:grid; grid-template-columns:36px minmax(0,1fr); flex:1 1 320px; gap:12px; align-items:start; min-width:0;
}
.ysa-connected-preview .ysa-cdp-start-layer-icon {
 display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:var(--ysa-sage-soft);
}
.ysa-connected-preview .ysa-cdp-start-layer-copy strong { font:400 18px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-start-layer-copy p { margin:4px 0 0; }
.ysa-connected-preview .ysa-cdp-start-layer-fields { display:grid; gap:8px; margin-top:16px; }
.ysa-connected-preview :is(.ysa-cdp-start-layer-field-help,.ysa-cdp-start-layer-meta) { color:var(--ysa-text-muted); font-size:12px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-start-layer-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 12px; }
.ysa-connected-preview #ysa_cdp_start_layer_prompt_count { white-space:nowrap; font-variant-numeric:tabular-nums; }
@media (forced-colors:active) {
 .ysa-connected-preview .ysa-cdp-test-mode-switch input { position:static; width:16px; height:16px; opacity:1; }
 .ysa-connected-preview .ysa-cdp-test-mode-track { display:none; }
}
@media (max-width:720px) {
 .ysa-connected-preview .ysa-cdp-test-mode-preview > .ysa-cdp-btn { width:100%; min-height:44px; }
}
.ysa-connected-preview .ysa-cdp-server-key-create { display:flex; flex-wrap:wrap; gap:10px; align-items:end; margin-bottom:20px; }
.ysa-connected-preview .ysa-cdp-server-key-create label { min-width:180px; flex:1; }
.ysa-connected-preview .ysa-cdp-secret { padding:16px; border:1px solid var(--ysa-line); border-radius:12px; background:var(--ysa-soft-panel); font-size:12.5px; }
.ysa-connected-preview .ysa-cdp-secret-row { display:flex; align-items:center; justify-content:space-between; gap:12px; }
/* Native dialogs use the browser top layer and a separately painted backdrop. */
.ysa-connected-preview dialog:is(.ysa-cdp-personalization-create-dialog,.ysa-cdp-personalization-assistant-dialog,.ysa-cdp-widget-template-dialog) { inset:0; margin:auto; width:min(1000px,calc(100vw - 40px)); height:auto; max-height:calc(100dvh - 40px); padding:0; border:1px solid var(--ysa-line); border-radius:24px; overflow:auto; background:var(--ysa-theme-legacy-paper,white); box-shadow:var(--ysa-shadow-menu); }
.ysa-connected-preview dialog:is(.ysa-cdp-personalization-create-dialog,.ysa-cdp-personalization-assistant-dialog,.ysa-cdp-widget-template-dialog)::backdrop { background:var(--ysa-on-ink-overlay); }
.ysa-connected-preview .ysa-cdp-personalization-assistant-modal { width:100%; padding:28px; border:0; box-shadow:none; }
.ysa-connected-preview .ysa-cdp-personalization-create-dialog { max-width:680px; }
.ysa-connected-preview .ysa-cdp-personalization-create-dialog > header { position:relative; padding:26px 65px 0 26px; }
.ysa-connected-preview .ysa-cdp-personalization-create-dialog > header h3 { margin:0 0 10px; font:400 28px/1.2 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-personalization-create-dialog > header p { font-size:13px; color:var(--ysa-text-muted); line-height:1.55; }
.ysa-connected-preview .ysa-cdp-personalization-create-options { display:grid; gap:12px; padding:12px 26px 20px; }
.ysa-connected-preview .ysa-cdp-personalization-create-option { display:flex; align-items:center; gap:14px; padding:20px; border:1px solid var(--ysa-line); border-radius:16px; background:var(--ysa-theme-legacy-paper,white); text-align:left; color:var(--ysa-ink); }
.ysa-connected-preview .ysa-cdp-personalization-create-option > i { font-size:22px; }
.ysa-connected-preview .ysa-cdp-personalization-create-option > span { flex:1; }
.ysa-connected-preview .ysa-cdp-personalization-create-option :is(strong,small,span span) { display:block; }
.ysa-connected-preview .ysa-cdp-personalization-create-option strong { font-size:15px; margin:4px 0 6px; }
.ysa-connected-preview .ysa-cdp-personalization-create-option small { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-personalization-create-option span span { color:var(--ysa-text-muted); font-size:12.5px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-personalization-create-dialog > .ysa-cdp-btn { margin:0 26px 26px; }
.ysa-connected-preview .ysa-cdp-onboarding-topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 24px; border-bottom:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-onboarding-topbar > div { display:flex; align-items:center; gap:10px; }
.ysa-connected-preview .ysa-cdp-onboarding-close { width:32px; height:32px; padding:0; border:0; background:var(--ysa-canvas); border-radius:9px; }
.ysa-connected-preview .ysa-cdp-onboarding-intro { padding:24px 26px 0; }
.ysa-connected-preview .ysa-cdp-onboarding-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:24px; padding:24px 26px; }
.ysa-connected-preview .ysa-cdp-onboarding-workflow { padding-right:20px; border-right:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-onboarding-steps { display:grid; gap:8px; list-style:none; padding:0; margin:0; }
.ysa-connected-preview .ysa-cdp-onboarding-step { display:flex; align-items:center; gap:8px; padding:10px; border-radius:10px; color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview .ysa-cdp-onboarding-step.is-active { color:var(--ysa-ink); background:var(--ysa-sage-soft); font-weight:600; }
.ysa-connected-preview .ysa-cdp-onboarding-main { min-width:0; }
.ysa-connected-preview .ysa-cdp-onboarding-panel { display:grid; gap:16px; }
.ysa-connected-preview .ysa-cdp-onboarding-panel h4 { margin:0; font:400 22px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-onboarding-panel p { margin:0; font-size:13px; color:var(--ysa-text-muted); line-height:1.55; }
.ysa-connected-preview .ysa-cdp-onboarding-cards,.ysa-connected-preview .ysa-cdp-onboarding-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.ysa-connected-preview .ysa-cdp-onboarding-card,.ysa-connected-preview .ysa-cdp-onboarding-options label { display:flex; gap:10px; padding:14px; border:1px solid var(--ysa-line); border-radius:12px; font-size:12.5px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-onboarding-footer { display:flex; justify-content:space-between; align-items:center; gap:14px; padding-top:20px; border-top:1px solid var(--ysa-line); margin-top:20px; }
.ysa-connected-preview .ysa-cdp-onboarding-actions { display:flex; gap:8px; }
.ysa-connected-preview .ysa-cdp-onboarding-footer-note { font-size:12px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-personalization-live-confirm { padding:26px; }
.ysa-connected-preview .ysa-cdp-personalization-live-confirm h3 { margin:0 0 12px; font:400 26px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-personalization-live-confirm p { font-size:13px; line-height:1.55; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-personalization-live-confirm-actions { display:flex; justify-content:end; gap:8px; margin-top:20px; }
@media(max-width:1100px) {
 .ysa-connected-preview .crfm { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview :is(.crfm-card,.crfm-detail,.crfm-overview) { grid-column:1; grid-row:auto; }
 .ysa-connected-preview .ysa-cdp-csv-import { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cdp-feed-test { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:640px) {
 .ysa-connected-preview :is(.ysa-cdp-form,.ysa-cdp-feed-grid,.ysa-cortex-uplift-arms,.ysa-cortex-liquid-analytics-grid,.ysa-cdp-onboarding-layout,.ysa-cdp-onboarding-cards,.ysa-cdp-onboarding-options,.crfm-guide-grid) { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .crfm-plot { height:300px; }
 .ysa-connected-preview .crfm-filters { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ysa-connected-preview .ysa-cdp-onboarding-workflow { border-right:0; padding-right:0; }
 .ysa-connected-preview .ysa-cdp-onboarding-steps { display:flex; overflow:auto; }
 .ysa-connected-preview .ysa-cdp-onboarding-step { flex:none; }
 .ysa-connected-preview .ysa-cdp-onboarding-footer { flex-direction:column; align-items:stretch; }
 .ysa-connected-preview .ysa-cortex-liquid-summary-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ysa-connected-preview .ysa-cdp-source-confirm-dialog { padding:20px; }
}
@media(max-width:640px) {
 .ysa-connected-preview .ysa-cortex-analytics-metric-tabs { display:flex; max-width:100%; overflow-x:auto; }
 .ysa-connected-preview .ysa-cortex-analytics-metric-tabs button { flex:none; }
 .ysa-connected-preview .ysa-cdp-personalization-page-head { flex-wrap:wrap; }
}
/* Real personalization overview states: the list becomes a compact collection until an editor is selected. */
.ysa-connected-preview .ysa-cdp-personalization-gate { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; margin-bottom:18px; border-radius:12px; background:var(--ysa-soft-panel); font-size:12.5px; }
.ysa-connected-preview .ysa-cdp-personalization-gate p { margin:4px 0 0; color:var(--ysa-text-muted); font-size:12px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-personalization-runtime-state { display:inline-flex; align-items:center; gap:6px; padding:3px 9px; border:0; min-height:24px; border-radius:999px; background:var(--ysa-sage-soft); font-size:11.5px; font-weight:600; }
.ysa-connected-preview .ysa-cdp-personalization-toolbar-note { display:flex; align-items:center; gap:9px; font-size:12px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-personalization-summary-note { display:flex; gap:10px; padding:14px 16px; border-radius:16px; background:var(--ysa-soft-panel); font-size:12px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-personalization-summary-note p { margin:4px 0 0; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-personalization-page-head h2 { margin:4px 0 7px; font:400 22px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-personalization-page-head p { font-size:13px; color:var(--ysa-text-muted); margin:0; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-personalization-pane-head > div { display:flex; align-items:center; gap:8px; font-size:12px; }
.ysa-connected-preview .ysa-cdp-personalization-list-group { display:block; padding:18px 0 10px; font-size:11px; font-weight:600; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-personalization-list-item { display:block; width:100%; text-align:left; }
.ysa-connected-preview .ysa-cdp-personalization-list-title { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:13px; }
.ysa-connected-preview .ysa-cdp-personalization-list-title strong { font-weight:600; }
.ysa-connected-preview .ysa-cdp-personalization-status { display:inline-flex; align-items:center; min-height:22px; padding:3px 8px; border-radius:999px; background:var(--ysa-canvas); color:var(--ysa-text-muted); font-size:10.5px; font-weight:600; }
.ysa-connected-preview .ysa-cdp-personalization-status.is-active { color:var(--ysa-ink); background:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cdp-personalization-list-meta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:7px; margin-top:7px; color:var(--ysa-text-muted); font-size:11.5px; font-weight:400; }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview :is(.ysa-cdp-personalization-editor-pane,.ysa-cdp-personalization-preview-pane) { display:none; }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-personalization-list { display:block; }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-personalization-list-item { padding:14px 0; border:0; border-bottom:1px solid var(--ysa-line-soft); border-radius:0; }
.ysa-connected-preview .ysa-cdp-personalization-empty > div { display:grid; justify-items:center; gap:9px; }
.ysa-connected-preview .ysa-cdp-personalization-empty p { margin:0; max-width:500px; font-size:13px; color:var(--ysa-text-muted); }
@media(min-width:1001px) {
 .ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-personalization-list-item { display:grid; grid-template-columns:1.3fr 1fr; gap:20px; align-items:center; }
 .ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-personalization-list-meta { margin:0; }
}
/* Reference composition with the renderer's true data and real actions. */
@media(min-width:1201px) {
 .ysa-connected-preview .ysa-cdp-overview-grid { grid-template-columns:repeat(7,minmax(0,1fr)); }
 .ysa-connected-preview .ysa-cdp-metric-card { min-height:154px; padding:14px 12px 10px; }
 .ysa-connected-preview .ysa-cdp-metric-card > span { font-size:11.5px; }
 .ysa-connected-preview .ysa-cdp-overview-grid > .ysa-cdp-status-card { grid-column:1 / -1; flex-direction:row; justify-content:start; align-items:center; min-height:0; padding:0; border:0; gap:10px; }
 .ysa-connected-preview .ysa-cortex-analytics-kpis { grid-template-columns:repeat(6,minmax(0,1fr)); }
 .ysa-connected-preview .ysa-search-analytics .ysa-cortex-analytics-kpis { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
.ysa-connected-preview .ysa-cortex-analytics-content { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:20px; }
.ysa-connected-preview .ysa-cortex-analytics-content > section { grid-column:1 / -1; margin:0; }
.ysa-connected-preview .ysa-cortex-analytics-content > .ysa-cortex-analytics-trend { grid-column:1; grid-row:2; }
.ysa-connected-preview .ysa-cortex-analytics-secondary,.ysa-connected-preview .ysa-cortex-analytics-secondary > .ysa-cortex-analytics-split { display:contents; }
.ysa-connected-preview .ysa-cortex-analytics-insights { grid-column:2; grid-row:2; min-width:0; padding:18px 20px; border:1px solid var(--ysa-line); border-radius:18px; }
.ysa-connected-preview .ysa-cortex-analytics-insights h2 { font:400 18px/1.3 var(--ysa-font-heading); margin:0 0 16px; }
.ysa-connected-preview .ysa-cortex-analytics-reports { grid-column:1 / -1; margin:0; }
.ysa-connected-preview .ysa-cortex-analytics-report-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ysa-connected-preview .ysa-cortex-analytics-summary-head h2 { font:italic 19px/1.4 var(--ysa-font-serif); color:var(--ysa-text-muted); margin:0 0 14px; }
.ysa-connected-preview .ysa-cortex-analytics-kpi-top { flex-wrap:wrap; }
.ysa-connected-preview .ysa-cortex-analytics-kpi-top em { display:inline-flex; align-items:center; padding:2px 5px; border-radius:5px; background:var(--ysa-lime-soft); color:var(--ysa-ink); font-size:10px; font-style:normal; }
.ysa-connected-preview .ysa-cortex-analytics-section-intro h2 { margin:0 0 6px; font:400 18px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cortex-analytics-section-intro p { margin:0 0 16px; color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview .ysa-cortex-analytics-trend-head { display:grid; gap:12px; }
/* Flow end color from the user-provided lilac reference. */
.ysa-connected-preview .ysa-cortex-analytics-flow { --ysa-cortex-flow-lilac:#cfcaeb; --ysa-cortex-flow-paper:#FFFFFF; min-width:0; padding:20px; border:1px solid var(--ysa-line); border-radius:18px; background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-cortex-analytics-content > .ysa-cortex-analytics-flow { grid-column:1 / -1; grid-row:2; }
@media(min-width:1101px){
 .ysa-connected-preview .ysa-cortex-analytics-content:has(> .ysa-cortex-analytics-flow) > .ysa-cortex-analytics-trend,
 .ysa-connected-preview .ysa-cortex-analytics-content:has(> .ysa-cortex-analytics-flow) .ysa-cortex-analytics-insights { grid-row:3; }
}
.ysa-connected-preview .ysa-cortex-analytics-flow-scroll { width:100%; max-width:100%; min-width:0; overflow-x:auto; overscroll-behavior-inline:contain; padding-bottom:8px; }
html.ysa-connected-preview #ysa_cortex_analytics_flow_report .ysa-cortex-analytics-flow-scroll:focus-visible { text-decoration:none!important; background-image:none!important; outline:2px solid var(--ysa-ink)!important; outline-offset:2px!important; }
.ysa-connected-preview .ysa-cortex-analytics-flow-scroll > :is(.ysa-cortex-analytics-flow-stages,.ysa-cortex-analytics-flow-visual) { min-width:880px; }
.ysa-connected-preview .ysa-cortex-analytics-flow-visual { position:relative; display:grid; align-items:center; min-height:180px; margin:16px 0 0; }
.ysa-connected-preview .ysa-cortex-analytics-flow-visual svg { display:block; width:100%; height:auto; max-height:240px; overflow:visible; }
.ysa-connected-preview .ysa-cortex-analytics-flow-band.is-layer-0 { fill:url("#ysa-cortex-flow-gradient-0"); }
.ysa-connected-preview .ysa-cortex-analytics-flow-band.is-layer-1 { fill:url("#ysa-cortex-flow-gradient-1"); }
.ysa-connected-preview .ysa-cortex-analytics-flow-band.is-layer-2 { fill:url("#ysa-cortex-flow-gradient-2"); }
.ysa-connected-preview .ysa-cortex-analytics-flow-gradient .is-start { stop-color:var(--ysa-lime-soft); }
.ysa-connected-preview .ysa-cortex-analytics-flow-gradient.is-layer-0 .is-middle { stop-color:var(--ysa-sage-soft-2); }
.ysa-connected-preview .ysa-cortex-analytics-flow-gradient.is-layer-0 .is-end { stop-color:color-mix(in srgb,var(--ysa-cortex-flow-lilac) 45%,var(--ysa-sheet)); }
.ysa-connected-preview .ysa-cortex-analytics-flow-gradient.is-layer-1 .is-middle { stop-color:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cortex-analytics-flow-gradient.is-layer-1 .is-end { stop-color:color-mix(in srgb,var(--ysa-cortex-flow-lilac) 78%,var(--ysa-sheet)); }
.ysa-connected-preview .ysa-cortex-analytics-flow-gradient.is-layer-2 .is-start { stop-color:var(--ysa-lime); }
.ysa-connected-preview .ysa-cortex-analytics-flow-gradient.is-layer-2 .is-middle { stop-color:var(--ysa-sage); }
.ysa-connected-preview .ysa-cortex-analytics-flow-gradient.is-layer-2 .is-end { stop-color:var(--ysa-cortex-flow-lilac); }
/* The bright flow retains brand ink and a paper halo in both platform themes. */
.ysa-connected-preview .ysa-cortex-analytics-flow-percentages { position:absolute; inset:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); place-items:center; pointer-events:none; }
.ysa-connected-preview .ysa-cortex-analytics-flow-percentage { color:var(--ysa-brand-ink,#0E2523); -webkit-text-stroke:3px var(--ysa-cortex-flow-paper); paint-order:stroke fill; font:600 18px/1 var(--ysa-font-sans); white-space:nowrap; }
.ysa-connected-preview .ysa-cortex-analytics-flow-centerline { fill:none; stroke:var(--ysa-ink); stroke-width:1; vector-effect:non-scaling-stroke; }
.ysa-connected-preview .ysa-cortex-analytics-flow-separator { stroke:var(--ysa-line); stroke-width:1; vector-effect:non-scaling-stroke; }
.ysa-connected-preview .ysa-cortex-analytics-flow-stages { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin:0; padding:0; list-style:none; }
.ysa-connected-preview .ysa-cortex-analytics-flow-stages li { min-width:0; padding:0 12px; text-align:center; }
.ysa-connected-preview .ysa-cortex-analytics-flow-stages span { display:block; min-height:2.8em; color:var(--ysa-text-3); font:600 11px/1.4 var(--ysa-font-sans); text-transform:uppercase; letter-spacing:.06em; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cortex-analytics-flow-stages strong { display:block; margin:8px 0 4px; color:var(--ysa-text); font:400 26px/1.15 var(--ysa-font-heading); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ysa-connected-preview .ysa-cortex-analytics-flow-stages small { display:block; color:var(--ysa-text-muted); font:400 12px/1.4 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-analytics-flow-note { margin:20px 0 0; color:var(--ysa-text-muted); font:400 12px/1.5 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-analytics-flow-note.is-incomparable { color:var(--ysa-caution-text); }
@media(max-width:720px){
 .ysa-connected-preview .ysa-cortex-analytics-flow { padding:16px; }
 .ysa-connected-preview .ysa-cortex-analytics-flow-visual { min-height:100px; margin:12px 0 0; }
 .ysa-connected-preview .ysa-cortex-analytics-flow-stages span,.ysa-connected-preview .ysa-cortex-analytics-flow-stages small { font-size:11px; }
}
.ysa-connected-preview .ysa-cortex-analytics-kpis { margin:0; }
.ysa-connected-preview .ysa-cortex-journey-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:20px; }
.ysa-connected-preview .ysa-cortex-journey-content > :is(.ysa-cortex-journey-kpis,.ysa-cortex-journey-flow-card,.ysa-cortex-journey-method) { grid-column:1 / -1; margin:0; }
.ysa-connected-preview .ysa-cortex-journey-kpis > article { min-width:0; padding:14px 16px; border:1px solid var(--ysa-line); border-radius:16px; }
.ysa-connected-preview .ysa-cortex-journey-kpis > article > span { font-size:12px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cortex-journey-kpis > article > strong { display:block; margin:8px 0; font-size:26px; font-weight:600; }
.ysa-connected-preview .ysa-cortex-journey-kpis > article > small { display:block; color:var(--ysa-text-muted); font-size:11px; }
.ysa-connected-preview .ysa-cortex-journey-flow-card > header { display:flex; align-items:start; justify-content:space-between; gap:16px; padding:18px 20px; }
.ysa-connected-preview .ysa-cortex-journey-flow-card > header h3 { margin:5px 0 0; font:400 18px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cortex-journey-flow-card > header p { margin:0; color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview .ysa-cortex-journey-visual-grid { display:contents; }
.ysa-connected-preview .ysa-cortex-journey-chart-card.is-orbit { display:none; }
.ysa-connected-preview .ysa-cortex-journey-chart-card.is-distribution { grid-column:1; }
.ysa-connected-preview .ysa-cortex-journey-chart-card > header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:18px 20px 0; }
.ysa-connected-preview .ysa-cortex-journey-chart-card > header h3 { font:400 18px/1.3 var(--ysa-font-heading); margin:4px 0 0; }
.ysa-connected-preview .ysa-cortex-journey-chart-badge { color:var(--ysa-text-muted); font-size:11px; }
.ysa-connected-preview .ysa-cortex-journey-focus { grid-column:2; grid-template-columns:auto minmax(0,1fr); margin:0; padding:20px; gap:14px; }
.ysa-connected-preview .ysa-cortex-journey-focus-copy p { margin:6px 0 10px; color:var(--ysa-text-muted); font-size:12.5px; line-height:1.5; }
.ysa-connected-preview .ysa-cortex-journey-focus-copy blockquote { margin:12px 0 0; padding-left:12px; border-left:2px solid var(--ysa-sage); font:italic 16px/1.4 var(--ysa-font-serif); color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cortex-journey-focus-action { grid-column:1 / -1; display:grid; gap:9px; padding-top:14px; border-top:1px solid var(--ysa-line); font-size:12.5px; }
.ysa-connected-preview .ysa-cortex-journey-focus-action > span { text-transform:uppercase; letter-spacing:.1em; font-size:10px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cortex-journey-focus-action > div { display:flex; flex-wrap:wrap; gap:8px; }
.ysa-connected-preview .ysa-cortex-journey-method { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.ysa-connected-preview .ysa-cortex-journey-method > div { display:flex; gap:10px; align-items:start; font-size:11.5px; }
.ysa-connected-preview .ysa-cortex-journey-method strong { display:block; color:var(--ysa-ink); margin-bottom:5px; }
.ysa-connected-preview [data-search-content] { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:20px; }
.ysa-connected-preview [data-search-content] > :is(.ysa-cortex-analytics-summary,.ysa-cortex-analytics-methodology) { grid-column:1 / -1; }
.ysa-connected-preview [data-search-content] > .ysa-search-section { margin:0; }
@media(max-width:1100px) {
 .ysa-connected-preview :is(.ysa-cortex-analytics-content,.ysa-cortex-journey-content,[data-search-content]) { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cortex-analytics-content > .ysa-cortex-analytics-trend,.ysa-connected-preview .ysa-cortex-analytics-insights,.ysa-connected-preview .ysa-cortex-journey-focus,.ysa-connected-preview .ysa-cortex-journey-chart-card.is-distribution { grid-column:1; grid-row:auto; }
 .ysa-connected-preview .ysa-cortex-analytics-report-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:640px) {
 .ysa-connected-preview .ysa-cortex-journey-method { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cortex-analytics-report-grid { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cortex-journey-flow-card > header { display:block; }
 .ysa-connected-preview .ysa-cortex-journey-flow-card > header p { margin-top:8px; }
}
/* Search comparison renderer: show both real experiments without an unstyled text wall. */
.ysa-connected-preview .ysa-cortex-search-experiment-head { display:flex; align-items:start; justify-content:space-between; gap:18px; margin-bottom:18px; }
.ysa-connected-preview .ysa-cortex-search-experiment-head h2 { margin:5px 0 8px; font:400 20px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cortex-search-experiment-head p { font-size:12px; color:var(--ysa-text-muted); margin:0; line-height:1.5; max-width:660px; }
.ysa-connected-preview .ysa-cortex-search-experiment-split { flex:none; min-height:24px; padding:4px 9px; border-radius:999px; background:var(--ysa-sage-soft); font-size:10.5px; }
.ysa-connected-preview .ysa-cortex-search-comparisons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.ysa-connected-preview .ysa-cortex-search-comparison { min-width:0; }
.ysa-connected-preview .ysa-cortex-search-comparison > header h3 { margin:0 0 7px; font:400 18px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cortex-search-comparison > header p { color:var(--ysa-text-muted); font-size:11.5px; line-height:1.5; margin:0 0 7px; }
.ysa-connected-preview .ysa-cortex-search-comparison > header > span { font-size:10.5px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cortex-search-verdicts { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:16px 0; }
.ysa-connected-preview .ysa-cortex-search-verdicts > div { display:grid; gap:6px; padding:12px; border-radius:12px; background:var(--ysa-soft-panel); min-width:0; }
.ysa-connected-preview .ysa-cortex-search-verdicts span { font-size:10.5px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cortex-search-verdicts strong { font-size:22px; font-weight:600; }
.ysa-connected-preview .ysa-cortex-search-verdicts small { font-size:10px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cortex-search-arms { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ysa-connected-preview .ysa-cortex-search-arm { padding:12px; border:1px solid var(--ysa-line); border-radius:12px; min-width:0; }
.ysa-connected-preview .ysa-cortex-search-arm > span { font-size:11px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cortex-search-arm > strong { display:block; font-size:21px; font-weight:600; margin:6px 0; }
.ysa-connected-preview .ysa-cortex-search-arm > small { display:block; font-size:9.5px; line-height:1.45; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cortex-search-arm dl { display:flex; flex-wrap:wrap; gap:8px 12px; padding-top:10px; margin:10px 0 0; border-top:1px solid var(--ysa-line-soft); }
.ysa-connected-preview .ysa-cortex-search-arm :is(dt,dd) { margin:0; font-size:10px; }
.ysa-connected-preview .ysa-cortex-search-arm dt { color:var(--ysa-text-muted); margin-bottom:4px; }
.ysa-connected-preview .ysa-cortex-search-arm dd { font-weight:600; }
.ysa-connected-preview .ysa-cortex-search-revenue { display:grid; grid-template-columns:1fr 1fr; gap:6px 10px; margin-top:12px; padding:12px; border:1px solid var(--ysa-line); border-radius:12px; font-size:10.5px; }
.ysa-connected-preview .ysa-cortex-search-revenue :is(strong,small) { grid-column:1 / -1; }
.ysa-connected-preview .ysa-cortex-search-revenue strong { font-size:11px; font-weight:600; }
.ysa-connected-preview .ysa-cortex-search-revenue small { color:var(--ysa-text-muted); font-size:10px; line-height:1.5; }
.ysa-connected-preview :is(.ysa-cortex-search-comparison-note,.ysa-cortex-search-method) { color:var(--ysa-text-muted); font-size:10.5px; line-height:1.5; margin:12px 0 0; }
.ysa-connected-preview .ysa-cortex-search-method { border-top:1px solid var(--ysa-line); padding-top:12px; }
.ysa-connected-preview .ysa-search-funnel > div { display:grid; grid-template-columns:1fr auto; gap:6px; }
.ysa-connected-preview .ysa-search-funnel > div > small { grid-column:1 / -1; color:var(--ysa-text-muted); font-size:11px; }
.ysa-connected-preview .ysa-search-opportunities article { font-size:12px; }
.ysa-connected-preview .ysa-search-opportunities article p { margin:6px 0; color:var(--ysa-text-muted); line-height:1.5; }
/* Customer detail facts are a readable aside; a narrow aside must not contain four tiny columns. */
.ysa-connected-preview .ysa-cdp-profile-aside .ysa-cdp-profile-summary { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
.ysa-connected-preview .ysa-cdp-profile-aside .ysa-cdp-profile-summary > .ysa-cdp-card { display:flex; align-items:start; gap:8px; padding:12px 0; border:0; border-bottom:1px solid var(--ysa-line-soft); border-radius:0; }
.ysa-connected-preview .ysa-cdp-profile-summary-icon { width:16px; flex:none; margin-top:2px; }
.ysa-connected-preview .ysa-cdp-profile-aside .ysa-cdp-profile-summary > .ysa-cdp-card > div { min-width:0; flex:1; }
.ysa-connected-preview .ysa-cdp-profile-aside .ysa-cdp-profile-summary strong { font-size:13px; line-height:1.5; margin:4px 0; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cdp-profile-aside .ysa-cdp-profile-summary em { font-size:11px; font-style:normal; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-profile-detail .ysa-cdp-section-head { justify-content:start; gap:10px; }
.ysa-connected-preview .ysa-cdp-profile-detail .ysa-cdp-section-head > div { min-width:0; }
.ysa-connected-preview .ysa-cdp-profile-detail .ysa-cdp-section-head p { font-size:12px; }
.ysa-connected-preview .ysa-cdp-profile-journey-track { list-style:none; padding:0; }
.ysa-connected-preview .ysa-cdp-profile-journey-step { display:flex; align-items:start; gap:5px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp:has(#ysa_cdp_profile_detail:not([hidden])) .ysa-cdp-hero { display:none; }
.ysa-connected-preview .ysa-cdp:has(#ysa_cdp_profile_detail:not([hidden])) .ysa-cdp-main { padding-top:28px; }
.ysa-connected-preview .ysa-cortex-journey-ribbon-segment { min-height:64px; border:0; border-radius:0; color:var(--ysa-ink); }
.ysa-connected-preview .ysa-cortex-journey-ribbon-segment:nth-child(n+4) { color:var(--ysa-theme-legacy-inverse,white); }
.ysa-connected-preview .ysa-cortex-journey-ribbon-segment small { color:inherit; opacity:.8; font-size:11px; }
.ysa-connected-preview .ysa-cortex-journey-ribbon-segment.is-active { outline:2px solid var(--ysa-ink); outline-offset:-3px; }
.ysa-connected-preview .ysa-cortex-journey-bar-label { display:flex; align-items:center; gap:6px; }
.ysa-connected-preview .ysa-cortex-journey-bar-label b { font-size:11px; font-weight:500; }
.ysa-connected-preview .ysa-cortex-journey-bar-track > i { display:block; height:100%; width:var(--share,0%); background:var(--phase,var(--ysa-sage)); border-radius:inherit; }
.ysa-connected-preview .ysa-cortex-journey-bar-value { display:grid; gap:3px; }
.ysa-connected-preview .ysa-cortex-journey-bar-value small { font-size:10px; color:var(--ysa-text-muted); }
@media(max-width:1000px) {
 .ysa-connected-preview .ysa-cortex-search-comparisons { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cortex-search-experiment-head { flex-wrap:wrap; }
}
/* Configured customer Search preview. Its theme values are supplied by the existing renderer. */
.ysa-connected-preview .ysa-cdp-search-preview-stage { display:flex; align-items:start; justify-content:center; min-height:380px; }
.ysa-connected-preview .ysa-cdp-search-preview-dialog { min-width:0; max-width:100%; border:1px solid var(--ysa-search-preview-border,var(--ysa-line)); box-shadow:0 8px 24px var(--ysa-shadow-tone-light); overflow:hidden; }
.ysa-connected-preview .ysa-cdp-search-preview-top { display:flex; align-items:center; gap:8px; border-bottom:1px solid var(--ysa-search-preview-border,var(--ysa-line)); }
.ysa-connected-preview .ysa-cdp-search-preview-query { flex:1; min-width:0; font-size:.95em; }
.ysa-connected-preview .ysa-cdp-search-preview-search { padding:6px 9px; border-radius:7px; background:var(--ysa-search-preview-accent,var(--ysa-ink)); color:var(--ysa-search-preview-accent-text,white); font-size:.75em; }
.ysa-connected-preview .ysa-cdp-search-preview-close { font-size:1.3em; color:var(--ysa-search-preview-muted,var(--ysa-text-muted)); }
.ysa-connected-preview .ysa-cdp-search-preview-personal { display:grid; gap:9px; padding-bottom:16px; border-bottom:1px solid var(--ysa-search-preview-border,var(--ysa-line)); margin-bottom:16px; }
.ysa-connected-preview .ysa-cdp-search-preview-identity { display:flex; align-items:center; gap:8px; }
.ysa-connected-preview .ysa-cdp-search-preview-avatar { width:30px; height:30px; display:grid; place-items:center; flex:none; border-radius:50%; background-color:var(--ysa-search-preview-soft,var(--ysa-canvas)); background-position:center; background-size:cover; }
.ysa-connected-preview .ysa-cdp-search-preview-agent { display:grid; gap:3px; font-size:.85em; }
.ysa-connected-preview .ysa-cdp-search-preview-agent > span { font-size:.85em; color:var(--ysa-search-preview-muted,var(--ysa-text-muted)); }
.ysa-connected-preview .ysa-cdp-search-preview-context { font-size:.8em; color:var(--ysa-search-preview-muted,var(--ysa-text-muted)); }
.ysa-connected-preview .ysa-cdp-search-preview-chips { display:flex; flex-wrap:wrap; gap:5px; }
.ysa-connected-preview .ysa-cdp-search-preview-chip { padding:4px 7px; border-radius:999px; background:var(--ysa-search-preview-soft,var(--ysa-canvas)); font-size:.75em; }
.ysa-connected-preview .ysa-cdp-search-preview-label { margin-bottom:10px; font-size:.8em; font-weight:600; }
.ysa-connected-preview .ysa-cdp-search-preview-products { display:grid; gap:8px; }
.ysa-connected-preview .ysa-cdp-search-preview-card { display:flex; align-items:center; justify-content:space-between; gap:9px; padding:12px; border:1px solid var(--ysa-search-preview-border,var(--ysa-line)); border-radius:9px; font-size:.8em; }
.ysa-connected-preview .ysa-cdp-search-preview-card strong { font-weight:600; }
.ysa-connected-preview .ysa-cdp-search-preview-card > span { color:var(--ysa-search-preview-muted,var(--ysa-text-muted)); white-space:nowrap; }
.ysa-connected-preview .ysa-cdp-search-preview-handoff { display:grid; gap:7px; margin-top:16px; padding-top:14px; border-top:1px solid var(--ysa-search-preview-border,var(--ysa-line)); font-size:.8em; }
.ysa-connected-preview .ysa-cdp-search-preview-handoff > span { display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--ysa-search-preview-accent,var(--ysa-ink)); }
.ysa-connected-preview .ysa-cdp-search-preview-note { margin-top:14px; color:var(--ysa-text-muted); font-size:11px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-criteria { display:grid; gap:14px; margin:20px 0; }
.ysa-connected-preview .ysa-cdp-condition-group { position:relative; padding:14px; border:1px solid var(--ysa-line); border-left:4px solid var(--ysa-sage); border-radius:12px; }
.ysa-connected-preview .ysa-cdp-condition-head { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:12px; padding-bottom:12px; border-bottom:1px solid var(--ysa-line-soft); }
.ysa-connected-preview .ysa-cdp-group-title { grid-column:1 / -1; font-size:12px; }
.ysa-connected-preview .ysa-cdp-condition-head > .ysa-cdp-field { grid-column:1; }
.ysa-connected-preview .ysa-cdp-condition-head > .ysa-cdp-btn { grid-column:2; min-height:34px; font-size:11px; }
.ysa-connected-preview .ysa-cdp-condition-head > span { display:none; }
.ysa-connected-preview .ysa-cdp-condition-head > .ysa-cdp-icon-btn { position:absolute; top:8px; right:8px; }
.ysa-connected-preview .ysa-cdp-condition-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 26px; align-items:end; gap:9px; padding-top:14px; }
.ysa-connected-preview .ysa-cdp-condition-row > .ysa-cdp-mini { grid-column:1 / -1; }
.ysa-connected-preview .ysa-cdp-condition-row > [data-audience-value-wrap] { grid-column:1 / 3; }
.ysa-connected-preview .ysa-cdp-condition-row :is(select,input) { width:100%; min-width:0; font-size:11.5px; }
.ysa-connected-preview .ysa-cdp-icon-btn { display:inline-grid; place-items:center; width:26px; height:30px; min-height:30px; padding:0; border:0; border-radius:8px; background:var(--ysa-canvas); color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview .ysa-cdp-builder-footer { display:grid; gap:14px; padding-top:16px; border-top:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-group-connector { font-size:10px; font-weight:600; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cortex-journey { --cortex-phase-1:#E6EEEC; --cortex-phase-2:#C9D9D7; --cortex-phase-3:var(--ysa-sage); --cortex-phase-4:var(--ysa-ink); --cortex-phase-5:#3B615F; }
/* 4h compact segment table: totals and advice remain in the selected-segment card. */
.ysa-connected-preview .crfm-table { min-width:0; font-size:11.5px; }
.ysa-connected-preview .crfm-table :is(th,td):nth-child(4),.ysa-connected-preview .crfm-table :is(th,td):nth-child(6) { display:none; }
.ysa-connected-preview .crfm-table td { padding:8px 6px; line-height:1.45; }
.ysa-connected-preview .crfm-table th { padding:9px 6px; font-size:10.5px; }
.ysa-connected-preview .crfm-table td:first-child { max-width:160px; }
.ysa-connected-preview .crfm-table .crfm-segment-button { white-space:normal; line-height:1.4; }

/* Profile names and complete activity dates retain readable columns on phones. */
@media(max-width:720px) {
 .ysa-connected-preview #ysa_cdp_profiles { max-width:100%; min-width:0; overflow-x:auto; overscroll-behavior-x:contain; }
 .ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-table { min-width:690px; table-layout:auto; }
 .ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-table :is(th,td):first-child { min-width:215px; width:34%; }
 .ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-table :is(th,td):nth-child(2) { min-width:145px; }
 .ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-table :is(th,td):nth-child(3) { min-width:170px; white-space:nowrap; }
 .ysa-connected-preview #ysa_cdp_profiles .ysa-cdp-profile-open { display:inline-flex; min-height:44px; width:auto; max-width:100%; padding:8px 10px; line-height:1.5; text-align:left; white-space:normal; overflow-wrap:normal; word-break:normal; }
 .ysa-connected-preview #ysa_cdp_profiles .ysa-cdp-profile-diagnostics-table { max-width:100%; overflow-x:auto; }
}
/* Full-fidelity pass: the artboards use one module header and compact content.
   Existing data, actions, customer branding and permission-filtered states stay
   in their original controls; deeper operational material remains available. */
.ysa-connected-preview .ysa-cdp-head{margin-bottom:22px;align-items:flex-start}
.ysa-connected-preview .ysa-cdp-head h1{margin:4px 0 8px}
.ysa-connected-preview .ysa-cdp-head>div:first-child{min-width:0;max-width:650px}
.ysa-connected-preview .ysa-cdp-overview-heading{display:none}
.ysa-connected-preview .ysa-cdp-overview-grid{gap:12px;margin-bottom:16px}
.ysa-connected-preview .ysa-cdp-metric-card{min-height:144px;padding:15px 16px 11px}
.ysa-connected-preview .ysa-cdp-metric-card>span{order:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ysa-connected-preview .ysa-cdp-metric-card>strong{order:1}
.ysa-connected-preview .ysa-cdp-metric-card>.ysa-cdp-card-trend{order:2;margin:0 0 6px;padding-top:0}
.ysa-connected-preview .ysa-cdp-metric-card>em{order:3;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ysa-connected-preview .ysa-cdp-overview-panels{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px}
.ysa-connected-preview .ysa-cdp-overview-panels>.ysa-cdp-health-card{grid-column:1;grid-row:1}
.ysa-connected-preview .ysa-cdp-overview-panels>.ysa-cdp-engine-card{grid-column:2;grid-row:1}
.ysa-connected-preview .ysa-cdp-overview-engine-details{margin:14px 0;font-size:12px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-cdp-overview-engine-details>summary{cursor:pointer;font-weight:600;color:var(--ysa-ink);padding:8px 0}
.ysa-connected-preview .ysa-cdp-overview-install .ysa-cdp-install-code{margin:0 0 12px;padding:14px;font-size:11.5px;line-height:1.6}
.ysa-connected-preview .ysa-cdp-overview-install .ysa-cdp-actions{align-items:start;display:flex;gap:10px}
.ysa-connected-preview .ysa-cdp-health-card .ysa-cdp-ops-summary{display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--ysa-line)}
.ysa-connected-preview .ysa-cdp-health-card .ysa-cdp-ops-public{margin-top:14px;padding-top:14px}
.ysa-connected-preview .ysa-cdp-recognition-trend{margin-top:16px}
.ysa-connected-preview .ysa-cdp-recognition-trend .ysa-cdp-card-trend{height:190px;padding:0;margin:0}
.ysa-connected-preview .ysa-cdp-recognition-trend .ysa-cdp-card-trend svg{height:190px;width:100%}
.ysa-connected-preview .ysa-cdp-recognition-trend .ysa-cdp-card-trend-label{display:none}
/* The per-tab title is already rendered by the module header. */
.ysa-connected-preview :is(.ysa-cortex-analytics-intro,.ysa-cortex-journey-hero-copy)>:is(h2,p,.ysa-cortex-analytics-eyebrow,.ysa-cortex-journey-eyebrow){display:none}
.ysa-connected-preview .ysa-cortex-analytics-toolbar{margin:0;height:0;min-height:0}
.ysa-connected-preview .ysa-cortex-analytics-toolbar .ysa-cortex-analytics-controls,.ysa-connected-preview .ysa-cortex-analytics-control-stack,.ysa-connected-preview .ysa-cortex-journey-hero-actions{position:absolute;right:32px;top:28px;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:48%}
.ysa-connected-preview .ysa-cortex-analytics-control-stack .ysa-cortex-analytics-controls{position:static;max-width:none}
.ysa-connected-preview .ysa-cortex-analytics-control-stack .ysa-cortex-analytics-control-meta{display:contents}
.ysa-connected-preview .ysa-cortex-analytics-period>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ysa-connected-preview .ysa-cortex-analytics-period select{min-height:36px;max-width:180px;font-size:12px}
.ysa-connected-preview .ysa-cortex-analytics-control-stack .ysa-cortex-analytics-live-badge{display:none}
.ysa-connected-preview .ysa-analytics-analysis-nav{gap:24px;margin-bottom:20px}
.ysa-connected-preview .ysa-analytics-analysis-nav>button{border-radius:0;padding:8px 0;min-height:42px}
.ysa-connected-preview .ysa-cortex-analytics-summary-head h2{font:400 18px/1.3 var(--ysa-font-heading);color:var(--ysa-ink);margin:0 0 16px}
.ysa-connected-preview .ysa-cortex-analytics-summary-head h2>span{font:italic 16px/1.3 var(--ysa-font-serif);color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-cortex-analytics-kpi{min-height:144px;padding:14px 16px}
.ysa-connected-preview .ysa-cortex-analytics-kpi-top{flex-wrap:nowrap;align-items:center}
.ysa-connected-preview .ysa-cortex-analytics-kpi-top>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ysa-connected-preview .ysa-cortex-analytics-kpi-top>em{flex:none}
.ysa-connected-preview .ysa-cortex-analytics-kpi>small{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ysa-connected-preview .ysa-cortex-analytics-grid,.ysa-connected-preview .ysa-cortex-analytics-content{gap:16px}
.ysa-connected-preview .ysa-cortex-analytics-chart{height:220px}
.ysa-connected-preview .ysa-cortex-journey-hero{margin:0 0 18px;display:block}
.ysa-connected-preview .ysa-cortex-journey-hero-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-cortex-journey-hero-meta>span{display:inline-flex;gap:6px;align-items:center}
.ysa-connected-preview .ysa-cortex-journey-content{gap:16px}
.ysa-connected-preview .ysa-cortex-journey-focus{grid-template-columns:56px minmax(0,1fr) minmax(0,1fr)}
.ysa-connected-preview .ysa-cortex-journey-focus-action{grid-column:auto;border:0;padding:0}
.ysa-connected-preview .ysa-cortex-journey-focus-action>div{display:block}
.ysa-connected-preview .ysa-cortex-journey-focus-action .ysa-cdp-btn{margin:12px 0 0;padding:0;min-height:24px;border:0;background:transparent;color:var(--ysa-ink)}
/* List pages share the design's unpadded filter strip and rounded table. */
.ysa-connected-preview #ysa_cdp_profile_list>.ysa-cdp-section{overflow:visible;border:0;border-radius:0}
.ysa-connected-preview #ysa_cdp_profile_list .ysa-cdp-section-head>div{display:none}
.ysa-connected-preview #ysa_cdp_profile_list .ysa-cdp-section-head{padding:0}
.ysa-connected-preview .ysa-cdp-profile-filters{margin:0 0 16px;gap:8px;align-items:center}
.ysa-connected-preview .ysa-cdp-profile-filter>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ysa-connected-preview .ysa-cdp-profile-filter :is(input,select){min-height:36px;font-size:12px}
.ysa-connected-preview .ysa-cdp-profile-filter:has(#ysa_cdp_profile_type){flex-basis:max-content;max-width:100%}
.ysa-cdp-profile-primary-filters{grid-column:1/-1;flex-basis:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.ysa-cdp-profile-filter-group{display:flex;align-items:end;flex-wrap:wrap;gap:8px;min-width:0}
.ysa-cdp .ysa-cdp-profile-filter-group .ysa-cdp-profile-filter{flex:1 1 132px;min-width:0;max-width:320px}
.ysa-cdp .ysa-cdp-profile-filter-group .ysa-cdp-profile-filter[hidden]{display:none}
.ysa-cdp-profile-recognition{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13.5px;cursor:pointer}
.ysa-cdp-profile-recognition input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--ysa-ink,var(--cdp-ink))}
.ysa-connected-preview .ysa-cdp-profile-filter-group .ysa-cdp-profile-filter>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
@media(max-width:720px){
 .ysa-cdp-profile-primary-filters{grid-template-columns:minmax(0,1fr);gap:8px}
 .ysa-cdp .ysa-cdp-profile-filter-group .ysa-cdp-profile-filter{flex-basis:192px;max-width:none}
 .ysa-connected-preview .ysa-cdp-profile-filter-group select{min-height:44px;font-size:16px}
}
.ysa-connected-preview #ysa_cdp_profiles.ysa-cdp-body{padding:0;overflow:auto;border:1px solid var(--ysa-line);border-radius:18px}
.ysa-connected-preview #ysa_cdp_profiles .ysa-cdp-btn{padding:0;min-height:0;border:0;border-radius:0;background:transparent;text-align:left;font-weight:600}
.ysa-connected-preview #ysa_cdp_profiles td{padding:13px 20px}
.ysa-connected-preview #ysa_cdp_profiles th{padding:11px 20px;background:var(--ysa-canvas)}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-main .ysa-cdp-profile-section:has(.ysa-cdp-profile-journey){order:-2}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-main .ysa-cdp-profile-section:has(.ysa-cdp-timeline){order:-1}
.ysa-connected-preview .ysa-cdp-profile-detail-grid{grid-template-columns:minmax(0,1fr) 300px;gap:16px}
/* Frame 4f: purchase metrics and timeline beside compact native customer facts. */
.ysa-connected-preview #ysa_cdp_profile_detail{container:ysa-cdp-profile / inline-size}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-back{min-height:30px;margin:0 0 12px;padding:0;border:0;background:transparent;font-size:12px}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-detail-head{align-items:center;gap:16px;margin-bottom:24px}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-eyebrow{display:none}
.ysa-connected-preview #ysa_cdp_profile_detail_title{font:400 32px/1.2 var(--ysa-font-heading);margin:0 0 8px;overflow-wrap:anywhere}
.ysa-connected-preview #ysa_cdp_profile_detail_description{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font-size:12px;line-height:1.5}
.ysa-connected-preview .ysa-cdp-profile-kind{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--ysa-sage-soft);color:var(--ysa-ink);font-size:11px;font-weight:600}
.ysa-connected-preview .ysa-cdp-profile-email{color:var(--ysa-text-muted);overflow-wrap:anywhere}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-detail-grid{grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-stack{gap:16px}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-stack>.ysa-cdp-section{margin:0}
.ysa-connected-preview .ysa-cdp-profile-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;order:-3}
.ysa-connected-preview .ysa-cdp-profile-metric{min-width:0;padding:16px;border:1px solid var(--ysa-line);border-radius:16px;background:var(--ysa-sheet)}
.ysa-connected-preview .ysa-cdp-profile-metric>span{display:block;color:var(--ysa-text-muted);font-size:12px;line-height:1.5}
.ysa-connected-preview .ysa-cdp-profile-metric>strong{display:block;margin-top:8px;font-size:18px;line-height:1.3;font-weight:600;overflow-wrap:anywhere}
.ysa-connected-preview .ysa-cdp-profile-metric:last-child>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ysa-connected-preview .ysa-cdp-profile-metric>small{display:block;margin-top:6px;color:var(--ysa-text-muted);font-size:11px;line-height:1.5}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-panel-icon{display:none}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-section-head{gap:0;padding:18px 20px 10px}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-section-head h2{font:400 20px/1.3 var(--ysa-font-heading)}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-section-head p{font-size:12px;line-height:1.5}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-body{padding:8px 20px 20px}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-aside .ysa-cdp-section-head p{display:none}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-summary{display:block;margin:0}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-summary .ysa-cdp-card{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:12px 0;border:0;border-radius:0;background:transparent}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-summary .ysa-cdp-card+.ysa-cdp-card{border-top:1px solid var(--ysa-line-soft)}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-summary-icon{display:none}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-summary .ysa-cdp-card>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:6px 10px}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-summary .ysa-cdp-card span{font-size:12px;line-height:1.5}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-summary .ysa-cdp-card strong{margin:0;font-size:12px;line-height:1.5;font-weight:600;text-align:right;overflow-wrap:anywhere}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-summary .ysa-cdp-card em{grid-column:1/-1;margin:0;font-size:11px;line-height:1.5;font-style:normal}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-facts{grid-template-columns:minmax(0,1fr)}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-identity-details>summary{display:flex;align-items:center;gap:8px;margin:0;padding:18px 20px;list-style:none;font-size:14px;font-weight:600;cursor:pointer}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-field-group>summary{display:flex;align-items:center;gap:8px;min-height:40px;list-style:none;font-size:13px;font-weight:600;cursor:pointer}
.ysa-connected-preview #ysa_cdp_profile_detail :is(.ysa-cdp-profile-identity-details,.ysa-cdp-profile-field-group)>summary::-webkit-details-marker{display:none}
.ysa-connected-preview #ysa_cdp_profile_detail :is(.ysa-cdp-profile-identity-details,.ysa-cdp-profile-field-group)>summary>i:last-child{margin-left:auto}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-section-activity .ysa-cdp-profile-empty{min-height:130px}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-journey{display:grid;gap:16px}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-journey-track{margin:0}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-feeds{display:block}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-feed-list{width:auto;min-width:0;margin:0 20px 20px;padding:0;list-style:none}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-feed-toggle{min-width:0;padding:12px 8px;gap:8px}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-feed-toggle>span:first-child{flex:1;min-width:0}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-feed-toggle strong{font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-feed-toggle-side{flex:none;gap:6px}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-feed-scope{padding:2px 5px;border-radius:999px;background:var(--ysa-canvas);font-size:10px;font-weight:500;line-height:1.5;white-space:nowrap}
@media(max-width:1200px){.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-detail-grid{grid-template-columns:minmax(0,1fr)}.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
@media(max-width:600px){.ysa-connected-preview .ysa-cdp-profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ysa-connected-preview .ysa-cdp-profile-metric{padding:14px}.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-aside{grid-template-columns:minmax(0,1fr)}.ysa-connected-preview #ysa_cdp_profile_detail_title{font-size:28px}.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-detail-head{flex-direction:row;align-items:center}.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-section-head{padding:16px 16px 10px}.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-body{padding:8px 16px 16px}}
@container ysa-cdp-profile (max-width:900px){.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-detail-grid{grid-template-columns:minmax(0,1fr)}.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container ysa-cdp-profile (max-width:600px){.ysa-connected-preview .ysa-cdp-profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-aside{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-feed-list{margin:0 16px 16px}}
.ysa-connected-preview #ysa_cdp_panel_audiences{position:relative}
.ysa-connected-preview .ysa-cdp-audience-summary{margin:0 0 16px}
.ysa-connected-preview .ysa-cdp-audience-tools{gap:8px;margin:0 0 16px;padding:0;justify-content:flex-end}
.ysa-connected-preview .ysa-cdp-audience-tools label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ysa-connected-preview .ysa-cdp-audience-tools :is(input,select){height:36px;min-height:36px;font-size:12px}
.ysa-connected-preview #ysa_cdp_panel_audiences>.ysa-cdp-section:not(dialog){border:0;border-radius:0;overflow:visible}
.ysa-connected-preview #ysa_cdp_audiences{padding:0;overflow:auto;border:1px solid var(--ysa-line);border-radius:18px}
.ysa-connected-preview #ysa_cdp_audiences table :is(th,td){padding:10px 12px}
.ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-form{gap:12px}
.ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-field textarea{min-height:64px}
.ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-condition{padding:12px;border:1px solid var(--ysa-line);border-left:3px solid var(--ysa-sage);border-radius:12px;background:var(--ysa-sheet)}
.ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-condition-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr) minmax(0,1fr) 24px;gap:6px;padding-top:10px}
.ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-condition-row>[data-audience-value-wrap]{grid-column:auto}
.ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-condition-row>.ysa-cdp-mini{display:none}
.ysa-connected-preview #ysa_cdp_panel_rfm>.ysa-cdp-section:first-child{border:0;margin:0}
.ysa-connected-preview #ysa_cdp_panel_rfm>.ysa-cdp-section:first-child .ysa-cdp-section-head{padding:0}
.ysa-connected-preview #ysa_cdp_panel_rfm>.ysa-cdp-section:first-child .ysa-cdp-section-head>div{display:none}
.ysa-connected-preview #ysa_cdp_rfm_refresh{position:absolute;right:32px;top:28px}
.ysa-connected-preview .crfm-header{padding:16px 20px 0;margin-bottom:14px}
.ysa-connected-preview .crfm-heading{padding:0}
.ysa-connected-preview .crfm-heading>div>p{font-size:12px}
.ysa-connected-preview .crfm-summary{gap:16px;margin:0;font-size:11px}
.ysa-connected-preview .crfm-tools{padding:0 20px 16px}
.ysa-connected-preview .crfm-map{padding:0 20px 20px}
.ysa-connected-preview .crfm-overview{display:block}
.ysa-connected-preview .crfm-overview>h3{margin:0 0 6px;font:400 18px/1.3 var(--ysa-font-heading)}
.ysa-connected-preview .crfm-overview>p{margin:0 0 16px;font-size:12px}
.ysa-connected-preview .crfm-table .crfm-segment-button strong{font-weight:500}
.ysa-connected-preview .crfm-table td:first-child p{display:none}
.ysa-connected-preview .crfm-table-wrap{overflow:auto;max-width:100%}
/* Current fixed feed definitions and tracking controls are presented as tables,
   without inventing the prototype's unsupported custom feed actions. */
.ysa-connected-preview #ysa_cdp_panel_product_feeds{display:none;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:16px;align-items:start}
.ysa-connected-preview #ysa_cdp_panel_product_feeds.is-active{display:grid}
.ysa-connected-preview #ysa_cdp_panel_product_feeds>.ysa-cdp-section{margin:0}
.ysa-connected-preview #ysa_cdp_panel_product_feeds>.ysa-cdp-section:first-child>.ysa-cdp-section-head{display:none}
.ysa-connected-preview #ysa_cdp_panel_product_feeds .ysa-cdp-feed-grid{grid-template-columns:minmax(0,1fr);gap:0}
.ysa-connected-preview #ysa_cdp_panel_product_feeds .ysa-cdp-feed-item{padding:12px 20px;min-height:76px;gap:12px}
.ysa-connected-preview #ysa_cdp_panel_product_feeds .ysa-cdp-feed-item:last-child{border-bottom:0}
.ysa-connected-preview .ysa-cdp-feed-item h3{font:600 13px/1.45 var(--ysa-font-sans);margin:0 0 4px}
.ysa-connected-preview .ysa-cdp-feed-item p,.ysa-connected-preview .ysa-cdp-feed-meta{font-size:12px;line-height:1.45}
.ysa-connected-preview #ysa_cdp_panel_tracking > .ysa-cdp-section:not(dialog) { margin:0; }
.ysa-connected-preview #ysa_cdp_tracking_rules { overflow-x:auto; }
.ysa-cdp-tracking-activity { width:112px; color:var(--ysa-text-3,var(--cdp-muted)); font-variant-numeric:tabular-nums; }
.ysa-cdp-tracking-activity svg { display:block; width:100%; height:auto; }
.ysa-cdp .ysa-cdp-tracking-activity .ysa-cdp-spark-area { fill:var(--ysa-sage,currentColor); opacity:.22; }
.ysa-cdp .ysa-cdp-tracking-activity .ysa-cdp-spark-line {
  fill:none;
  stroke:var(--ysa-plot-ink,var(--ysa-ink,currentColor));
  stroke:color-mix(in srgb,var(--ysa-sage) 55%,var(--ysa-plot-ink,var(--ysa-ink)));
  stroke-width:1.6;
}
.ysa-cdp-tracking-activity.is-empty .ysa-cdp-spark-line { opacity:.65; }
.ysa-connected-preview #ysa_cdp_tracking_rules .ysa-cdp-rule-row-actions { display:flex; gap:4px; }
.ysa-connected-preview #ysa_cdp_tracking_rules .ysa-cdp-rule-row-actions .ysa-cdp-btn { padding-inline:8px; }
@media(max-width:720px){
 .ysa-cdp-tracking-rule-name { min-width:92px; max-width:104px; overflow-wrap:anywhere; }
 .ysa-cdp-tracking-activity { width:96px; }
 .ysa-connected-preview #ysa_cdp_tracking_rules .ysa-cdp-rule-row-actions button { min-height:44px; }
}
.ysa-connected-preview #ysa_cdp_panel_tracking .ysa-cdp-rule-head-actions { flex-wrap:wrap; justify-content:flex-end; }
.ysa-connected-preview .ysa-cdp-tracker-dialog {
  width:min(620px,calc(100% - 32px));
  max-height:calc(100dvh - 32px);
  margin:auto;
  padding:0;
  overflow:auto;
  overscroll-behavior:contain;
  border-radius:20px;
  color:var(--ysa-ink);
}
.ysa-connected-preview .ysa-cdp-tracker-dialog > .ysa-cdp-section-head { padding:20px; }
.ysa-connected-preview .ysa-cdp-tracker-dialog > .ysa-cdp-section-head h2 { font-size:22px; }
.ysa-connected-preview .ysa-cdp-tracker-dialog > .ysa-cdp-body { display:grid; gap:16px; }
.ysa-connected-preview .ysa-cdp-tracker-dialog .ysa-cdp-actions { margin:0; }
.ysa-connected-preview #ysa_cdp_panel_sources.is-active{display:flex;flex-direction:column;gap:16px}
.ysa-connected-preview #ysa_cdp_panel_sources>.ysa-source-groups{order:-1}
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-cards{margin-bottom:0;gap:16px}
.ysa-connected-preview #ysa_cdp_panel_settings.is-active{display:flex;flex-direction:column;gap:16px}
.ysa-connected-preview #ysa_cdp_panel_settings>.ysa-cdp-section{margin:0}
.ysa-connected-preview #ysa_cdp_panel_settings>.ysa-cdp-settings-engine{order:-1}
.ysa-connected-preview .ysa-cdp-settings-engine>.ysa-cdp-section-head h2{font-size:18px}
.ysa-connected-preview .ysa-cdp-settings-engine .ysa-cdp-form>.ysa-cdp-field{order:-1}
.ysa-connected-preview .ysa-cdp-settings-engine .ysa-cdp-form>.ysa-cdp-native-effect{margin-top:8px}
@media(min-width:1201px){
 .ysa-connected-preview .ysa-cortex-analytics-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
 .ysa-connected-preview .ysa-search-analytics .ysa-cortex-analytics-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1100px){
 .ysa-connected-preview .ysa-cortex-analytics-toolbar .ysa-cortex-analytics-controls,.ysa-connected-preview .ysa-cortex-analytics-control-stack,.ysa-connected-preview .ysa-cortex-journey-hero-actions{position:static;max-width:none;margin:0 0 18px;justify-content:flex-start}
 .ysa-connected-preview .ysa-cortex-analytics-toolbar{height:auto;display:block}
 .ysa-connected-preview .ysa-cdp-overview-panels{grid-template-columns:minmax(0,1fr)}
 .ysa-connected-preview .ysa-cdp-overview-panels>.ysa-cdp-health-card,.ysa-connected-preview .ysa-cdp-overview-panels>.ysa-cdp-engine-card{grid-column:1;grid-row:auto}
 .ysa-connected-preview #ysa_cdp_panel_product_feeds.is-active{grid-template-columns:minmax(0,1fr)}
 .ysa-connected-preview .ysa-cortex-journey-focus{grid-template-columns:56px minmax(0,1fr)}
 .ysa-connected-preview .ysa-cortex-journey-focus-action{grid-column:1 / -1}
}
@media(max-width:800px){
 .ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-condition-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px}
 .ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-condition-row>[data-audience-value-wrap]{grid-column:1 / 3}
 .ysa-connected-preview #ysa_cdp_rfm_refresh{position:static;margin-bottom:16px}
 .ysa-connected-preview .ysa-cdp-profile-detail-grid{grid-template-columns:minmax(0,1fr)}
 .ysa-connected-preview .ysa-cdp-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ysa-connected-preview .ysa-cdp-metric-card{min-height:136px}
 .ysa-connected-preview .ysa-cortex-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ysa-connected-preview .ysa-cdp-head>div:first-child{max-width:none}
 .ysa-connected-preview .ysa-cdp-recognition-trend .ysa-cdp-card-trend,.ysa-connected-preview .ysa-cdp-recognition-trend .ysa-cdp-card-trend svg{height:150px}
}
.ysa-connected-preview .ysa-cdp-source-primary-actions{position:absolute;top:28px;right:32px;display:flex;align-items:center;gap:8px;z-index:2}
.ysa-connected-preview #ysa_cdp_panel_sources>.ysa-cdp-section:has(#ysa_cdp_sources){order:-3;border:0;border-radius:0;overflow:visible}
.ysa-connected-preview #ysa_cdp_panel_sources>.ysa-cdp-section:has(#ysa_cdp_sources)>.ysa-cdp-section-head{padding:0 0 12px}
.ysa-connected-preview #ysa_cdp_panel_sources>.ysa-cdp-section:has(#ysa_cdp_sources)>.ysa-cdp-section-head>div{display:none}
.ysa-connected-preview #ysa_cdp_panel_sources>.ysa-cdp-section:has(#ysa_cdp_sources)>.ysa-cdp-body{padding:0}
.ysa-connected-preview #ysa_cdp_panel_sources>.ysa-cdp-section:has(#ysa_cdp_sources)>.ysa-cdp-body>p{font-size:11.5px;line-height:1.5;margin:0 0 10px}
.ysa-connected-preview #ysa_cdp_panel_sources>.ysa-source-section-imports{order:-2}
.ysa-connected-preview #ysa_cdp_panel_sources>.ysa-sources-report-head{order:2;margin:8px 0 0}
.ysa-connected-preview #ysa_cdp_panel_sources>#ysa_cdp_sources_report{order:3}
.ysa-connected-preview #ysa_cdp_panel_sources>.ysa-source-section-csv{order:1}
.ysa-connected-preview #ysa_cdp_panel_settings.is-active{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);align-items:start;gap:16px}
.ysa-connected-preview .ysa-cdp-settings-summary{grid-column:2;grid-row:1 / 5;display:grid;gap:16px}
.ysa-connected-preview .ysa-cdp-settings-summary .ysa-cdp-section-head{padding:18px 20px 14px}
.ysa-connected-preview .ysa-cdp-settings-summary .ysa-cdp-section-head>div{min-width:0}
.ysa-connected-preview .ysa-cdp-settings-summary .ysa-cdp-section-head h2{font-size:18px}
.ysa-connected-preview .ysa-cdp-settings-summary .ysa-cdp-body{padding:0 20px 20px}
.ysa-connected-preview .ysa-cdp-settings-plan-name{margin:0;font:400 24px/1.25 var(--ysa-font-heading)}
.ysa-connected-preview .ysa-cdp-settings-plan-fee{margin:8px 0 14px;font-size:12px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-cdp-settings-plan-fee strong{color:var(--ysa-ink);font-weight:600}
.ysa-connected-preview .ysa-cdp-settings-facts{display:grid;gap:0;margin:16px 0}
.ysa-connected-preview .ysa-cdp-settings-facts>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--ysa-line);font-size:12px}
.ysa-connected-preview .ysa-cdp-settings-facts dt{color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-cdp-settings-facts dd{margin:0;font-weight:600}
.ysa-connected-preview .ysa-cdp-settings-summary .ysa-cdp-btn.is-link{padding:0;min-height:24px;margin-top:12px;border:0;background:none;justify-content:flex-start}
.ysa-connected-preview #ysa_cdp_panel_settings>.ysa-cdp-section{grid-column:1}
.ysa-connected-preview #ysa_cdp_panel_settings #ysa_cdp_save{position:absolute;top:28px;right:32px}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-main>.ysa-cdp-profile-section-journey{order:-2}
.ysa-connected-preview #ysa_cdp_profile_detail .ysa-cdp-profile-main>.ysa-cdp-profile-section-activity{order:-1}
@media(max-width:1100px){
 .ysa-connected-preview .ysa-cdp-source-primary-actions{position:static;justify-content:flex-start;margin-bottom:16px}
 .ysa-connected-preview #ysa_cdp_panel_settings.is-active{grid-template-columns:minmax(0,1fr)}
 .ysa-connected-preview .ysa-cdp-settings-summary{grid-column:1;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr));order:2}
 .ysa-connected-preview #ysa_cdp_panel_settings>.ysa-cdp-section{grid-column:1}
}
@media(max-width:800px){
 .ysa-connected-preview .ysa-cdp-settings-summary{grid-template-columns:minmax(0,1fr)}
 .ysa-connected-preview #ysa_cdp_panel_settings #ysa_cdp_save{position:static}
 .ysa-connected-preview .ysa-cdp-source-primary-actions{flex-wrap:wrap}
}
.ysa-connected-preview .ysa-cdp-head>div:first-child{position:relative}
.ysa-connected-preview .ysa-cdp-page-count{display:none;font:italic 19px/1.4 var(--ysa-font-serif);color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-cdp-page-count strong{font:inherit}
.ysa-connected-preview .ysa-cdp[data-cdp-active-tab=audiences] .ysa-cdp-page-count{display:flex;gap:9px;position:absolute;top:19px;left:156px;white-space:nowrap}
.ysa-connected-preview .ysa-cdp[data-cdp-active-tab=audiences] .ysa-cdp-page-count>span+span::before{content:'·';margin-right:9px}
.ysa-connected-preview #ysa_cdp_audiences table{table-layout:fixed}
.ysa-connected-preview #ysa_cdp_audiences th:first-child{width:27%}
.ysa-connected-preview #ysa_cdp_audiences th:nth-child(2){width:14%}
.ysa-connected-preview #ysa_cdp_audiences th:nth-child(3){width:16%}
.ysa-connected-preview #ysa_cdp_audiences th:nth-child(4){width:12%}
.ysa-connected-preview #ysa_cdp_audiences th:nth-child(5){width:15%}
.ysa-connected-preview #ysa_cdp_audiences th:nth-child(6){width:16%}
.ysa-connected-preview #ysa_cdp_audiences td{font-size:12px;line-height:1.45;vertical-align:top;overflow-wrap:normal}
.ysa-connected-preview #ysa_cdp_audiences td:first-child>strong,.ysa-connected-preview #ysa_cdp_audiences td:first-child>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ysa-connected-preview #ysa_cdp_audiences td:first-child>br{display:none}
.ysa-connected-preview #ysa_cdp_audiences td:first-child>small{margin-top:3px;font-size:11px}
.ysa-connected-preview #ysa_cdp_audiences td[data-label]>.ysa-cdp-btn{padding:0;min-height:0;border:0;background:none;font-size:12px;text-align:left;justify-content:flex-start}
.ysa-connected-preview #ysa_cdp_audiences [data-audience-action=profiles]>.ysa-cdp-mini{display:none}
.ysa-connected-preview #ysa_cdp_audiences .ysa-cdp-badge{padding:3px 6px;font-size:10.5px;white-space:nowrap}
@media(min-width:1101px){.ysa-connected-preview .ysa-cdp:has(.ysa-cdp-panel:is([data-cdp-panel=analytics],[data-cdp-panel=search_analytics],[data-cdp-panel=journey]).is-active) .ysa-cdp-head>div:first-child{max-width:52%}}
@media(max-width:800px){
 .ysa-connected-preview .ysa-cdp[data-cdp-active-tab=audiences] .ysa-cdp-page-count{position:static;white-space:normal;flex-wrap:wrap;margin:0 0 8px;font-size:16px;gap:6px}
 .ysa-connected-preview #ysa_cdp_audiences table{min-width:630px}
}

/* Fresh standalone reference: compact real lists and forms at their own widths. */
.ysa-connected-preview .ysa-cdp-recognition-trend .ysa-cdp-spark-line{vector-effect:non-scaling-stroke;stroke-width:1.5}
.ysa-connected-preview .ysa-cdp-recognition-trend .ysa-cdp-spark-area{opacity:.5}
.ysa-connected-preview #ysa_cdp_profiles .ysa-cdp-profile-open{border:0;background:none;padding:0;min-height:24px;text-align:left;font-size:13px;font-weight:600;color:var(--ysa-ink)}
.ysa-connected-preview .ysa-cdp .crfm-table td>small{display:none}
.ysa-connected-preview .ysa-cdp .crfm-table td{padding:9px 7px;white-space:nowrap}
.ysa-connected-preview .ysa-cdp .crfm-table th{font-size:10.5px;white-space:nowrap}
.ysa-connected-preview .ysa-cdp .crfm-table .crfm-segment-button{white-space:nowrap;font-size:11px}
.ysa-connected-preview .crfm-overview>p{font-size:11.5px;line-height:1.45}
.ysa-connected-preview #ysa_cdp_audiences th:first-child{width:26%}
.ysa-connected-preview #ysa_cdp_audiences th:nth-child(2){width:13%}
.ysa-connected-preview #ysa_cdp_audiences th:nth-child(3){width:17%}
.ysa-connected-preview #ysa_cdp_audiences th:nth-child(4){width:10%}
.ysa-connected-preview #ysa_cdp_audiences th:nth-child(5){width:14%}
.ysa-connected-preview #ysa_cdp_audiences th:nth-child(6){width:16%}
.ysa-connected-preview #ysa_cdp_audiences td{padding:11px 8px;font-size:11.5px}
.ysa-connected-preview #ysa_cdp_audiences th{padding:9px 8px;font-size:10px}
.ysa-connected-preview #ysa_cdp_audiences td:nth-child(2) .ysa-cdp-badge{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;font-size:10px;padding:3px 5px}
.ysa-connected-preview #ysa_cdp_audiences td:nth-child(6){font-size:10.5px}
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ysa-connected-preview #ysa_cdp_panel_sources :is(.ysa-source-group,.ysa-source-cards){display:contents}
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-group-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ysa-connected-preview .ysa-source-card{padding:16px;align-self:start}
.ysa-connected-preview .ysa-source-card header{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.ysa-connected-preview .ysa-source-card header>div{min-width:0;flex:1}
.ysa-connected-preview .ysa-source-card h4{font:600 14px/1.35 var(--ysa-font-sans);margin:5px 0 0;overflow-wrap:anywhere}
.ysa-connected-preview .ysa-source-card .ysa-source-provider{display:inline;color:var(--ysa-text-muted);width:auto;height:auto;background:none;border-radius:0;font-size:11px;line-height:1.4}
.ysa-connected-preview .ysa-source-card .ysa-source-context{font-size:11.5px;line-height:1.45}
.ysa-connected-preview .ysa-source-entity{display:block;padding:10px 0;font-size:11.5px}
.ysa-connected-preview .ysa-source-entity-details{display:grid;gap:5px;margin-top:5px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-source-sync{display:grid;gap:7px}
.ysa-connected-preview .ysa-source-sync label{display:grid;gap:5px;font-size:11px}
.ysa-connected-preview .ysa-source-sync .ysa-cdp-btn{font-size:11px;min-height:30px;padding:4px 8px;justify-self:start}
.ysa-connected-preview .ysa-cdp-settings-engine .ysa-cdp-form>.ysa-cdp-cortex-toggle{grid-column:1 / -1;order:-2;min-height:66px;margin:0 0 2px;padding:14px 0;flex-wrap:nowrap;border-bottom:1px solid var(--ysa-line);cursor:pointer}
.ysa-connected-preview .ysa-cdp-cortex-toggle-body{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1}
.ysa-connected-preview .ysa-cdp-cortex-toggle-copy{display:grid;gap:5px}
.ysa-connected-preview .ysa-cdp-cortex-toggle-copy small{font-size:12px;color:var(--ysa-text-muted);font-weight:400}
.ysa-connected-preview .ysa-cdp-cortex-toggle-state{font-size:11px;font-weight:600;padding:4px 8px;border-radius:999px;background:var(--ysa-sage-soft)}
.ysa-connected-preview .ysa-cdp-settings-engine .ysa-cdp-form>.ysa-cdp-native-effect{grid-column:1 / -1;margin:0;padding:16px 0;border:0;border-top:1px solid var(--ysa-line);border-radius:0}
.ysa-connected-preview .ysa-cdp-native-effect legend{font:400 18px/1.3 var(--ysa-font-heading);padding:0}
.ysa-connected-preview .ysa-cdp-native-effect p{font-size:12px;margin:6px 0 16px;line-height:1.5}
.ysa-connected-preview .ysa-cdp-native-effect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ysa-connected-preview .ysa-cdp-native-effect-grid .ysa-cdp-field{font-size:12px}
.ysa-connected-preview .ysa-cdp-native-effect-grid small{font-size:11px;line-height:1.4}
.ysa-connected-preview #ysa_cdp_panel_product_feeds .ysa-cdp-feed-test{grid-template-columns:minmax(0,1fr);gap:18px}
.ysa-connected-preview #ysa_cdp_panel_product_feeds .ysa-cdp-feed-token-state{padding:12px;font-size:11.5px}
.ysa-connected-preview #ysa_cdp_panel_product_feeds .ysa-cdp-feed-test .ysa-cdp-form{gap:12px}
.ysa-connected-preview #ysa_cdp_panel_product_feeds .ysa-cdp-feed-test .ysa-cdp-field{font-size:12px}
.ysa-connected-preview .ysa-cdp-personalization-page-head>div>small,.ysa-connected-preview .ysa-cdp-personalization-page-head h2,.ysa-connected-preview .ysa-cdp-personalization-page-head p{display:none}
.ysa-connected-preview .ysa-cdp-personalization-page-head{margin:0 0 16px;justify-content:flex-end}
.ysa-connected-preview .ysa-cdp-personalization-gate{padding:0 0 14px;border-radius:0;background:transparent;border-bottom:1px solid var(--ysa-line)}
.ysa-connected-preview .ysa-cdp-personalization-workspace-tabs{margin-bottom:16px}
.ysa-connected-preview .ysa-cdp-personalization-workspace-tabs .ysa-cdp-personalization-workspace-meta{display:flex;gap:6px}
@media(min-width:1101px){
 .ysa-connected-preview .ysa-cortex-analytics-control-stack{max-width:60%;flex-wrap:nowrap}
 .ysa-connected-preview .ysa-cortex-analytics-control-stack .ysa-cortex-analytics-controls{flex-wrap:nowrap}
 .ysa-connected-preview .ysa-cortex-analytics-period select{max-width:140px;font-size:11.5px}
 .ysa-connected-preview .ysa-cortex-analytics-controls .ysa-cdp-btn{padding:7px 10px;font-size:12px;white-space:nowrap}
}
@media(max-width:1100px){
 .ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-groups{grid-template-columns:minmax(0,1fr)}
 .ysa-connected-preview .ysa-cdp-native-effect-grid{grid-template-columns:minmax(0,1fr)}
 .ysa-connected-preview .ysa-cdp-personalization-gate{align-items:flex-start;gap:8px;font-size:11.5px}
 .ysa-connected-preview .ysa-cdp-personalization-gate p{font-size:11px}
 .ysa-connected-preview .ysa-cdp-personalization-runtime-state{font-size:10px;white-space:nowrap;flex:none}
 .ysa-connected-preview .ysa-cdp-personalization-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ysa-connected-preview .ysa-cdp-personalization-workspace-tabs{flex-wrap:wrap;gap:8px}
 .ysa-connected-preview .ysa-cdp-overview-grid{gap:10px}
 .ysa-connected-preview .ysa-cdp-metric-card{min-height:94px;padding:12px;border:0;border-radius:14px;background:var(--ysa-sheet)}
 .ysa-connected-preview .ysa-cdp-metric-card :is(.ysa-cdp-card-trend,em){display:none}
 .ysa-connected-preview .ysa-cdp-metric-card>strong{font-size:22px;margin:5px 0 0}
 .ysa-connected-preview .ysa-cdp-overview-grid>.ysa-cdp-status-card{grid-column:1 / -1;padding:10px 0;border:0;background:none;min-height:0}
 .ysa-connected-preview .ysa-cdp-health-card{border:0;border-radius:20px}
 .ysa-connected-preview .ysa-cdp-recognition-trend{border:0;border-radius:20px}
}

.ysa-connected-preview .ysa-search-compact-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ysa-connected-preview .ysa-search-compact-comparison article>span{font-size:12px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-search-compact-comparison article>div{display:flex;align-items:center;gap:8px;margin:6px 0 12px}
.ysa-connected-preview .ysa-search-compact-comparison strong{font-size:23px;line-height:1.25;font-weight:600}
.ysa-connected-preview .ysa-search-compact-comparison em{font-style:normal;font-size:10.5px;font-weight:600;border-radius:999px;background:var(--ysa-lime-soft);padding:3px 7px}
.ysa-connected-preview .ysa-search-compact-comparison dl{display:grid;gap:6px;margin:0;font-size:11.5px}
.ysa-connected-preview .ysa-search-compact-comparison dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ysa-connected-preview .ysa-search-compact-comparison dt{color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-search-compact-comparison dd{margin:0;font-weight:600}
.ysa-connected-preview .ysa-search-full-comparison{margin-top:16px;border-top:1px solid var(--ysa-line);padding-top:12px;font-size:11.5px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-search-full-comparison>summary{cursor:pointer;font-weight:600;color:var(--ysa-ink)}
.ysa-connected-preview .ysa-search-full-comparison[open]>.ysa-cortex-search-comparisons{margin-top:18px}
.ysa-connected-preview .ysa-search-control-report>.ysa-cortex-search-experiment-head{margin-bottom:18px}
.ysa-connected-preview .ysa-search-control-report>.ysa-cortex-search-experiment-head .ysa-cortex-analytics-eyebrow{display:none}
.ysa-connected-preview .ysa-search-control-report>.ysa-cortex-search-experiment-head h2{font-size:18px;margin:0 0 5px}
.ysa-connected-preview .ysa-search-control-report>.ysa-cortex-search-experiment-head p{font-size:12px}
.ysa-connected-preview .ysa-search-trend>svg{height:190px;width:100%;display:block}
.ysa-connected-preview .ysa-search-trend>details{font-size:11px;color:var(--ysa-text-muted);margin-top:12px}
.ysa-connected-preview .ysa-search-funnel article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 0;border-bottom:1px solid var(--ysa-line-soft);font-size:12px}
.ysa-connected-preview .ysa-search-funnel article>small{grid-column:1 / -1;color:var(--ysa-text-muted);font-size:11px}
@media(max-width:1024px){
 .ysa-connected-preview .ysa-cdp{display:block;min-height:calc(100dvh - 122px)}
 .ysa-connected-preview .ysa-cdp-nav{position:relative;z-index:10;border:0;padding:0 16px 0;background:transparent}
 .ysa-connected-preview .ysa-cdp-nav-brand{display:flex;min-height:56px;padding:0;margin:0 0 10px}
 .ysa-connected-preview .ysa-cdp-nav-title{font-size:12px}
 .ysa-connected-preview .ysa-cdp-nav-title strong{font-size:14px}
 .ysa-connected-preview .ysa-cdp-nav-toggle{display:none}
 .ysa-connected-preview .ysa-cdp-nav .ysa-cdp-tabs{display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:0 0 2px;margin:0;max-width:100%;white-space:nowrap}
 .ysa-connected-preview .ysa-cdp-nav-group{display:contents}
 .ysa-connected-preview .ysa-cdp-nav-label{display:none}
 .ysa-connected-preview .ysa-cdp-nav .ysa-cdp-tab{width:auto;flex:none;min-height:36px;padding:8px 13px;border:1px solid var(--ysa-line);border-radius:999px;background:var(--ysa-sheet);font-size:13px;white-space:nowrap;color:var(--ysa-ink)}
 .ysa-connected-preview .ysa-cdp-tab i{display:none}
 .ysa-connected-preview .ysa-cdp-nav .ysa-cdp-tab.is-active{background:var(--ysa-ink);border-color:var(--ysa-ink);color:var(--ysa-sheet);font-weight:600}
 .ysa-connected-preview .ysa-cdp-hero{padding-top:18px}
 .ysa-connected-preview .ysa-cdp-main{padding-bottom:120px}
 .ysa-connected-preview .ysa-search-compact-comparison{gap:16px}
}
@media(max-width:600px){
 .ysa-connected-preview .ysa-search-compact-comparison{grid-template-columns:minmax(0,1fr);gap:16px}
 .ysa-connected-preview .ysa-search-compact-comparison article{border-bottom:1px solid var(--ysa-line-soft);padding-bottom:14px}
 .ysa-connected-preview .ysa-search-compact-comparison article:last-child{border:0;padding-bottom:0}
 .ysa-connected-preview .ysa-cortex-search-experiment-head{flex-wrap:wrap;gap:8px}
 .ysa-connected-preview .ysa-cortex-search-experiment-head p{line-height:1.45}
}

.ysa-connected-preview .ysa-search-analytics [data-search-status]{font-size:11px;line-height:1.45;font-weight:400;color:var(--ysa-text-muted);margin:12px 0}
.ysa-connected-preview .ysa-search-analytics .ysa-cortex-analytics-summary-head{display:none}
.ysa-connected-preview .ysa-search-analytics .ysa-cortex-analytics-kpi{min-height:112px}
@media(max-width:720px){
 .ysa-connected-preview .ysa-cortex-analytics-kpis{gap:10px}
 .ysa-connected-preview .ysa-cortex-analytics-kpis .ysa-cortex-analytics-kpi{min-height:0;padding:12px;border-radius:14px}
 .ysa-connected-preview .ysa-cortex-analytics-kpi>strong{font-size:22px;line-height:1.25;margin:5px 0}
 .ysa-connected-preview .ysa-cortex-analytics-kpi-top{min-height:19px;font-size:11.5px}
 .ysa-connected-preview .ysa-cortex-analytics-kpi-top>span{font-size:11.5px;white-space:normal;overflow:visible;text-overflow:clip}
 .ysa-connected-preview .ysa-cortex-analytics-kpi-top>em{font-size:10px;padding:3px 5px}
 .ysa-connected-preview .ysa-cortex-analytics-kpi svg{height:20px;width:100%;display:block}
 .ysa-connected-preview .ysa-cortex-analytics-kpi>small{font-size:11.5px;margin-top:6px}
}
.ysa-connected-preview .ysa-search-analytics .ysa-cortex-analytics-card-head .ysa-cortex-analytics-eyebrow{display:none}
.ysa-connected-preview .ysa-cdp-settings-engine>.ysa-cdp-body{display:flex;flex-direction:column}
.ysa-connected-preview .ysa-cdp-settings-engine>.ysa-cdp-body>.ysa-cdp-form{order:-2}
@media(min-width:1101px){
 .ysa-connected-preview .ysa-cortex-analytics-control-stack{flex-direction:row;align-items:center}
 .ysa-connected-preview .ysa-cortex-analytics-trend-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
 .ysa-connected-preview .ysa-cortex-analytics-chart-summary{flex:0 0 auto;min-width:0;max-width:100%}
 .ysa-connected-preview .ysa-cortex-analytics-metric-tabs{flex:none;gap:0;max-width:100%}
 .ysa-connected-preview .ysa-cortex-analytics-metric-tabs button{font-size:10.5px;padding:5px 7px}
}

@media(max-width:600px){
 .ysa-connected-preview .ysa-cdp{background:var(--ysa-canvas)}
 .ysa-connected-preview .ysa-cdp-overview-grid>.ysa-cdp-metric-card:nth-child(n+5),.ysa-connected-preview .ysa-cdp-overview-grid>.ysa-cdp-status-card{display:none}
 .ysa-connected-preview .ysa-cdp-overview-panels>.ysa-cdp-engine-card{display:none}
 .ysa-connected-preview .ysa-cdp-section{border:0;border-radius:20px;background:var(--ysa-sheet)}
}

@media(max-width:1024px){
 .ysa-connected-preview .ysa-cortex-analytics:not(.ysa-search-analytics){display:flex;flex-direction:column}
 .ysa-connected-preview .ysa-cortex-analytics:not(.ysa-search-analytics)>.ysa-cortex-analytics-toolbar{order:0}
 .ysa-connected-preview .ysa-cortex-analytics:not(.ysa-search-analytics)>.ysa-analytics-analysis-nav{order:1}
 .ysa-connected-preview .ysa-cortex-analytics:not(.ysa-search-analytics)>.ysa-cortex-analytics-status{order:2}
 .ysa-connected-preview .ysa-cortex-analytics:not(.ysa-search-analytics)>.ysa-cortex-analytics-content{order:3}
 .ysa-connected-preview .ysa-cortex-analytics-control-stack{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px}
 .ysa-connected-preview .ysa-cortex-analytics-control-stack .ysa-cortex-analytics-controls{margin:0;justify-content:flex-start}
 .ysa-connected-preview .ysa-cdp-profile-journey-track{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;max-width:100%}
 .ysa-connected-preview .ysa-cdp-profile-journey-track>li{flex:0 0 125px;min-width:125px;overflow:hidden;text-overflow:ellipsis;padding:10px}
}

.ysa-connected-preview .ysa-search-compact-comparison dl>div{display:grid;grid-template-columns:94px minmax(20px,1fr) auto;gap:8px}
.ysa-connected-preview .ysa-search-compact-comparison dl i{display:block;height:7px;background:var(--ysa-canvas);border-radius:99px;overflow:hidden}
.ysa-connected-preview .ysa-search-compact-comparison dl i>b{display:block;height:100%;border-radius:inherit;background:var(--ysa-ink)}
.ysa-connected-preview .ysa-search-compact-comparison dl>div+div i>b{background:var(--ysa-sage)}
.ysa-connected-preview .ysa-search-control-report{background:var(--ysa-sheet)}
@media(max-width:600px){
 .ysa-connected-preview .ysa-search-control-report{border:0;border-radius:20px}
 .ysa-connected-preview .ysa-cortex-journey-kpis>article{background:var(--ysa-sheet);border:0}
}

.ysa-connected-preview .ysa-cdp-source-primary-actions{order:-4}
.ysa-connected-preview .ysa-cdp-personalization-page-head>div:first-child>.ysa-cdp-kicker{display:none}
@media(max-width:1100px){
 .ysa-connected-preview #ysa_cdp_panel_rfm>.ysa-cdp-section:first-child{border:0;border-radius:0;background:transparent}
 .ysa-connected-preview #ysa_cdp_panel_rfm>.ysa-cdp-section:first-child>.ysa-cdp-section-head{padding:0}
}

/* The mobile module and native shell utilities share the reference's first band. */
@media(max-width:720px){
 html.ysa-connected-preview #framework_main.cdp_studio{top:0}
 html.ysa-connected-preview:has(#framework_main.cdp_studio) .ysa-topbar{top:0;left:16px;right:16px;height:66px;pointer-events:none}
 html.ysa-connected-preview:has(#framework_main.cdp_studio) .ysa-topbar :is(.ysa-shell-mobile-menu,.ysa-right-cluster){pointer-events:auto;border-radius:999px;background:var(--ysa-canvas);box-shadow:0 0 0 4px var(--ysa-canvas)}
 html.ysa-connected-preview:has(#framework_main.cdp_studio) .ysa-right-cluster{gap:4px}
 html.ysa-connected-preview:has(#framework_main.cdp_studio) .ysa-shell-date{display:none}
 html.ysa-connected-preview:has(#framework_main.cdp_studio) .ysa-workspace-notifications-popover{top:58px}
 .ysa-connected-preview .ysa-cdp-nav-brand{min-height:66px;margin:0;padding:0 102px 0 36px}
 .ysa-connected-preview .ysa-cdp-nav-title strong{white-space:nowrap}
 .ysa-connected-preview .ysa-cdp-nav-title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:360px){
 .ysa-connected-preview .ysa-cdp-nav-brand{gap:8px}
 .ysa-connected-preview .ysa-cdp-nav-mark{width:24px;height:24px;border-radius:8px}
}

/* Native product-feed outcomes and import errors use the preview tokens too. */
.ysa-connected-preview .ysa-cdp-product-card { display:flex; min-width:0; min-height:250px; overflow:hidden; flex-direction:column; border:1px solid var(--ysa-line); border-radius:16px; background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-cdp-product-media { position:relative; display:grid; min-height:128px; place-items:center; background:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cdp-product-media img { width:100%; height:160px; object-fit:contain; }
.ysa-connected-preview .ysa-cdp-product-image-fallback { color:var(--ysa-text-muted); font-size:28px; }
.ysa-connected-preview .ysa-cdp-product-card-body { display:flex; flex:1; min-width:0; flex-direction:column; gap:10px; padding:16px; }
.ysa-connected-preview .ysa-cdp-product-title { margin:0; font-size:15px; font-weight:650; line-height:1.4; overflow-wrap:anywhere; }
.ysa-connected-preview :is(.ysa-cdp-product-description,.ysa-cdp-product-reason) { margin:0; color:var(--ysa-text-muted); font-size:12px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-product-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; }
.ysa-connected-preview .ysa-cdp-product-price { font-size:15px; font-weight:650; }
.ysa-connected-preview .ysa-cdp-product-price del { display:block; color:var(--ysa-text-muted); font-size:12px; font-weight:400; }
.ysa-connected-preview .ysa-cdp-product-link { color:var(--ysa-ink); font-size:12px; }
.ysa-connected-preview .ysa-cdp-product-availability { position:absolute; top:10px; right:10px; padding:5px 8px; border-radius:999px; background:var(--ysa-sheet); color:var(--ysa-ink); font-size:11px; }
.ysa-connected-preview .ysa-cdp-product-prediction { display:flex; flex-wrap:wrap; gap:6px; font-size:11px; }
.ysa-connected-preview .ysa-cdp-product-prediction span { padding:5px 7px; border-radius:8px; background:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cdp-product-card.is-loading { pointer-events:none; }
.ysa-connected-preview .ysa-cdp-product-card.is-loading .ysa-cdp-product-media:before { content:""; width:62%; height:72px; border-radius:10px; background:var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-product-loading-line { display:block; width:100%; height:12px; border-radius:6px; background:var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-product-loading-line.is-title { width:82%; height:18px; }
.ysa-connected-preview .ysa-cdp-product-loading-line.is-short { width:58%; }
.ysa-connected-preview .ysa-cdp-feed-preview-empty { grid-column:1/-1; padding:24px; border:1px dashed var(--ysa-line); border-radius:12px; color:var(--ysa-text-muted); font-size:13px; text-align:center; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-feed-preview-empty .ysa-cdp-btn { margin-top:12px; }
.ysa-connected-preview .ysa-cdp-source-confirm-dialog .ysa-cdp-source-confirm-error { margin:12px 0; padding:12px; border-radius:10px; color:var(--ysa-danger-text); background:var(--ysa-danger-soft); }
@media(max-width:600px) { .ysa-connected-preview .ysa-cdp-feed-preview { grid-template-columns:minmax(0,1fr); } }

.ysa-connected-preview .ysa-source-sync-status:empty { display:none; }
/* Keep the native privacy explanation visible when the chart is suppressed. */
.ysa-connected-preview .ysa-cortex-journey-chart-card.is-orbit:has(.ysa-cortex-journey-private) { display:block; grid-column:1/-1; }
.ysa-connected-preview .ysa-cortex-journey-orbit:has(.ysa-cortex-journey-private) { min-height:0; }
.ysa-connected-preview .ysa-cortex-journey-private { margin-top:0; line-height:1.6; }
.ysa-connected-preview .ysa-cortex-journey-private strong { display:block; margin:8px 0; color:var(--ysa-ink); font-size:14px; }

/* Contact-field selection and its native history/save states. */
.ysa-connected-preview .ysa-cdp-spotler-dialog { width:min(720px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:0; overflow:auto; border:1px solid var(--ysa-line); border-radius:20px; background:var(--ysa-sheet); color:var(--ysa-ink); }
.ysa-connected-preview .ysa-cdp-spotler-dialog > header { display:flex; align-items:start; justify-content:space-between; gap:16px; padding:24px; border-bottom:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-spotler-dialog h2 { margin:0 0 8px; font:400 24px/1.25 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-spotler-dialog p { margin:0 0 14px; color:var(--ysa-text-muted); font-size:12.5px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-spotler-dialog .ysa-spotler-body { padding:24px; }
.ysa-connected-preview .ysa-cdp-spotler-dialog > footer { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; padding:18px 24px; border-top:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-spotler-enable { display:flex; align-items:center; gap:9px; margin-bottom:18px; font-size:13px; font-weight:600; }
.ysa-connected-preview .ysa-spotler-settings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:18px; }
.ysa-connected-preview .ysa-spotler-settings label { display:grid; min-width:0; gap:7px; color:var(--ysa-text-2); font-size:12px; }
.ysa-connected-preview .ysa-spotler-settings select { width:100%; min-width:0; }
.ysa-connected-preview :is(.ysa-spotler-fields,.ysa-spotler-history-audiences) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:14px 0; }
.ysa-connected-preview :is(.ysa-spotler-fields,.ysa-spotler-history-audiences) label { display:flex; align-items:center; gap:8px; min-width:0; font-size:12.5px; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cdp-spotler-dialog input[type=checkbox] { width:16px; height:16px; flex:none; margin:0; accent-color:var(--ysa-ink); }
.ysa-connected-preview .ysa-spotler-history { margin-top:18px; padding-top:16px; border-top:1px solid var(--ysa-line); font-size:12px; }
.ysa-connected-preview .ysa-spotler-history summary { display:flex; justify-content:space-between; gap:12px; cursor:pointer; color:var(--ysa-ink); font-weight:600; }
.ysa-connected-preview .ysa-spotler-history-badge { color:var(--ysa-text-muted); font-weight:400; }
.ysa-connected-preview .ysa-spotler-history-body { padding-top:16px; }
.ysa-connected-preview .ysa-spotler-history-body .ysa-cdp-btn { margin:6px 8px 0 0; }
.ysa-connected-preview .ysa-cdp-csv-import-status { padding:12px; border:1px solid var(--ysa-line); border-radius:12px; color:var(--ysa-text-muted); font-size:12.5px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-csv-import-status.is-error { color:var(--ysa-danger-text); background:var(--ysa-danger-soft); }
.ysa-connected-preview .ysa-cdp-csv-import-status.is-success { color:var(--ysa-ink); background:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cdp-csv-import-status.is-busy { color:var(--ysa-ink); background:var(--ysa-canvas-tint); }
@media(max-width:600px) { .ysa-connected-preview .ysa-spotler-settings,.ysa-connected-preview :is(.ysa-spotler-fields,.ysa-spotler-history-audiences) { grid-template-columns:minmax(0,1fr); } .ysa-connected-preview .ysa-cdp-spotler-dialog > header,.ysa-connected-preview .ysa-cdp-spotler-dialog .ysa-spotler-body { padding:20px; } }

.ysa-connected-preview .ysa-cdp-personalization-toolbar-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview .ysa-cdp-onboarding-live { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.ysa-connected-preview .ysa-cdp-onboarding-period { white-space:nowrap; }
@media(max-width:600px) {
 .ysa-connected-preview .ysa-cdp-personalization-toolbar { flex-wrap:wrap; }
 .ysa-connected-preview .ysa-cdp-personalization-views { width:100%; min-width:0; margin-bottom:0; }
 .ysa-connected-preview .ysa-cdp-personalization-toolbar-actions { width:100%; justify-content:space-between; }
 .ysa-connected-preview .ysa-source-section-imports > .ysa-cdp-section-head { flex-direction:column; align-items:stretch; gap:12px; }
 .ysa-connected-preview .ysa-source-section-imports > .ysa-cdp-section-head > .ysa-cdp-btn { align-self:flex-start; max-width:100%; white-space:normal; }
}
@media(max-width:480px) {
 .ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-condition-head { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-condition-head > :is(.ysa-cdp-field,.ysa-cdp-btn) { grid-column:1; }
 .ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-condition-row { grid-template-columns:minmax(0,1fr) 24px; }
 .ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-condition-row > .ysa-cdp-field { grid-column:1/-1; }
 .ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-condition-row > [data-audience-value-wrap] { grid-column:1; }
}

/* Import activity retains readable columns and stacks details on narrow screens. */
.ysa-connected-preview .ysa-sources-import-copy .ysa-source-provider { display:block; width:auto; height:auto; border-radius:0; background:none; color:var(--ysa-text-muted); font-size:11px; }
.ysa-connected-preview .ysa-sources-import-copy h3 { margin:5px 0; color:var(--ysa-ink); font-size:14px; line-height:1.4; }
.ysa-connected-preview .ysa-sources-import-copy p { margin:4px 0; color:var(--ysa-text-muted); font-size:12px; line-height:1.6; }
.ysa-connected-preview .ysa-sources-import-total { min-width:100px; font-size:13px; }
.ysa-connected-preview .ysa-sources-import-total strong { font-size:17px; }
.ysa-connected-preview .ysa-sources-import-total :is(small,span) { display:block; margin-top:4px; color:var(--ysa-text-muted); font-size:11px; }
.ysa-connected-preview .ysa-sources-import-state { min-width:130px; text-align:right; }
.ysa-connected-preview .ysa-sources-import-state small { display:block; margin-top:6px; color:var(--ysa-text-muted); font-size:11px; }
.ysa-connected-preview .ysa-sources-import-copy .ysa-sources-import-error { margin-top:10px; padding:10px; border-radius:10px; color:var(--ysa-danger-text); background:var(--ysa-danger-soft); }
@media(max-width:600px) {
 .ysa-connected-preview .ysa-sources-import-item { display:grid; grid-template-columns:40px minmax(0,1fr); align-items:start; gap:10px 12px; }
 .ysa-connected-preview .ysa-sources-import-item > .ysa-sources-icon { grid-column:1; grid-row:1; }
 .ysa-connected-preview :is(.ysa-sources-import-copy,.ysa-sources-import-total,.ysa-sources-import-state) { grid-column:2; min-width:0; text-align:left; }
 .ysa-connected-preview .ysa-sources-import-total { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 6px; }
 .ysa-connected-preview .ysa-sources-import-state { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
 .ysa-connected-preview .ysa-sources-import-state small { margin-top:0; }
}
.ysa-connected-preview .ysa-cdp-secret:not(.is-visible) { display:none; }

/* Native Personalization dialogs size to their actual content. */
.ysa-connected-preview dialog.ysa-cdp-personalization-assistant-dialog[open] { display:block; height:fit-content; min-height:0; }
.ysa-connected-preview .ysa-cdp-personalization-assistant-modal { max-height:none; }
.ysa-connected-preview .ysa-cdp-personalization-assistant { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:24px; }
.ysa-connected-preview .ysa-cdp-personalization-assistant-heading { padding-right:34px; }
.ysa-connected-preview .ysa-cdp-personalization-assistant-heading strong { display:block; margin:8px 0 12px; font:400 26px/1.25 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-personalization-assistant-heading p { margin:0 0 20px; font-size:13px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-personalization-assistant-result { min-width:0; padding:20px; border:1px solid var(--ysa-line); border-radius:16px; background:var(--ysa-canvas-tint); }
.ysa-connected-preview .ysa-cdp-personalization-assistant-result h3 { margin:0 0 12px; font:400 20px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-personalization-assistant-result p { margin:0; font-size:13px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-personalization-assistant-status { margin:18px 0 0; padding:12px; border-radius:10px; color:var(--ysa-text-muted); background:var(--ysa-canvas-tint); font-size:12px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-personalization-assistant-status.is-error { color:var(--ysa-danger-text); background:var(--ysa-danger-soft); }
.ysa-connected-preview dialog.ysa-cdp-personalization-live-confirm-dialog { width:min(560px,calc(100vw - 32px)); }
.ysa-connected-preview .ysa-cdp-personalization-live-confirm-note { margin:16px 0; padding:12px; border-radius:10px; background:var(--ysa-canvas-tint); color:var(--ysa-text-muted); font-size:12px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-personalization-live-confirm-actions { flex-wrap:wrap; }
.ysa-connected-preview .ysa-cdp-onboarding-modal { width:100%; }
.ysa-connected-preview .ysa-cdp-onboarding-layout { display:block; }
.ysa-connected-preview .ysa-cdp-onboarding-workflow { border:0; padding-right:0; }
.ysa-connected-preview .ysa-cdp-onboarding-steps { grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.ysa-connected-preview .ysa-cdp-onboarding-step { display:block; min-width:0; padding:0; }
.ysa-connected-preview .ysa-cdp-onboarding-step button { display:flex; align-items:center; gap:7px; width:100%; min-height:42px; padding:10px; border:0; background:none; color:inherit; font-size:12px; }
.ysa-connected-preview .ysa-cdp-onboarding-session-state { display:block; margin:12px 0 20px; color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview .ysa-cdp-onboarding-body { display:grid; grid-template-columns:minmax(0,1fr) minmax(160px,.45fr); gap:24px; }
.ysa-connected-preview .ysa-cdp-onboarding-context { padding:16px; border-radius:12px; background:var(--ysa-canvas-tint); font-size:12px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-onboarding-context h4 { margin:0 0 10px; font-size:14px; }
.ysa-connected-preview .ysa-cdp-onboarding-goal { margin:0; padding:16px; border:1px solid var(--ysa-line); border-radius:12px; font-size:13px; }
.ysa-connected-preview .ysa-cdp-onboarding-status { margin-top:20px; padding:12px; border-radius:10px; background:var(--ysa-canvas-tint); color:var(--ysa-text-muted); font-size:12px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-onboarding-status.is-error { color:var(--ysa-danger-text); background:var(--ysa-danger-soft); }
.ysa-connected-preview .ysa-cortex-uplift-empty > strong { display:block; margin:0 0 8px; }
.ysa-connected-preview .ysa-cortex-uplift-empty > .ysa-cdp-btn { margin-top:12px; }
@media(max-width:760px) {
 .ysa-connected-preview .ysa-cdp-personalization-assistant,.ysa-connected-preview .ysa-cdp-onboarding-body { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cdp-onboarding-steps { display:flex; overflow:auto; gap:8px; }
 .ysa-connected-preview .ysa-cdp-onboarding-step { flex:none; }
 .ysa-connected-preview .ysa-cdp-onboarding-footer { flex-wrap:wrap; }
 .ysa-connected-preview .ysa-cdp-personalization-live-confirm-actions > .ysa-cdp-btn { width:100%; }
}

/* Keep the genuine file control clickable without a second browser button. */
.ysa-connected-preview .ysa-source-section-csv .ysa-file-upload { position:relative; display:flex; align-items:center; gap:12px; min-height:88px; padding:14px; border:1px dashed var(--ysa-line-strong); border-radius:12px; background:var(--ysa-canvas-tint); cursor:pointer; }
.ysa-connected-preview .ysa-source-section-csv .ysa-file-upload input[type=file] { position:absolute; inset:0; z-index:1; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
.ysa-connected-preview .ysa-source-section-csv .ysa-file-upload__icon { display:grid; width:32px; height:32px; flex:none; place-items:center; }
.ysa-connected-preview .ysa-source-section-csv .ysa-file-upload__icon svg { width:24px; height:24px; }
.ysa-connected-preview .ysa-source-section-csv .ysa-file-upload__copy { flex:1; min-width:0; }
.ysa-connected-preview .ysa-source-section-csv .ysa-file-upload__copy :is(strong,small) { display:block; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-source-section-csv .ysa-file-upload__detail { color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-source-section-csv .ysa-file-upload__button { flex:none; font-size:12px; }
.ysa-connected-preview .ysa-cdp-csv-import-guide li :is(strong,span) { display:block; }
.ysa-connected-preview .ysa-cdp-integration-note { margin-top:14px; color:var(--ysa-text-muted); font-size:12px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-personalization-live-confirm h3 { padding-right:34px; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cdp-onboarding-goal legend { padding:0 6px; font-size:13px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:480px) { .ysa-connected-preview .ysa-cdp-personalization-live-confirm h3 { font-size:22px; } }
.ysa-connected-preview .ysa-source-section-csv .ysa-file-upload:focus-within { outline:2px solid var(--ysa-sage); outline-offset:3px; }
@media(max-width:480px) { .ysa-connected-preview .ysa-cdp-personalization-live-confirm h3 { padding-top:28px; padding-right:0; font-size:20px; overflow-wrap:normal; } }

/* Native status and existing report controls keep the compact source rhythm. */
.ysa-connected-preview .ysa-cdp-health-card > .ysa-cdp-section-head { align-items:flex-start; }
.ysa-connected-preview .ysa-cdp-health-card > .ysa-cdp-section-head > div { flex:1; min-width:0; }
.ysa-connected-preview .ysa-cdp-health-card .ysa-cdp-ops-state { display:inline-flex; align-items:center; flex:none; margin:0; padding:4px 8px; border-radius:999px; background:var(--ysa-sage-soft); font-size:11px; line-height:1.4; white-space:nowrap; }
@media(max-width:600px){
 .ysa-connected-preview .ysa-cortex-analytics-control-stack .ysa-cortex-analytics-controls { display:contents; }
 .ysa-connected-preview .ysa-cortex-analytics-control-stack .ysa-cortex-analytics-period { flex:0 0 auto; margin:0; }
 .ysa-connected-preview .ysa-cdp-audience-tools { justify-content:flex-start; }
 .ysa-connected-preview .ysa-cdp-audience-tools label:has(#ysa_cdp_audience_search) { flex-basis:100%; }
 .ysa-connected-preview .ysa-cdp-audience-tools #ysa_cdp_audience_search { width:100%; }
 .ysa-connected-preview #ysa_cdp_panel_tracking .ysa-cdp-section-head:has(.ysa-cdp-rule-head-actions) { flex-direction:column; align-items:stretch; }
 .ysa-connected-preview #ysa_cdp_panel_tracking .ysa-cdp-rule-head-actions { justify-content:flex-start; }
 .ysa-connected-preview .ysa-cdp-tracker-dialog .ysa-cdp-form { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cdp-tracker-dialog .ysa-cdp-btn,
 .ysa-connected-preview #ysa_cdp_panel_tracking .ysa-cdp-rule-head-actions .ysa-cdp-btn { min-height:44px; }
}
@media(max-width:390px) {
 .ysa-connected-preview #ysa_cdp_panel_tracking .ysa-cdp-rule-head-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ysa-connected-preview #ysa_cdp_rules_refresh { grid-column:1/-1; justify-self:start; }
}
.ysa-connected-preview .ysa-cdp-search-header-actions { display:flex; flex:none; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; max-width:42%; }
.ysa-connected-preview .ysa-cdp-search-header-actions > [role="status"] { flex-basis:100%; color:var(--ysa-text-muted); font-size:12px; line-height:1.5; text-align:right; }
.ysa-connected-preview .ysa-cdp-search-header-actions > [role="status"]:empty { display:none; }
.ysa-connected-preview .ysa-cdp-settings-header-actions { display:flex; flex:none; align-items:center; justify-content:flex-end; }
.ysa-connected-preview .ysa-cdp:not(:has(#ysa_cdp_panel_settings.is-active)) .ysa-cdp-settings-header-actions { display:none; }
.ysa-connected-preview .ysa-cdp-settings-header-actions #ysa_cdp_save { position:static; }
.ysa-connected-preview .ysa-cdp:not(:has(#ysa_cdp_panel_search.is-active)) .ysa-cdp-search-header-actions { display:none; }
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-footer:not(:has(*)) { display:none; }
@media(max-width:1024px){
 .ysa-connected-preview .ysa-cdp-search-header-actions { max-width:100%; justify-content:flex-start; }
 .ysa-connected-preview .ysa-cdp-search-header-actions > [role="status"] { text-align:left; }
 .ysa-connected-preview .ysa-cdp-settings-header-actions { justify-content:flex-start; }
}
/* Populated native customer records use the same timeline and fact rhythm as 4f. */
.ysa-connected-preview .ysa-cdp-timeline { list-style:none; margin:0; padding:0; }
.ysa-connected-preview .ysa-cdp-timeline-item { display:grid; grid-template-columns:18px minmax(0,1fr); gap:4px 10px; padding:13px 0; border-bottom:1px solid var(--ysa-line-soft); }
.ysa-connected-preview .ysa-cdp-timeline-item:last-child { border-bottom:0; }
.ysa-connected-preview .ysa-cdp-timeline-dot { display:grid; place-items:center; width:18px; height:18px; color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview .ysa-cdp-timeline-copy { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:4px 12px; min-width:0; }
.ysa-connected-preview .ysa-cdp-timeline-copy strong { font-size:13px; line-height:1.45; }
.ysa-connected-preview .ysa-cdp-timeline-copy time { color:var(--ysa-text-muted); font-size:11px; line-height:1.5; white-space:nowrap; }
.ysa-connected-preview .ysa-cdp-timeline-meta { grid-column:2; min-width:0; margin:0; color:var(--ysa-text-muted); font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
/* Profile activity follows the conversation timeline: one rail, dated groups
   and a distinct marker for every existing event. Ordinary views stay intact. */
.ysa-connected-preview .ysa-cdp-timeline.is-profile-stream { position:relative; isolation:isolate; }
.ysa-connected-preview .ysa-cdp-timeline.is-profile-stream::before { content:""; position:absolute; z-index:-1; top:54px; bottom:20px; left:17px; width:2px; background:var(--ysa-line); pointer-events:none; }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-date { display:flex; align-items:center; gap:12px; margin:24px 0 16px 48px; color:var(--ysa-text-muted); font-size:12px; font-weight:600; line-height:1.5; }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-date:first-child { margin-top:0; }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-date::after { content:""; flex:1; min-width:12px; height:1px; background:var(--ysa-line-soft); }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-item { position:relative; grid-template-columns:36px minmax(0,1fr); align-items:start; gap:12px; margin:0 0 16px; padding:0; border:0; }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-item:last-child { margin-bottom:0; }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-dot { position:relative; width:36px; height:36px; border:4px solid var(--ysa-sheet); border-radius:50%; background:var(--ysa-canvas); color:var(--ysa-ink); box-sizing:border-box; font-size:13px; }
.ysa-connected-preview .is-profile-stream .is-order .ysa-cdp-timeline-dot { background:var(--ysa-sage-soft); }
.ysa-connected-preview .is-profile-stream .is-conversation .ysa-cdp-timeline-dot { background:var(--ysa-lime); }
.ysa-connected-preview .ysa-cdp-timeline-card { min-width:0; padding:14px 16px; border:1px solid var(--ysa-line); border-radius:14px; background:var(--ysa-canvas); }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-copy { align-items:flex-start; gap:6px 12px; }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-copy strong { min-width:0; flex:1; color:var(--ysa-ink); font-size:14px; overflow-wrap:anywhere; }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-copy time { flex:none; padding-top:1px; font-size:12px; font-variant-numeric:tabular-nums; }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-meta { display:grid; gap:8px; margin-top:12px; font-size:12px; }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-meta>div { display:grid; grid-template-columns:92px minmax(0,1fr); gap:4px 12px; min-width:0; }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-meta dt { margin:0; font-weight:400; }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-meta dd { min-width:0; margin:0; color:var(--ysa-ink); overflow-wrap:anywhere; }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-meta a { color:inherit; text-decoration:underline; text-decoration-color:var(--ysa-line); text-underline-offset:3px; }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-meta a:hover { text-decoration-color:currentColor; }
.ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-meta a:focus-visible { outline:2px solid var(--ysa-ink); outline-offset:3px; border-radius:2px; }
@media(max-width:600px){
 .ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-item { grid-template-columns:28px minmax(0,1fr); gap:8px; }
 .ysa-connected-preview .ysa-cdp-timeline.is-profile-stream::before { left:13px; }
 .ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-dot { width:28px; height:28px; border-width:3px; font-size:11px; }
 .ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-date { margin-left:36px; }
 .ysa-connected-preview .ysa-cdp-timeline-card { padding:12px; }
 .ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-copy strong { flex-basis:100%; font-size:13px; }
 .ysa-connected-preview .is-profile-stream .ysa-cdp-timeline-meta>div { grid-template-columns:minmax(0,1fr); gap:2px; }
}
.ysa-connected-preview .ysa-cdp-profile-segment { display:block; padding:0; margin:0 0 14px; border-radius:0; background:none; color:var(--ysa-ink); }
.ysa-connected-preview .ysa-cdp-profile-segment > :is(span,small) { display:block; color:var(--ysa-text-muted); font-size:11px; font-weight:400; }
.ysa-connected-preview .ysa-cdp-profile-segment > strong { display:block; margin:4px 0; font-size:15px; }
.ysa-connected-preview .ysa-cdp-profile-rfm { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.ysa-connected-preview .ysa-cdp-profile-rfm > div { min-width:0; padding:10px; border-radius:10px; background:var(--ysa-canvas); }
.ysa-connected-preview .ysa-cdp-profile-rfm span { display:block; color:var(--ysa-text-muted); font-size:11px; }
.ysa-connected-preview .ysa-cdp-profile-rfm strong { display:block; margin-top:5px; font-size:17px; line-height:1.35; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cdp-profile-journey-step.is-current { outline:1px solid var(--ysa-ink); outline-offset:-1px; background:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cdp-profile-journey-current > p { margin:6px 0; font-size:13px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-profile-journey-meta { display:flex; flex-wrap:wrap; gap:5px 12px; margin-top:10px; color:var(--ysa-text-muted); font-size:11px; line-height:1.5; }

/* Current Cortex markup: shared navigation and truthful Personalization states.
   Presentation only; native lists, controls, report values and permission gates
   remain the source of content and interaction. */
.ysa-connected-preview .ysa-cdp-nav .ysa-cdp-tab { font-size:14px; }
.ysa-connected-preview .ysa-cdp :is(.ysa-cdp-field,.ysa-cdp-form,.ysa-cdp-body,.ysa-cdp-section-head>div) { min-width:0; }
.ysa-connected-preview .ysa-cdp [role=status]:empty { display:none; }
.ysa-connected-preview .ysa-cdp-personalization { display:flex; flex-direction:column; min-width:0; }
.ysa-connected-preview .ysa-cdp-personalization > .ysa-cdp-personalization-gate { order:10; display:flex; align-items:center; gap:16px; padding:16px 18px; margin:20px 0 0; border:1px solid var(--ysa-line); border-radius:16px; background:var(--ysa-canvas); }
.ysa-connected-preview .ysa-cdp-personalization-gate-copy { display:flex; align-items:flex-start; gap:10px; min-width:0; }
.ysa-connected-preview .ysa-cdp-personalization-gate-copy strong { display:block; font-size:12px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-personalization-gate-copy p { margin:4px 0 0; font-size:12px; line-height:1.55; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-personalization-gate-icon { display:grid; place-items:center; flex:none; width:30px; height:30px; border-radius:9px; background:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cdp-personalization-gate-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; flex:none; margin-left:auto; }
.ysa-connected-preview .ysa-cdp-personalization-runtime-state { min-height:0; padding:5px 9px; border:0; border-radius:999px; font-size:11px; background:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cdp-personalization-toolbar { align-items:center; min-height:44px; margin-bottom:18px; }
.ysa-connected-preview .ysa-cdp-personalization-views { display:flex; gap:24px; flex-wrap:wrap; min-width:0; border-bottom:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-personalization-view { min-height:44px; padding:0 0 12px; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:var(--ysa-text-muted); font-size:16px; font-weight:500; }
.ysa-connected-preview .ysa-cdp-personalization-view.is-active { border-bottom-color:var(--ysa-ink); color:var(--ysa-ink); font-weight:600; }
.ysa-connected-preview .ysa-cdp-personalization-summary { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.ysa-connected-preview .ysa-cdp-personalization-stat { display:flex; flex-direction:column; align-items:flex-start; min-height:110px; padding:16px; }
.ysa-connected-preview .ysa-cdp-personalization-stat > span { order:-1; font-size:12px; }
.ysa-connected-preview .ysa-cdp-personalization-stat > strong { margin:7px 0 0; font-size:28px; line-height:1.2; }
.ysa-connected-preview .ysa-cdp-personalization-workspace { min-height:0; align-items:start; }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview[data-personalization-workspace-view=messages] { grid-template-columns:minmax(0,1fr) 260px; gap:16px; }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-personalization-list-pane { padding:0; border:0; border-radius:0; background:transparent; }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-personalization-pane-head { margin-bottom:12px; min-height:38px; }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-personalization-search { display:block; margin-bottom:14px; }
.ysa-connected-preview .ysa-cdp-personalization-search > input { width:100%; min-height:40px; border:1px solid var(--ysa-line); border-radius:11px; padding:10px 13px; background:var(--ysa-canvas); font-size:13px; }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-personalization-list { display:grid; gap:16px; max-height:none; overflow:visible; }
.ysa-connected-preview .ysa-cdp-experience-group { min-width:0; overflow:hidden; border:1px solid var(--ysa-line); border-radius:18px; background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-cdp-experience-group > .ysa-cdp-personalization-list-group { padding:17px 20px 14px; font:400 20px/1.3 var(--ysa-font-heading); color:var(--ysa-ink); text-transform:none; letter-spacing:0; }
.ysa-connected-preview .ysa-cdp-experience-columns { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1.15fr) 85px 24px; gap:12px; padding:12px 20px; color:var(--ysa-text-muted); font-size:11px; border-bottom:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-experience-group > .ysa-cdp-personalization-list-item { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1.15fr) 85px 24px; align-items:center; gap:4px 12px; width:100%; min-height:66px; padding:13px 20px; border:0; border-bottom:1px solid var(--ysa-line-soft); border-radius:0; background:transparent; font-size:13px; }
.ysa-connected-preview .ysa-cdp-experience-group > .ysa-cdp-personalization-list-item:last-child { border-bottom:0; }
.ysa-connected-preview .ysa-cdp-experience-group > .ysa-cdp-personalization-list-item:hover { background:var(--ysa-canvas); }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-experience-group :is(.ysa-cdp-personalization-list-title,.ysa-cdp-personalization-list-meta) { display:contents; }
.ysa-connected-preview .ysa-cdp-experience-group .ysa-cdp-personalization-list-title > strong { grid-column:1; grid-row:1; min-width:0; line-height:1.45; white-space:normal; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cdp-experience-group .ysa-cdp-personalization-list-title > .ysa-cdp-personalization-status { grid-column:3; grid-row:1 / span 2; justify-self:start; }
.ysa-connected-preview .ysa-cdp-experience-group .ysa-cdp-personalization-list-meta > span:first-child { grid-column:2; grid-row:1 / span 2; overflow-wrap:anywhere; color:var(--ysa-ink); line-height:1.5; font-size:12px; }
.ysa-connected-preview .ysa-cdp-experience-group .ysa-cdp-personalization-list-meta > span:last-child { grid-column:1; grid-row:2; color:var(--ysa-text-muted); line-height:1.5; font-size:12px; }
.ysa-connected-preview .ysa-cdp-experience-group .ysa-cdp-personalization-card-description { display:none; }
.ysa-connected-preview .ysa-cdp-experience-group .ysa-cdp-personalization-card-action { grid-column:4; grid-row:1 / span 2; display:flex; align-items:center; justify-content:center; gap:0; font-size:0; }
.ysa-connected-preview .ysa-cdp-experience-group .ysa-cdp-personalization-card-action :is(i,svg) { font-size:12px; width:13px; height:13px; }
.ysa-connected-preview .ysa-cdp-personalization-overview-aside { display:grid; gap:16px; min-width:0; padding-top:104px; }
.ysa-connected-preview .ysa-cdp-personalization-workspace:not(.is-overview) > .ysa-cdp-personalization-overview-aside,.ysa-connected-preview .ysa-cdp-personalization-workspace[data-personalization-workspace-view=placements] > .ysa-cdp-personalization-overview-aside { display:none; }
.ysa-connected-preview .ysa-cdp-personalization-location-card { min-width:0; padding:18px 20px; border:1px solid var(--ysa-line); border-radius:18px; background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-cdp-personalization-location-card h3 { margin:0 0 12px; font:400 20px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-personalization-location-summary { display:grid; margin-bottom:10px; }
.ysa-connected-preview .ysa-cdp-personalization-location-summary > span { padding:10px 0; border-bottom:1px solid var(--ysa-line-soft); font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cdp-personalization-location-card > .ysa-cdp-btn { border:0; min-height:36px; padding:6px 0; background:transparent; font-size:12px; }
.ysa-connected-preview .ysa-cdp-personalization-overview-aside > .ysa-cdp-personalization-summary-note { display:flex; align-items:flex-start; gap:10px; min-width:0; padding:18px 20px; border:1px solid var(--ysa-line); border-radius:18px; background:var(--ysa-sheet); font-size:12px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-personalization-summary-note > :is(i,svg) { flex:none; width:16px; height:16px; margin-top:2px; }
.ysa-connected-preview .ysa-cdp-personalization-summary-note strong { font-size:13px; }
/* Results uses the actual native funnel, not the retired report-step selectors. */
.ysa-connected-preview .ysa-cdp-personalization-report { margin:0; padding:22px; border:1px solid var(--ysa-line); border-radius:18px; background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-cdp-personalization-report-head { align-items:flex-start; margin-bottom:22px; }
.ysa-connected-preview .ysa-cdp-personalization-report-head h3 { margin:0 0 7px; font:400 20px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-personalization-report-head p { max-width:70ch; margin:0; font-size:13px; line-height:1.6; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-personalization-report-controls { display:flex; align-items:flex-end; flex-wrap:wrap; gap:8px; flex:none; }
.ysa-connected-preview .ysa-cdp-personalization-report-range { display:grid; gap:6px; font-size:12px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-personalization-report-range select { min-height:38px; min-width:138px; font-size:12px; }
.ysa-connected-preview .ysa-cdp-personalization-report-status { padding:26px 18px; text-align:center; border:1px dashed var(--ysa-line); border-radius:12px; color:var(--ysa-text-muted); font-size:13px; line-height:1.65; }
.ysa-connected-preview .ysa-cdp-personalization-report-status.is-error { color:var(--ysa-danger-text); background:var(--ysa-danger-soft); border-style:solid; }
.ysa-connected-preview .ysa-cdp-personalization-report-body { display:grid; gap:20px; }
.ysa-connected-preview .ysa-cdp-personalization-funnel { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.ysa-connected-preview .ysa-cdp-personalization-funnel-step { min-width:0; display:grid; align-content:start; gap:7px; padding:17px 16px; border:1px solid var(--ysa-line); border-radius:14px; background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-cdp-personalization-funnel-step:nth-child(2) { background:var(--ysa-sage-soft); border-color:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cdp-personalization-funnel-step > small { color:var(--ysa-text-muted); font-size:12px; line-height:1.45; }
.ysa-connected-preview .ysa-cdp-personalization-funnel-step > strong { font-size:28px; font-weight:600; line-height:1.2; letter-spacing:-.025em; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cdp-personalization-funnel-step > span { color:var(--ysa-text-muted); font-size:11.5px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-personalization-report-band { display:grid; grid-template-columns:1.2fr 1fr; gap:16px; }
.ysa-connected-preview .ysa-cdp-personalization-report-block { min-width:0; padding:20px; border:1px solid var(--ysa-line); border-radius:16px; }
.ysa-connected-preview .ysa-cdp-personalization-report-block h4,.ysa-connected-preview .ysa-cdp-personalization-report-table h4 { margin:0 0 6px; font:400 18px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-personalization-report-block > p { margin:0 0 18px; color:var(--ysa-text-muted); font-size:12px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-personalization-interactions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.ysa-connected-preview .ysa-cdp-personalization-interaction { display:grid; gap:7px; padding:12px; border-radius:12px; background:var(--ysa-canvas); min-width:0; }
.ysa-connected-preview .ysa-cdp-personalization-interaction small { font-size:11px; line-height:1.5; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-personalization-interaction strong { display:block; font-size:23px; font-weight:600; line-height:1.2; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cdp-personalization-commercial { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.ysa-connected-preview .ysa-cdp-personalization-commercial > div { display:grid; gap:7px; padding:12px; border-radius:12px; background:var(--ysa-canvas); min-width:0; }
.ysa-connected-preview .ysa-cdp-personalization-commercial :is(small,span) { font-size:11px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-personalization-commercial strong { font-size:23px; font-weight:600; line-height:1.2; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cdp-personalization-report-block > .ysa-cdp-personalization-report-note { margin:0; font-size:11.5px; }
.ysa-connected-preview .ysa-cdp-personalization-report-tables { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.ysa-connected-preview .ysa-cdp-personalization-report-table { min-width:0; border:1px solid var(--ysa-line); border-radius:16px; overflow:hidden; }
.ysa-connected-preview .ysa-cdp-personalization-report-table > h4 { margin:18px 20px 14px; }
.ysa-connected-preview .ysa-cdp-personalization-report-table.is-wide { grid-column:1 / -1; }
.ysa-connected-preview .ysa-cdp-personalization-report-table-scroll { overflow:auto; max-width:100%; }
.ysa-connected-preview .ysa-cdp-personalization-report-table-scroll table { width:100%; min-width:620px; border:0; }
.ysa-connected-preview .ysa-cdp-personalization-report-empty { padding:22px 20px; min-height:88px; color:var(--ysa-text-muted); font-size:12.5px; line-height:1.65; text-align:center; background:var(--ysa-canvas); }
/* Inactive or unmeasured RFM retains its native explanation and retry action. */
.ysa-connected-preview .crfm-status:not([hidden]) { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; min-height:420px; max-width:none; padding:42px 24px; text-align:center; background:var(--ysa-sheet); border:0; border-radius:0; color:var(--ysa-text-muted); }
.ysa-connected-preview .crfm:not([aria-busy=true]) .crfm-status:not([hidden])::before { content:""; display:block; width:260px; max-width:100%; aspect-ratio:1280 / 853; background:url('/img/cortex-empty-search.jpg') center / contain no-repeat; }
.ysa-connected-preview .crfm-status > p { max-width:440px; margin:0; font-size:14px; line-height:1.65; }
@media(max-width:1200px) {
 .ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview[data-personalization-workspace-view=messages] { grid-template-columns:minmax(0,1fr) 220px; }
 .ysa-connected-preview .ysa-cdp-experience-columns,.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-experience-group > .ysa-cdp-personalization-list-item { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 70px 18px; gap:4px 9px; padding-left:16px; padding-right:16px; }
}
@media(max-width:900px) {
 .ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview[data-personalization-workspace-view=messages] { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cdp-personalization-overview-aside { padding-top:0; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ysa-connected-preview .ysa-cdp-personalization-report-head { flex-wrap:wrap; }
 .ysa-connected-preview .ysa-cdp-personalization-report-controls { width:100%; }
 .ysa-connected-preview .ysa-cdp-personalization-report-band { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:600px) {
 .ysa-connected-preview .ysa-cdp-nav .ysa-cdp-tab { font-size:14px; }
 .ysa-connected-preview .ysa-cdp-personalization-summary { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 .ysa-connected-preview .ysa-cdp-personalization-stat { min-height:86px; padding:12px 10px; border-radius:14px; }
 .ysa-connected-preview .ysa-cdp-personalization-stat > strong { font-size:25px; }
 .ysa-connected-preview .ysa-cdp-personalization-stat > span { font-size:11px; }
 .ysa-connected-preview .ysa-cdp-personalization-gate { flex-wrap:wrap; }
 .ysa-connected-preview .ysa-cdp-personalization-gate-actions { margin-left:0; }
 .ysa-connected-preview .ysa-cdp-personalization-overview-aside,.ysa-connected-preview .ysa-cdp-personalization-report-tables { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cdp-experience-columns { display:none; }
 .ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-experience-group > .ysa-cdp-personalization-list-item { grid-template-columns:minmax(0,1fr) auto 20px; gap:5px 9px; padding:15px 16px; }
 .ysa-connected-preview .ysa-cdp-experience-group .ysa-cdp-personalization-list-meta > span:first-child { grid-column:1 / span 2; grid-row:3; color:var(--ysa-text-muted); font-size:11.5px; }
 .ysa-connected-preview .ysa-cdp-experience-group .ysa-cdp-personalization-list-title > .ysa-cdp-personalization-status { grid-column:2; grid-row:1; }
 .ysa-connected-preview .ysa-cdp-experience-group .ysa-cdp-personalization-card-action { grid-column:3; grid-row:1 / span 3; }
 .ysa-connected-preview .ysa-cdp-personalization-funnel { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .ysa-connected-preview .ysa-cdp-personalization-funnel-step { padding:14px 12px; }
 .ysa-connected-preview .ysa-cdp-personalization-funnel-step > strong { font-size:25px; }
 .ysa-connected-preview .ysa-cdp-personalization-report { padding:16px; }
 .ysa-connected-preview .ysa-cdp-personalization-report-block { padding:16px; }
 .ysa-connected-preview .ysa-cdp-personalization-interactions { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ysa-connected-preview .ysa-cdp-personalization-report-controls > .ysa-cdp-btn { min-height:44px; }
 .ysa-connected-preview .ysa-cdp-personalization-view { min-height:44px; font-size:16px; }
 .ysa-connected-preview .crfm-status:not([hidden]) { min-height:360px; padding:30px 16px; }
}
/* Native component editor has its own preview inside the form. The widget's
   separate chat preview must not take a third column from that wider editor. */
.ysa-connected-preview #ysa_cdp_personalization_workspace:not(.is-overview):is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) { display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:18px; }
.ysa-connected-preview #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) > .ysa-cdp-personalization-editor-pane { grid-column:1; grid-row:1; padding:22px; }
.ysa-connected-preview #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) > .ysa-cdp-personalization-list-pane { grid-column:2; grid-row:1; padding:16px; }
.ysa-connected-preview #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) > .ysa-cdp-personalization-preview-pane { display:none; }
.ysa-connected-preview #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) .ysa-cdp-native-step-panel { grid-template-columns:minmax(0,1fr); gap:18px; }
.ysa-connected-preview #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) .ysa-cdp-native-side-card { margin:0; }
.ysa-connected-preview .ysa-cdp-native-personalization-editor { min-width:0; }
.ysa-connected-preview .ysa-cdp-manifest-head { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.ysa-connected-preview .ysa-cdp-manifest-head > div { min-width:0; flex:1 1 300px; }
.ysa-connected-preview .ysa-cdp-manifest-head h4 { margin:0 0 7px; font:400 22px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-manifest-head p { margin:0; font-size:13px; line-height:1.6; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-manifest-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-manifest-step { display:flex; justify-content:center; align-items:center; gap:6px; min-width:0; min-height:42px; padding:8px 10px; border:1px solid var(--ysa-line); border-radius:10px; background:var(--ysa-sheet); color:var(--ysa-text-muted); font-size:12px; line-height:1.45; font-weight:500; }
.ysa-connected-preview .ysa-cdp-manifest-step.is-active { color:var(--ysa-ink); border-color:var(--ysa-ink); background:var(--ysa-canvas); font-weight:600; }
.ysa-connected-preview .ysa-cdp-native-step-main { min-width:0; }
.ysa-connected-preview .ysa-cdp-native-lead { margin-bottom:20px; }
.ysa-connected-preview .ysa-cdp-native-lead h3 { margin:5px 0 8px; font:400 24px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-native-lead p { margin:0; max-width:70ch; font-size:13px; line-height:1.65; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-manifest-components { display:grid; gap:16px; }
.ysa-connected-preview .ysa-cdp-manifest-card { min-width:0; border:1px solid var(--ysa-line); border-radius:15px; padding:18px; background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-cdp-manifest-card.is-selected-native { border-color:var(--ysa-sage); }
.ysa-connected-preview .ysa-cdp-native-component-header { align-items:flex-start; margin:0 0 12px; padding:0 0 12px; }
.ysa-connected-preview .ysa-cdp-native-component-header strong { font-size:14px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-native-component-header small { display:block; margin-top:4px; font-size:12px; line-height:1.5; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-native-component-health { display:inline-flex; gap:5px; align-items:center; padding:4px 8px; border-radius:999px; background:var(--ysa-sage-soft); font-size:11px; line-height:1.45; }
.ysa-connected-preview .ysa-cdp-native-component-intro { margin:0 0 14px; font-size:12.5px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-native-component-body { display:grid; gap:14px; min-width:0; }
.ysa-connected-preview .ysa-cdp-native-component-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding-top:14px; }
.ysa-connected-preview .ysa-cdp-native-component-controls label { display:grid; gap:6px; min-width:0; font-size:12.5px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-native-component-controls input { min-width:0; width:100%; }
.ysa-connected-preview .ysa-cdp-native-component-footer { margin:14px 0 0; padding:14px 0 0; border-top:1px solid var(--ysa-line-soft); border-bottom:0; }
.ysa-connected-preview .ysa-cdp-native-pill-list { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.ysa-connected-preview .ysa-cdp-native-pill-list > span { padding:4px 8px; border-radius:999px; background:var(--ysa-canvas); font-size:11px; color:var(--ysa-text-muted); }
.ysa-connected-preview :is(.ysa-cdp-native-component-primary-actions,.ysa-cdp-blueprint-actions,.ysa-cdp-native-footer-actions) { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.ysa-connected-preview .ysa-cdp-native-side-card h4 { margin:0 0 14px; font:400 19px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-native-detail-list > div { display:grid; grid-template-columns:minmax(100px,.8fr) minmax(0,1fr); gap:12px; padding-bottom:8px; border-bottom:1px solid var(--ysa-line-soft); }
.ysa-connected-preview .ysa-cdp-native-detail-list > div:last-child { border:0; }
.ysa-connected-preview .ysa-cdp-native-detail-list :is(span,dt) { color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-native-detail-list :is(strong,dd) { margin:0; font-weight:600; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cdp-native-footer { align-items:center; padding:18px 0 0; margin:20px 0 0; border-top:1px solid var(--ysa-line); border-bottom:0; }
.ysa-connected-preview .ysa-cdp-native-progress { color:var(--ysa-text-muted); font-size:12px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-blueprint-status { margin-top:14px; padding:12px 14px; border-radius:12px; font-size:12.5px; line-height:1.6; background:var(--ysa-canvas); color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-blueprint-status:empty { display:none; }
.ysa-connected-preview :is(.ysa-cdp-native-selection-empty,.ysa-cdp-native-list-empty,.ysa-cdp-native-copy-profile-empty) { display:grid; place-items:center; min-height:130px; padding:24px; font-size:13px; line-height:1.6; color:var(--ysa-text-muted); text-align:center; }
.ysa-connected-preview .ysa-cdp-personalization-back { align-self:flex-start; width:auto; min-height:38px; margin:0 0 18px; }
.ysa-connected-preview .ysa-cdp-personalization-overview-aside .ysa-cdp-personalization-summary-note { margin:0; }
/* Current health, import and feed details follow the same row/field rhythm. */
.ysa-connected-preview .ysa-cdp-ops-list { margin:0; padding:0; list-style:none; }
.ysa-connected-preview .ysa-cdp-ops-list > li { display:flex; align-items:center; gap:12px; padding:13px 0; border-bottom:1px solid var(--ysa-line-soft); font-size:12.5px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-ops-list > li::before { content:""; flex:none; width:7px; height:7px; border-radius:50%; background:var(--ysa-ok); }
.ysa-connected-preview .ysa-cdp-ops-list > li.is-warning::before { background:var(--ysa-caution-text); }
.ysa-connected-preview .ysa-cdp-ops-list > li.is-critical::before { background:var(--ysa-danger-text); }
.ysa-connected-preview .ysa-cdp-ops-list > li > span { flex:1; min-width:0; }
.ysa-connected-preview .ysa-cdp-ops-list small { color:var(--ysa-text-muted); font-size:11px; }
.ysa-connected-preview .ysa-cdp-ops-empty { margin:18px 0 0; padding:16px; border-radius:12px; background:var(--ysa-canvas); font-size:12.5px; line-height:1.6; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-feed-action { display:flex; align-items:flex-start; justify-content:flex-end; }
.ysa-connected-preview .ysa-cdp-feed-result-status { margin:12px 0; font-size:12.5px; line-height:1.6; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-feed-json-details { border:1px solid var(--ysa-line); border-radius:12px; padding:12px 14px; margin-top:16px; font-size:12px; }
.ysa-connected-preview .ysa-cdp-feed-json-details > summary { cursor:pointer; font-weight:600; }
.ysa-connected-preview .ysa-cdp-csv-import-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:16px 0; }
.ysa-connected-preview :is(.ysa-cdp-csv-file-field,.ysa-cdp-csv-type-field) { display:grid; gap:8px; min-width:0; font-size:12.5px; }
.ysa-connected-preview .ysa-cdp-csv-import-warning { margin:14px 0; padding:12px 14px; border-radius:12px; background:var(--ysa-caution-soft); font-size:12.5px; line-height:1.6; }
@media(min-width:1025px) {
 .ysa-connected-preview .ysa-cdp:has(#ysa_cdp_panel_personalization.is-active) .ysa-cdp-personalization-page-head { position:absolute; top:44px; right:32px; margin:0; }
 .ysa-connected-preview #ysa_cdp_personalization_root[data-personalization-screen=editor] .ysa-cdp-personalization-page-head { display:none; }
}
@media(max-width:1100px) {
 .ysa-connected-preview #ysa_cdp_personalization_workspace:not(.is-overview):is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) { grid-template-columns:minmax(0,1fr) 210px; }
}
@media(max-width:900px) {
 .ysa-connected-preview #ysa_cdp_personalization_workspace:not(.is-overview):is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) > .ysa-cdp-personalization-list-pane { grid-column:1; grid-row:2; }
 .ysa-connected-preview #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) > .ysa-cdp-personalization-editor-pane { grid-column:1; grid-row:1; padding:20px; }
 .ysa-connected-preview .ysa-cdp-personalization-page-head { order:-1; align-self:flex-start; margin:0 0 16px; }
}
@media(max-width:600px) {
 .ysa-connected-preview .ysa-cdp-manifest-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ysa-connected-preview .ysa-cdp-manifest-step { min-height:44px; font-size:12px; }
 .ysa-connected-preview :is(.ysa-cdp-native-component-controls,.ysa-cdp-csv-import-fields) { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .ysa-cdp-native-detail-list > div { grid-template-columns:minmax(0,1fr); gap:4px; }
 .ysa-connected-preview .ysa-cdp-manifest-card { padding:15px; }
 .ysa-connected-preview .ysa-cdp-personalization-page-head > div { display:flex; flex-wrap:wrap; gap:8px; }
}
.ysa-connected-preview #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) .ysa-cdp-personalization-pane-head { display:grid; grid-template-columns:30px minmax(0,1fr) 30px; gap:8px; }
.ysa-connected-preview #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) .ysa-cdp-personalization-pane-head > div { display:grid; gap:3px; min-width:0; font-size:11px; }
.ysa-connected-preview #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) .ysa-cdp-personalization-pane-head > div > span { color:var(--ysa-text-muted); font-weight:400; }
.ysa-connected-preview #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) .ysa-cdp-personalization-pane-head > button { width:30px; min-width:0; padding:0; }
.ysa-connected-preview .ysa-cdp-native-step-main > h3 { margin:4px 0 8px; font:400 24px/1.3 var(--ysa-font-heading); overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cdp-native-step-main > .ysa-cdp-native-lead { margin:0 0 20px; font-size:13px; line-height:1.6; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-native-readiness { display:grid; gap:10px; }
.ysa-connected-preview .ysa-cdp-native-readiness > div { display:grid; grid-template-columns:minmax(130px,1fr) minmax(0,1.5fr); gap:14px; padding-bottom:10px; border-bottom:1px solid var(--ysa-line-soft); }
.ysa-connected-preview .ysa-cdp-native-readiness > div:last-child { border:0; padding-bottom:0; }
.ysa-connected-preview .ysa-cdp-native-readiness span { color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-native-readiness strong { font-weight:600; }
.ysa-connected-preview .ysa-cdp-native-structure-count { display:flex; align-items:center; flex-wrap:wrap; gap:7px; font-size:12px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-manifest-section { min-width:0; margin:18px 0; }
.ysa-connected-preview .ysa-cdp-manifest-section > :is(h4,h5) { margin:0 0 8px; font:400 19px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-manifest-section-intro { margin:0 0 16px; font-size:13px; line-height:1.6; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-native-capability-readiness { display:grid; gap:14px; }
.ysa-connected-preview .ysa-cdp-native-capability { display:flex; align-items:flex-start; gap:10px; min-width:0; }
.ysa-connected-preview .ysa-cdp-native-capability > :is(i,svg) { flex:none; width:16px; height:16px; margin-top:3px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-native-capability > span { display:grid; gap:6px; min-width:0; }
.ysa-connected-preview .ysa-cdp-native-capability strong { font-size:13px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-native-capability small { font-size:12px; line-height:1.6; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-native-capability .ysa-cdp-btn { justify-self:start; margin-top:3px; }
.ysa-connected-preview .ysa-cdp-native-checklist { margin-top:20px; }
.ysa-connected-preview .ysa-cdp-native-checklist > div { display:grid; grid-template-columns:18px minmax(0,1fr); gap:4px 10px; padding:12px 0; border-bottom:1px solid var(--ysa-line-soft); }
.ysa-connected-preview .ysa-cdp-native-checklist > div > :is(i,svg) { grid-column:1; grid-row:1 / span 2; margin-top:2px; width:15px; height:15px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-native-checklist > div > strong { grid-column:2; font-size:12.5px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-native-checklist > div > span { grid-column:2; font-size:12px; color:var(--ysa-text-muted); line-height:1.5; }
.ysa-connected-preview #ysa_cdp_native_test_summary > h3 { margin:4px 0 8px; font:400 24px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview #ysa_cdp_native_test_summary > p { margin:0; color:var(--ysa-text-muted); font-size:13px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-native-holdout { margin:20px 0; }
.ysa-connected-preview .ysa-cdp-native-holdout > header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:16px; }
.ysa-connected-preview .ysa-cdp-native-holdout > header > div { min-width:0; }
.ysa-connected-preview .ysa-cdp-native-holdout header span { color:var(--ysa-text-muted); font-size:11px; }
.ysa-connected-preview .ysa-cdp-native-holdout h4 { margin:4px 0 7px; font:400 19px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-native-holdout p { margin:0; font-size:12px; line-height:1.6; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-cdp-native-holdout header > strong { flex:none; padding:4px 8px; border-radius:999px; font-size:11px; background:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cdp-native-holdout-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:16px 0; }
.ysa-connected-preview .ysa-cdp-native-holdout-split > div { display:grid; gap:5px; padding:14px; border-radius:12px; background:var(--ysa-canvas); }
.ysa-connected-preview .ysa-cdp-native-holdout-split > .is-personalization { background:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-cdp-native-holdout-split span { font-size:12px; }
.ysa-connected-preview .ysa-cdp-native-holdout-split output { font-size:27px; line-height:1.2; font-weight:600; }
.ysa-connected-preview .ysa-cdp-native-holdout-split small { color:var(--ysa-text-muted); font-size:11px; }
.ysa-connected-preview .ysa-cdp-native-holdout-controls { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; margin:18px 0 12px; }
.ysa-connected-preview .ysa-cdp-native-holdout-controls > label { display:grid; gap:7px; font-size:12px; }
.ysa-connected-preview .ysa-cdp-native-holdout-controls > .ysa-cdp-native-holdout-toggle { display:flex; align-items:flex-start; gap:9px; flex:1 1 200px; align-self:center; }
.ysa-connected-preview .ysa-cdp-native-holdout-toggle input { width:17px; min-height:17px; height:17px; margin:1px 0 0; flex:none; accent-color:var(--ysa-ink); }
.ysa-connected-preview .ysa-cdp-native-holdout-controls input[type=number] { width:90px; }
.ysa-connected-preview .ysa-cdp-native-holdout-status { margin-top:12px; }
.ysa-connected-preview .ysa-cdp-blueprint-operations { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:16px; font-size:12.5px; }
.ysa-connected-preview .ysa-cdp-blueprint-operations label { display:flex; align-items:center; gap:7px; }
@media(max-width:600px) {
 .ysa-connected-preview .ysa-cdp-native-readiness > div { grid-template-columns:minmax(0,1fr); gap:4px; }
 .ysa-connected-preview .ysa-cdp-native-holdout > header { flex-wrap:wrap; }
 .ysa-connected-preview .ysa-cdp-native-holdout-controls { align-items:flex-start; }
 .ysa-connected-preview .ysa-cdp-native-holdout-controls > .ysa-cdp-btn { width:100%; min-height:44px; }
}
/* The current feed catalogue exposes name, rule and scope, rather than the
   prototype's unavailable per-feed totals. Keep those real rows compact. */
@media(min-width:1101px) {
 .ysa-connected-preview #ysa_cdp_panel_product_feeds .ysa-cdp-feed-item { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto; column-gap:14px; row-gap:3px; padding:12px 18px; min-height:76px; }
 .ysa-connected-preview #ysa_cdp_panel_product_feeds .ysa-cdp-feed-copy { display:contents; }
 .ysa-connected-preview #ysa_cdp_panel_product_feeds .ysa-cdp-feed-copy > h3 { grid-column:1; grid-row:1; margin:0; }
 .ysa-connected-preview #ysa_cdp_panel_product_feeds .ysa-cdp-feed-copy > p { grid-column:2; grid-row:1 / span 2; margin:0; }
 .ysa-connected-preview #ysa_cdp_panel_product_feeds .ysa-cdp-feed-meta { grid-column:1; grid-row:2; margin:0; font-size:11px; }
 .ysa-connected-preview #ysa_cdp_panel_product_feeds .ysa-cdp-feed-action { grid-column:3; grid-row:1 / span 2; font-size:11.5px; padding:7px 10px; }
}
/* Retain the native browser disclosure and the location wizard navigation. */
.ysa-connected-preview #ysa_cdp_personalization_workspace:not(.is-overview).is-list-collapsed:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) { grid-template-columns:minmax(0,1fr) 62px; }
.ysa-connected-preview #ysa_cdp_personalization_workspace.is-list-collapsed:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) > .ysa-cdp-personalization-list-pane { padding:12px; }
.ysa-connected-preview #ysa_cdp_personalization_workspace.is-list-collapsed .ysa-cdp-personalization-pane-head { grid-template-columns:minmax(0,1fr); justify-items:center; margin:0; }
.ysa-connected-preview #ysa_cdp_personalization_workspace.is-list-collapsed .ysa-cdp-personalization-pane-head > div { display:none; }
.ysa-connected-preview #ysa_cdp_personalization_workspace[data-personalization-editor-type=placement] .ysa-cdp-personalization-stepper { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; list-style:none; padding:16px; margin:0; border-bottom:1px solid var(--ysa-line); }
.ysa-connected-preview #ysa_cdp_personalization_workspace[data-personalization-editor-type=placement] .ysa-cdp-personalization-stepper > li { list-style:none; margin:0; padding:0; }
.ysa-connected-preview #ysa_cdp_personalization_workspace[data-personalization-editor-type=placement] .ysa-cdp-personalization-step { width:100%; min-height:44px; justify-content:flex-start; font-size:12px; padding:8px; }
.ysa-connected-preview .ysa-cdp-personalization-step-controls { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:18px 20px; border-top:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-personalization-step-controls > div { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.ysa-connected-preview .ysa-cdp-personalization-step-progress { color:var(--ysa-text-muted); font-size:12px; }
@media(max-width:900px) {
 .ysa-connected-preview #ysa_cdp_personalization_workspace:not(.is-overview).is-list-collapsed:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview #ysa_cdp_personalization_workspace.is-list-collapsed:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) > .ysa-cdp-personalization-list-pane { display:block; }
}
@media(max-width:600px) {
 .ysa-connected-preview #ysa_cdp_personalization_workspace[data-personalization-editor-type=placement] .ysa-cdp-personalization-step { flex-wrap:wrap; font-size:11px; gap:5px; }
}
@media(max-width:600px) {
 .ysa-connected-preview #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) .ysa-cdp-personalization-pane-head { grid-template-columns:44px minmax(0,1fr) 44px; }
 .ysa-connected-preview #ysa_cdp_personalization_workspace:is([data-personalization-editor-type=native],[data-personalization-editor-type=placement]) .ysa-cdp-personalization-pane-head > button { width:44px; min-height:44px; }
 .ysa-connected-preview #ysa_cdp_personalization_workspace.is-list-collapsed .ysa-cdp-personalization-pane-head { display:flex; flex-wrap:wrap; justify-content:flex-start; }
}

@media(max-width:600px) {
 .ysa-connected-preview .ysa-cdp-personalization-back { min-height:44px; }
 .ysa-connected-preview .ysa-cdp-manifest-head > .ysa-cdp-btn,.ysa-connected-preview .ysa-cdp-native-footer-actions > .ysa-cdp-btn,.ysa-connected-preview .ysa-cdp-blueprint-actions > .ysa-cdp-btn { min-height:44px; }
}
.ysa-connected-preview .crfm:has(.crfm-status:not([hidden])) { grid-template-columns:minmax(0,1fr); }
.ysa-connected-preview .crfm:has(.crfm-status:not([hidden])) > .crfm-card { grid-column:1 / -1; }
.ysa-connected-preview .crfm[aria-busy=true] .crfm-status:not([hidden])::before { content:""; width:24px; height:24px; border:2px solid var(--ysa-line); border-top-color:var(--ysa-ink); border-radius:50%; animation:ysa-cortex-loading .8s linear infinite; }
@keyframes ysa-cortex-loading { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .ysa-connected-preview .crfm[aria-busy=true] .crfm-status::before { animation:none; } }
.ysa-connected-preview .ysa-cdp-personalization-overview-tools { display:flex; align-items:center; gap:14px; margin-bottom:14px; min-width:0; }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-personalization-overview-tools > .ysa-cdp-personalization-pane-head { flex:1 1 auto; margin:0; min-height:40px; gap:8px; }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-personalization-overview-tools > .ysa-cdp-personalization-search { flex:1 1 220px; min-width:0; margin:0; }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-personalization-overview-tools .ysa-cdp-personalization-pane-head > div { justify-content:flex-start; flex-wrap:wrap; min-width:0; gap:4px 7px; }
.ysa-connected-preview .ysa-cdp-personalization-overview-aside { padding-top:54px; }
@media(max-width:900px) { .ysa-connected-preview .ysa-cdp-personalization-overview-aside { padding-top:0; } }
@media(max-width:600px) {
 .ysa-connected-preview .ysa-cdp-personalization-overview-tools { flex-wrap:wrap; gap:10px; }
 .ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview .ysa-cdp-personalization-overview-tools > .ysa-cdp-personalization-search { flex-basis:100%; }
}
/* The Cortex navigation keeps its grid space while the content scrolls. A short
   desktop can scroll this column independently to reach the final Settings tab. */
@media(min-width:1025px) {
 .ysa-connected-preview .ysa-cdp > .ysa-cdp-nav { position:sticky; top:0; align-self:start; height:calc(100dvh - 96px); max-height:calc(100dvh - 96px); overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
}

/* Reuse the native five display illustrations and show only the chosen tick. */
.ysa-connected-preview .ysa-cdp-personalization-surface-choice { display:grid; gap:10px; padding:10px; }
.ysa-connected-preview .ysa-cdp-personalization-surface-choice>input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.ysa-connected-preview .ysa-cdp-personalization-surface-visual{position:relative;display:block;min-height:94px;overflow:hidden;border:1px solid var(--ysa-line);border-radius:8px;background:var(--ysa-canvas);background:color-mix(in srgb,var(--ysa-demo-accent) 7%,var(--ysa-canvas))}
.ysa-connected-preview .ysa-cdp-personalization-surface-browser{position:absolute;inset:10px;display:block;border-radius:6px;background:var(--ysa-demo-bg)}
.ysa-connected-preview .ysa-cdp-personalization-surface-browser:before,.ysa-connected-preview .ysa-cdp-personalization-surface-browser:after{content:"";position:absolute;left:9px;height:5px;border-radius:3px;background:var(--ysa-line)}
.ysa-connected-preview .ysa-cdp-personalization-surface-browser:before{top:9px;width:43%}
.ysa-connected-preview .ysa-cdp-personalization-surface-browser:after{top:19px;width:66%}
.ysa-connected-preview .ysa-cdp-personalization-surface-agent{position:absolute;display:flex;align-items:center;gap:5px;padding:7px;border-radius:6px;background:var(--ysa-demo-bg);color:var(--ysa-demo-text);box-shadow:0 5px 13px rgba(16,24,40,.13)}
.ysa-connected-preview .ysa-cdp-personalization-surface-agent:before{content:"";width:15px;height:15px;flex:0 0 15px;border-radius:50%;background:var(--ysa-demo-accent)}
.ysa-connected-preview .ysa-cdp-personalization-surface-agent:after{content:"";width:44px;height:5px;border-radius:3px;background:var(--ysa-demo-text);opacity:.28}
.ysa-connected-preview .ysa-cdp-personalization-surface-visual.is-inline .ysa-cdp-personalization-surface-agent{right:18px;bottom:19px;left:18px}
.ysa-connected-preview .ysa-cdp-personalization-surface-visual.is-floating .ysa-cdp-personalization-surface-agent{right:15px;bottom:14px;width:72%}
.ysa-connected-preview .ysa-cdp-personalization-surface-visual.is-chat .ysa-cdp-personalization-surface-agent{right:13px;bottom:23px;width:78%;padding:8px 7px 12px;border-radius:8px 8px 3px 8px}
.ysa-connected-preview .ysa-cdp-personalization-surface-visual.is-chat .ysa-cdp-personalization-surface-agent:after{width:34px}
.ysa-connected-preview .ysa-cdp-personalization-surface-chat-action{display:none}
.ysa-connected-preview .ysa-cdp-personalization-surface-visual.is-chat .ysa-cdp-personalization-surface-chat-action{position:absolute;right:19px;bottom:16px;display:block;width:54px;height:6px;border-radius:999px;background:var(--ysa-demo-accent);box-shadow:0 2px 5px rgba(16,24,40,.12)}
.ysa-connected-preview .ysa-cdp-personalization-surface-visual.is-chat .ysa-cdp-personalization-surface-chat-action:after{content:"";position:absolute;right:-3px;bottom:-3px;border-width:4px 0 0 5px;border-style:solid;border-color:transparent transparent transparent var(--ysa-demo-accent);transform:rotate(12deg)}
.ysa-connected-preview .ysa-cdp-personalization-surface-visual.is-popup:after{content:"";position:absolute;inset:10px;border-radius:6px;background:rgba(16,24,40,.18)}
.ysa-connected-preview .ysa-cdp-personalization-surface-visual.is-popup .ysa-cdp-personalization-surface-agent{z-index:1;top:50%;left:50%;width:76%;transform:translate(-50%,-35%)}
.ysa-connected-preview .ysa-cdp-personalization-surface-visual.is-javascript .ysa-cdp-personalization-surface-browser{background:var(--ysa-ink)}
.ysa-connected-preview .ysa-cdp-personalization-surface-visual.is-javascript .ysa-cdp-personalization-surface-browser:before,.ysa-connected-preview .ysa-cdp-personalization-surface-visual.is-javascript .ysa-cdp-personalization-surface-browser:after{background:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-cdp-personalization-surface-javascript{position:absolute;z-index:1;right:16px;bottom:20px;left:16px;display:grid;min-height:37px;place-items:center;border:1px solid var(--ysa-on-ink-line);border-radius:7px;background:var(--ysa-ink);color:var(--ysa-on-ink);font-family:var(--ysa-font-mono);font-size:13px;font-weight:750;letter-spacing:-.02em;box-shadow:0 5px 13px rgba(16,24,40,.2)}
.ysa-connected-preview .ysa-cdp-personalization-surface-copy{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:3px 8px;padding:1px 2px 3px}
.ysa-connected-preview .ysa-cdp-personalization-surface-copy strong{color:var(--ysa-ink);font-size:14px;line-height:1.35}
.ysa-connected-preview .ysa-cdp-personalization-surface-copy small{grid-column:1/-1;color:var(--ysa-text-muted);font-size:14px;font-weight:500;line-height:1.4}
.ysa-connected-preview .ysa-cdp-personalization-surface-check{display:grid;width:18px;height:18px;place-items:center;border:1px solid var(--ysa-line);border-radius:50%;background:var(--ysa-sheet);color:transparent;font-size:10px}
.ysa-connected-preview .ysa-cdp-personalization-surface-choice:has(input:checked) .ysa-cdp-personalization-surface-check{border-color:var(--ysa-demo-accent);background:var(--ysa-demo-accent);color:var(--ysa-demo-accent-text)}
.ysa-connected-preview .ysa-cdp-personalization-surface-check { visibility:hidden; }
.ysa-connected-preview .ysa-cdp-personalization-surface-choice:has(input:checked) .ysa-cdp-personalization-surface-check { visibility:visible; background:var(--ysa-ink); border-color:var(--ysa-ink); color:var(--ysa-on-ink); }
/* Real account settings are separate cards without recreating their controls. */
.ysa-connected-preview #ysa_cdp_panel_settings > .ysa-cdp-settings-engine { padding:0; border:0; border-radius:0; background:transparent; }
.ysa-connected-preview .ysa-cdp-settings-engine > .ysa-cdp-body { gap:18px; padding:0; }
.ysa-connected-preview .ysa-cdp-settings-identity-card { min-width:0; padding:20px; border:1px solid var(--ysa-line); border-radius:18px; background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-cdp-settings-identity-card > .ysa-cdp-section-head { padding:0 0 16px; }
.ysa-connected-preview .ysa-cdp-settings-identity-card > .ysa-cdp-form { margin:0; padding:0; }
.ysa-connected-preview .ysa-cdp-settings-engine > .ysa-cdp-body > fieldset.ysa-cdp-native-effect { display:flow-root; min-width:0; margin:0; padding:20px; border:1px solid var(--ysa-line); border-radius:18px; background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-cdp-settings-engine > .ysa-cdp-body > fieldset.ysa-cdp-native-effect > legend { float:left; width:100%; margin:0 0 8px; padding:0; font:400 19px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-settings-engine > .ysa-cdp-body > fieldset.ysa-cdp-native-effect > p { clear:both; margin:0 0 18px; }
.ysa-connected-preview .ysa-cdp-settings-engine > .ysa-cdp-body > .ysa-cdp-settings-website-tests { order:2; margin:0; }
.ysa-connected-preview .ysa-cdp-settings-website-tests > .ysa-cdp-body { display:grid; gap:12px; }
.ysa-connected-preview .ysa-cdp-settings-engine > .ysa-cdp-body > .ysa-cdp-note { margin:0; font-size:12px; line-height:1.6; }
/* The header chooser and the native direct-manual shortcut have different
   actions. Explain the shortcut; keep the browser collapse control in editors. */
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview #ysa_cdp_personalization_list_toggle { display:none; }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview #ysa_cdp_personalization_list_title { display:none; }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview #ysa_cdp_personalization_list_count { font:italic 400 23px/1.3 var(--ysa-font-serif); color:var(--ysa-ink); }
.ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview #ysa_cdp_personalization_new { display:inline-flex; align-items:center; justify-content:center; flex:none; gap:7px; width:auto; min-height:38px; padding:8px 11px; border:1px solid var(--ysa-line); border-radius:10px; background:var(--ysa-sheet); color:var(--ysa-ink); font-size:12px; font-weight:500; }
@media(max-width:600px) { .ysa-connected-preview .ysa-cdp-settings-identity-card,.ysa-connected-preview .ysa-cdp-settings-engine > .ysa-cdp-body > fieldset.ysa-cdp-native-effect { padding:18px; } .ysa-connected-preview .ysa-cdp-personalization-workspace.is-overview #ysa_cdp_personalization_new { min-height:44px; } }
/* Separate preview headings from their live size/count metadata. */
.ysa-connected-preview .ysa-cdp-search-preview-head > div:first-child { display:grid; gap:6px; min-width:0; }
.ysa-connected-preview .ysa-cdp-search-preview-head strong { display:block; font:400 19px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-search-preview-metric { display:block; color:var(--ysa-text-muted); font-size:11px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-search-profile-field-head { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:6px 14px; margin-bottom:10px; width:100%; }
.ysa-connected-preview .ysa-cdp-search-profile-field-head > small { font-size:11px; font-weight:400; color:var(--ysa-text-muted); }
/* Existing source operations and explanations form one quiet, coherent panel. */
.ysa-connected-preview .ysa-cdp-source-operation-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:18px; padding:18px 20px; border:1px solid var(--ysa-line); border-radius:18px; background:var(--ysa-canvas); }
.ysa-connected-preview .ysa-cdp-source-operation-copy { min-width:0; flex:1 1 420px; }
.ysa-connected-preview .ysa-cdp-source-operation-copy > .ysa-cdp-note { margin:0; max-width:72ch; font-size:12.5px; line-height:1.6; }
.ysa-connected-preview .ysa-cdp-source-operation-copy > .ysa-cdp-note + .ysa-cdp-note { margin-top:8px; font-size:11.5px; }
.ysa-connected-preview #ysa_cdp_panel_sources > .ysa-cdp-section:has(#ysa_cdp_sources) > .ysa-cdp-section-head { display:none; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-groups { grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); }
.ysa-connected-preview .ysa-cdp-source-connection-icon { display:grid; place-items:center; width:32px; height:32px; flex:none; border-radius:9px; background:var(--ysa-sage-soft); color:var(--ysa-ink); }
.ysa-connected-preview .ysa-cdp-source-connection-icon svg { display:block; width:18px; height:18px; stroke:currentColor; stroke-width:1.5; fill:none; }
@media(max-width:600px) { .ysa-connected-preview .ysa-cdp-source-operation-bar { padding:16px; gap:12px; } .ysa-connected-preview .ysa-cdp-source-operation-bar > .ysa-cdp-btn { min-height:44px; } }
/* Sources: contained line icons and grouped connection settings. */
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-icon { display:grid; place-items:center; width:40px; height:40px; flex:none; margin:0; border-radius:12px; background:var(--ysa-sage-soft); color:var(--ysa-ink); }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-icon > svg { display:block; width:20px; height:20px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-metric { display:grid; grid-template-columns:40px minmax(0,1fr); align-content:start; align-items:center; gap:0 12px; padding:20px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-metric-label { display:block; font-size:12px; font-weight:500; line-height:1.45; overflow-wrap:anywhere; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-metric > strong { grid-column:1/-1; margin:16px 0 8px; font-size:30px; line-height:1.2; font-variant-numeric:tabular-nums; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-metric > small { grid-column:1/-1; font-size:12px; line-height:1.6; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-import-item { gap:16px; padding:20px 0; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-import-item:first-child { padding-top:0; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-import-item:last-child { padding-bottom:0; border-bottom:0; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-import-copy h3 { margin:4px 0; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-import-total { font-variant-numeric:tabular-nums; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-status:is(.completed,.processing) { color:var(--ysa-ink); background:var(--ysa-sage-soft); }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-status:is(.pending,.retry,.paused) { color:var(--ysa-caution-text); background:var(--ysa-caution-soft); }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-status.failed { color:var(--ysa-danger-text); background:var(--ysa-danger-soft); }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-chart-panel > header { display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-chart-panel h3 { margin:4px 0 0; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-coverage { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-donut { position:relative; width:112px; height:112px; flex:0 0 112px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-donut > svg { display:block; width:100%; height:100%; transform:rotate(-90deg); }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-donut circle.mint { stroke:var(--ysa-sage); }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-donut circle.purple { stroke:var(--ysa-ink); }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-donut circle.orange { stroke:var(--ysa-caution-text); }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-donut > span { position:absolute; inset:0; display:grid; align-content:center; justify-items:center; gap:2px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-donut strong { font-size:24px; line-height:1.2; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-coverage ul { display:grid; gap:12px; flex:1 1 160px; list-style:none; margin:0; padding:0; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-coverage li { display:flex; align-items:center; gap:8px; color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-coverage li strong { margin-left:auto; color:var(--ysa-ink); font-variant-numeric:tabular-nums; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-dot { width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:var(--ysa-sage); }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-dot.purple { background:var(--ysa-ink); }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-dot.orange { background:var(--ysa-caution-text); }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-groups { grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr)); }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-card { container:source-connection / inline-size; padding:20px; background:var(--ysa-sheet); }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-card > header { align-items:center; gap:12px; margin:0 0 12px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-cdp-source-connection-icon { width:40px; height:40px; border-radius:12px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-cdp-source-connection-icon svg { width:20px; height:20px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-card h4 { margin:3px 0 0; font-size:15px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-card > .ysa-source-context { margin:0 0 20px; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-entities { display:grid; gap:12px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-entity { min-width:0; padding:16px; border:1px solid var(--ysa-line-soft); border-radius:12px; background:var(--ysa-canvas); }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-entity > strong { display:block; font-size:13px; line-height:1.5; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-entity-details { min-width:0; gap:6px; margin-top:8px; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-sync { grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px 12px; margin-top:16px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-sync label { min-width:0; gap:8px; font-size:12px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-sync :is(select,.ysa-cdp-btn),.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-card :is([data-shop-source],[data-spotler-sync-instance]) { min-height:44px; border-radius:10px; font-size:12px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-sync .ysa-cdp-btn { justify-self:stretch; padding:10px 14px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-sync-status { grid-column:1/-1; justify-self:start; max-width:100%; white-space:normal; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-sync-status:not(:empty),.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-error { padding:8px 10px; border-radius:8px; }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-error { color:var(--ysa-danger-text); background:var(--ysa-danger-soft); }
.ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-sync :is(select,button):focus-visible { outline:2px solid var(--ysa-ink)!important; outline-offset:3px!important; }
@container source-connection (min-width:620px) {
 .ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-entity { display:grid; grid-template-columns:minmax(120px,.4fr) minmax(0,1fr); gap:8px 24px; align-items:start; }
 .ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-entity-details { margin-top:0; }
 .ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-sync { max-width:560px; }
}
@media(max-width:1250px) {
 .ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-metric { grid-template-columns:minmax(0,1fr); justify-items:start; align-items:start; gap:12px; padding:16px; }
 .ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-metric-label { min-height:35px; }
 .ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-metric > strong { margin:0; font-size:27px; }
 .ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-card { padding:16px; }
 .ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-entity { padding:14px; }
 .ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-sync { grid-template-columns:minmax(0,1fr); gap:12px; }
 .ysa-connected-preview #ysa_cdp_panel_sources .ysa-source-card [data-shop-source] { flex:1 0 100%; }
 .ysa-connected-preview #ysa_cdp_panel_sources .ysa-sources-import-item { gap:10px 12px; }
}

/* Keep customer identity and contact details together at every screen size. */
.ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table { width:100%; min-width:0; table-layout:fixed; }
.ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table :is(th,td) { min-width:0; width:auto; white-space:normal; overflow-wrap:anywhere; word-break:normal; vertical-align:top; }
.ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table :is(th,td):first-child { width:24%; }
.ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table :is(th,td):nth-child(2) { width:28%; }
.ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table :is(th,td):nth-child(3) { width:16%; }
.ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table :is(th,td):nth-child(4) { width:18%; }
.ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table :is(th,td):nth-child(5) { width:14%; }
.ysa-connected-preview #ysa_cdp_profiles .ysa-cdp-profile-person, .ysa-connected-preview #ysa_cdp_profiles .ysa-cdp-profile-contact { display:grid; gap:8px; min-width:0; }
.ysa-connected-preview #ysa_cdp_profiles .ysa-cdp-profile-table .ysa-cdp-profile-open { min-height:44px; padding:0; max-width:100%; justify-self:start; white-space:normal; overflow-wrap:anywhere; word-break:normal; }
.ysa-connected-preview #ysa_cdp_profiles .ysa-cdp-profile-company, .ysa-connected-preview #ysa_cdp_profiles .ysa-cdp-profile-contact-item { display:grid; gap:2px; min-width:0; line-height:1.5; }
.ysa-connected-preview #ysa_cdp_profiles .ysa-cdp-profile-company { font-size:12px; }
.ysa-connected-preview #ysa_cdp_profiles .ysa-cdp-profile-field-label, .ysa-connected-preview #ysa_cdp_profiles .ysa-cdp-profile-missing { color:var(--ysa-text-muted); font-size:12px; }
@media(max-width:1100px) {
 .ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table, .ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table tbody { display:block; width:100%; min-width:0; }
 .ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table tbody > tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; padding:16px; border-bottom:1px solid var(--ysa-line); }
 .ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table tbody > tr:last-child { border-bottom:0; }
 .ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table tbody > tr > td:nth-child(n) { display:block; width:auto; min-width:0; padding:0; border:0; }
 .ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table tbody > tr > td:nth-child(-n+2) { grid-column:1/-1; }
 .ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table tbody > tr > td:nth-child(n+3)::before { content:attr(data-label); display:block; margin-bottom:4px; color:var(--ysa-text-muted); font-size:12px; font-weight:600; }
 .ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table tbody > tr > td:nth-child(4) { grid-column:1; grid-row:4; }
 .ysa-connected-preview #ysa_cdp_profiles > .ysa-cdp-profile-table tbody > tr > td:nth-child(5) { grid-column:2; grid-row:3; }
}

/* Widget chooser: exclusive redesign presentation. */
.ysa-connected-preview dialog.ysa-cdp-widget-template-dialog { display:block; width:min(1180px,calc(100vw - 40px)); max-height:calc(100dvh - 40px); overflow:hidden; color:var(--ysa-text); background:var(--ysa-sheet); border-radius:20px; }
.ysa-connected-preview .ysa-cdp-widget-template-modal { display:flex; flex-direction:column; width:100%; max-height:calc(100dvh - 42px); min-height:0; padding:0; overflow:hidden; border:0; border-radius:0; background:var(--ysa-sheet); box-shadow:none; }
.ysa-connected-preview .ysa-cdp-widget-template-modal-head { position:relative; flex:none; padding:24px 76px 20px 24px; border-bottom:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-widget-template-modal-head h3 { margin:0; font:400 22px/1.2 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-cdp-widget-template-modal-head p { max-width:68ch; margin:8px 0 0; color:var(--ysa-text-3); font-size:13px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-widget-template-modal-head button { top:20px; right:20px; width:44px; height:44px; }
.ysa-connected-preview .ysa-cdp-widget-template-modal-body { min-height:0; overflow:auto; overscroll-behavior:contain; background:var(--ysa-canvas-tint); }
.ysa-connected-preview .ysa-widget-chooser-tools { position:sticky; top:0; z-index:3; display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:16px 24px; border-bottom:1px solid var(--ysa-line); background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-widget-chooser-tools > label:first-child { display:flex; flex:1 1 240px; min-width:0; align-items:center; gap:8px; padding:0 12px; border:1px solid var(--ysa-text-muted); border-radius:10px; color:var(--ysa-text-3); background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-widget-chooser-tools input[type=search] { min-height:44px; padding:8px 0; border:0; border-radius:0; background:transparent; color:var(--ysa-text); }
.ysa-connected-preview .ysa-widget-chooser-tools input[type=search]::placeholder { color:var(--ysa-text-3); }
.ysa-connected-preview .ysa-widget-chooser-tools > label:first-child:focus-within { outline:2px solid var(--ysa-sage); outline-offset:2px; }
.ysa-connected-preview .ysa-widget-chooser-tools input[type=search]:focus-visible { outline:0; }
.ysa-connected-preview .ysa-widget-compatible { display:flex; min-height:44px; align-items:center; gap:8px; color:var(--ysa-text-3); }
.ysa-connected-preview .ysa-widget-chooser-tools button { min-height:44px; }
.ysa-connected-preview .ysa-cdp-widget-template-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:20px 24px 24px; }
.ysa-connected-preview .ysa-cdp-widget-template-card { display:flex; min-width:0; min-height:0; flex-direction:column; align-items:stretch; justify-content:start; gap:0; overflow:hidden; padding:0; border:1px solid var(--ysa-line); border-radius:16px; background:var(--ysa-sheet); color:var(--ysa-text); font:400 13px/1.45 var(--ysa-font-sans); text-align:left; isolation:isolate; }
.ysa-connected-preview .ysa-cdp-widget-template-card:hover { border-color:var(--ysa-text-muted); background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-cdp-widget-template-card.is-active { border-color:var(--ysa-ink); box-shadow:0 0 0 2px var(--ysa-ink); }
.ysa-connected-preview .ysa-cdp-widget-template-card:disabled { opacity:.6; }
.ysa-connected-preview .ysa-cdp-widget-template-head { display:flex; min-width:0; min-height:48px; flex:none; align-items:center; gap:8px; padding:10px 12px; }
.ysa-connected-preview .ysa-cdp-widget-template-badge { display:inline-flex; flex:none; align-items:center; min-height:24px; padding:4px 8px; border-radius:999px; background:var(--ysa-sage-soft); color:var(--ysa-ink); font-size:12px; font-weight:600; }
.ysa-connected-preview .ysa-cdp-widget-template-location { min-width:0; flex:1; overflow:hidden; color:var(--ysa-text-3); font-size:12px; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
.ysa-connected-preview .ysa-cdp-widget-template-check { display:none; width:20px; height:20px; flex:none; place-items:center; border-radius:50%; color:var(--ysa-on-ink); background:var(--ysa-ink); }
.ysa-connected-preview .ysa-cdp-widget-template-card.is-active .ysa-cdp-widget-template-check { display:grid; }
.ysa-connected-preview .ysa-cdp-widget-template-preview { position:relative; display:block; flex:none; height:190px; overflow:hidden; border-block:1px solid var(--ysa-line-soft); background:var(--ysa-canvas-tint); color-scheme:light; pointer-events:none; }
.ysa-connected-preview .ysa-cdp-widget-template-scene { position:absolute; top:0; left:0; display:flex; width:200%; height:380px; align-items:center; justify-content:center; padding:32px; transform:scale(.5); transform-origin:top left; color:#17343b; background:#f4f4f1; font-weight:400; text-align:left; }
.ysa-connected-preview .ysa-cdp-widget-template-scene > .ysa-cdp-personalization-preview-card { position:relative; z-index:2; width:100%; min-width:0; overflow:hidden; }
.ysa-connected-preview .ysa-cdp-widget-template-scene.is-context-pill { align-items:flex-start; padding-top:52px; }
.ysa-connected-preview .ysa-cdp-widget-template-scene:is(.is-live-advice,.is-value-note,.is-checkout-nudge) { align-items:flex-end; padding-top:92px; }
.ysa-connected-preview .ysa-cdp-widget-template-scene:is(.is-smart-addon,.is-category-guide) { align-items:flex-start; padding-top:40px; padding-bottom:92px; }
.ysa-connected-preview .ysa-cdp-widget-template-skeleton { position:absolute; z-index:1; top:24px; display:block; width:18%; height:10px; border-radius:4px; background:#dde8e4; }
.ysa-connected-preview .ysa-cdp-widget-template-skeleton.is-line-1 { left:32px; }
.ysa-connected-preview .ysa-cdp-widget-template-skeleton.is-line-2 { left:39%; }
.ysa-connected-preview .ysa-cdp-widget-template-skeleton.is-line-3 { left:64%; }
.ysa-connected-preview .ysa-cdp-widget-template-option-row { position:absolute; top:24px; left:32px; display:flex; gap:8px; }
.ysa-connected-preview .ysa-cdp-widget-template-option { padding:6px 12px; border:1px solid #d4d7d1; border-radius:9px; background:#fff; color:#3f4d4a; font-size:14px; }
.ysa-connected-preview .ysa-cdp-widget-template-option.is-active { border-color:#0e2523; }
.ysa-connected-preview .ysa-cdp-widget-template-price { position:absolute; top:24px; left:32px; font-size:24px; font-weight:700; }
.ysa-connected-preview .ysa-cdp-widget-template-host-cart { position:absolute; right:32px; bottom:24px; left:32px; display:flex; min-height:42px; align-items:center; justify-content:center; border-radius:10px; background:#0e2523; color:#fff; font-size:16px; }
.ysa-connected-preview .ysa-cdp-widget-template-tiles { position:absolute; right:32px; bottom:24px; left:32px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.ysa-connected-preview .ysa-cdp-widget-template-tile { height:40px; border-radius:9px; background:#dde8e4; }
.ysa-connected-preview .ysa-cdp-widget-template-copy { display:flex; flex:1; flex-direction:column; gap:8px; padding:16px; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cdp-widget-template-copy strong { color:var(--ysa-text); font-size:14px; font-weight:600; line-height:1.3; }
.ysa-connected-preview .ysa-cdp-widget-template-copy > span { color:var(--ysa-text-3); font-size:12.5px; line-height:1.5; }
.ysa-connected-preview .ysa-cdp-widget-template-empty { grid-column:1/-1; padding:24px; color:var(--ysa-text-3); text-align:center; }
.ysa-connected-preview .ysa-widget-chooser-footer { display:flex; flex:none; align-items:center; justify-content:space-between; gap:16px; padding:16px 24px; border-top:1px solid var(--ysa-line); background:var(--ysa-sheet); color:var(--ysa-text-3); font-size:13px; }
.ysa-connected-preview .ysa-widget-chooser-footer > span { min-width:0; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-widget-chooser-footer button { min-height:44px; flex:none; }
.ysa-connected-preview .ysa-widget-chooser-footer .is-primary { border-color:var(--ysa-action-bg,var(--ysa-ink)); background:var(--ysa-action-bg,var(--ysa-ink)); color:var(--ysa-action-fg,var(--ysa-on-ink)); }
@media (max-width:1100px) {
 .ysa-connected-preview .ysa-cdp-widget-template-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
 .ysa-connected-preview dialog.ysa-cdp-widget-template-dialog { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); border-radius:20px; }
 .ysa-connected-preview .ysa-cdp-widget-template-modal { max-height:calc(100dvh - 18px); }
 .ysa-connected-preview .ysa-cdp-widget-template-modal-head { padding:16px 64px 16px 16px; }
 .ysa-connected-preview .ysa-cdp-widget-template-modal-head button { top:12px; right:12px; }
 .ysa-connected-preview .ysa-widget-chooser-tools { gap:8px; padding:12px 16px; }
 .ysa-connected-preview .ysa-widget-chooser-tools > label:first-child { flex-basis:100%; }
 .ysa-connected-preview .ysa-widget-compatible { flex:1 1 100%; }
 .ysa-connected-preview .ysa-cdp-widget-template-gallery { grid-template-columns:minmax(0,1fr); gap:12px; padding:16px; }
 .ysa-connected-preview .ysa-widget-chooser-footer { align-items:stretch; flex-direction:column; gap:8px; padding:12px 16px; }
 .ysa-connected-preview .ysa-widget-chooser-footer button { width:100%; }
}
@media (max-height:600px) {
 .ysa-connected-preview .ysa-widget-chooser-tools { position:static; }
}
/* Customer component island: retain configured widget presentation inside examples. */
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-avatar { position:relative; display:grid; flex:0 0 auto; place-items:center; overflow:hidden; border-radius:50%; background:var(--ysa-preview-soft); color:inherit; font-weight:850; }
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card{--ysa-preview-accent:#101828;--ysa-preview-accent-text:#fff;display:flex;width:100%;max-width:330px;gap:11px;padding:14px;border-radius:12px;background:#fff;color:#101828;box-shadow:0 9px 24px rgba(16,24,40,.14)}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-avatar{width:44px;height:44px;font-size:14px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ysa-preview-accent) 25%,transparent)}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-body{min-width:0;flex:1}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-head{padding-right:22px}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-head strong{display:block;color:#101828;font-size:14px}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-head span{display:block;margin-top:1px;color:#667085;font-size:14px;line-height:1.35}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-text{margin:9px 0 0;color:#344054;font-size:14px;line-height:1.5;white-space:pre-wrap}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-cta{display:inline-flex;min-height:34px;align-items:center;justify-content:center;margin-top:11px;padding:7px 11px;border-radius:8px;background:var(--ysa-preview-accent);color:var(--ysa-preview-accent-text);font-size:14px;font-weight:800}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-dismiss{position:absolute;top:8px;right:9px;border:0;background:transparent;color:#667085;font-size:18px;line-height:1}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card{position:relative}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card.is-composed{display:flex;max-width:none;flex-direction:column;margin:0}
@media(max-width:520px){.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card.is-composed[data-mobile-border-width]{border-width:var(--ysa-preview-mobile-border-width)!important}}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-block-agent{display:flex;align-items:center;gap:9px}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-block-agent.is-stacked{align-items:flex-start;flex-direction:column}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-block-agent-copy{min-width:0}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-block-agent-copy strong,.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-block-agent-copy span{display:block}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-block-agent-copy strong{font-size:1em}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-block-agent-copy span{margin-top:1px;color:var(--ysa-preview-muted);font-size:.82em}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-eyebrow{color:var(--ysa-preview-accent);font-size:.78em;font-weight:850}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-heading{margin:0;color:inherit;font-size:1.25em;font-weight:var(--ysa-preview-title-weight,750);line-height:1.2}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-heading.is-small{font-size:1.05em}.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-heading.is-large{font-size:1.55em}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-message{margin:0;color:inherit;font-size:1em;font-weight:var(--ysa-preview-body-weight,400);line-height:1.48;white-space:pre-wrap}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-message.is-bubble,.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-message.is-highlight{padding:10px;border-radius:10px;background:var(--ysa-preview-soft)}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-smart-questions{display:flex;min-width:0;flex-direction:column;gap:7px}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-smart-question{display:block;min-height:37px;padding:8px 10px;border:1px solid var(--ysa-preview-border);border-radius:9px;background:#fff;color:inherit;font-size:.86em;font-weight:650;line-height:1.35;text-align:left}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-smart-form{display:flex;min-width:0;gap:6px;margin-top:1px}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-smart-input{display:flex;min-width:0;min-height:39px;flex:1 1 auto;align-items:center;padding:8px 10px;border:1px solid var(--ysa-preview-border);border-radius:9px;background:#fff;color:var(--ysa-preview-muted);font-size:.86em}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-smart-send{display:grid;width:39px;min-width:39px;place-items:center;border-radius:9px;background:var(--ysa-preview-accent);color:var(--ysa-preview-accent-text);font-size:17px;font-weight:850}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-products{--ysa-preview-product-min:104px;--ysa-preview-product-max:132px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--ysa-preview-product-min)),var(--ysa-preview-product-max)));gap:7px}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-products[data-product-size="small"]{--ysa-preview-product-min:78px;--ysa-preview-product-max:96px}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-products[data-product-size="large"]{--ysa-preview-product-min:142px;--ysa-preview-product-max:176px}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-products[data-product-display="thumbnail"]{--ysa-preview-product-min:64px;--ysa-preview-product-max:80px}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-products[data-product-display="thumbnail"][data-product-size="small"]{--ysa-preview-product-min:48px;--ysa-preview-product-max:60px}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-products[data-product-display="thumbnail"][data-product-size="large"]{--ysa-preview-product-min:92px;--ysa-preview-product-max:112px}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-product{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--ysa-preview-border);border-radius:9px;background:#fff;font-size:.82em}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-product-thumb{position:relative;display:block;width:100%;aspect-ratio:1/1;background:var(--ysa-preview-soft)}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-product-thumb:before{content:"";position:absolute;top:31%;left:31%;width:38%;height:30%;border:2px solid var(--ysa-preview-border);border-radius:5px}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-product-thumb:after{content:"";position:absolute;top:42%;left:40%;width:20%;height:2px;border-radius:2px;background:var(--ysa-preview-border);box-shadow:0 7px 0 var(--ysa-preview-border)}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-product-copy{display:flex;min-width:0;flex-direction:column;gap:3px;padding:8px}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-product-title{display:-webkit-box;overflow:hidden;color:inherit;font-weight:750;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-product-price{overflow:hidden;color:var(--ysa-preview-muted);font-size:.92em;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-products[data-product-display="thumbnail"] .ysa-cdp-personalization-preview-product{border:0;background:transparent}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-products[data-product-display="thumbnail"] .ysa-cdp-personalization-preview-product-thumb{overflow:hidden;border:1px solid var(--ysa-preview-border);border-radius:9px}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-divider{width:100%;height:1px;margin:0;border:0;background:var(--ysa-preview-border)}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-spacer{width:100%;min-width:0;flex:0 0 auto;grid-column:1/-1}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card.is-composed .ysa-cdp-personalization-preview-cta{margin-top:0}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card.is-composed .ysa-cdp-personalization-preview-cta.is-full{display:flex;width:100%}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card.is-composed[data-presentation="personal_welcome"]{border-color:transparent!important;background:var(--ysa-preview-accent)!important;color:var(--ysa-preview-accent-text)!important;box-shadow:none!important}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="personal_welcome"] .ysa-cdp-personalization-preview-cta{border:1px solid var(--ysa-preview-accent-text);background:var(--ysa-preview-accent-text);color:var(--ysa-preview-accent)}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="personal_welcome"] .ysa-cdp-personalization-preview-avatar,.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="category_guide"] .ysa-cdp-personalization-preview-avatar{background:color-mix(in srgb,var(--ysa-preview-accent-text) 18%,transparent);color:var(--ysa-preview-accent-text)}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card.is-composed[data-presentation="context_pill"]{display:inline-grid!important;width:auto!important;grid-template-columns:auto minmax(0,1fr);align-items:center;border-radius:999px!important;background:var(--ysa-preview-soft)!important;box-shadow:none!important}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="context_pill"] .ysa-cdp-personalization-preview-block-agent-copy,.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="live_advice"] .ysa-cdp-personalization-preview-block-agent-copy,.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="value_note"] .ysa-cdp-personalization-preview-block-agent-copy,.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="smart_addon"] .ysa-cdp-personalization-preview-block-agent-copy,.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="category_guide"] .ysa-cdp-personalization-preview-block-agent-copy,.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="checkout_nudge"] .ysa-cdp-personalization-preview-block-agent-copy,.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="thoughtful_popup"] .ysa-cdp-personalization-preview-block-agent-copy{display:none}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="context_pill"] .ysa-cdp-personalization-preview-message{font-size:.9em;line-height:1.35}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card.is-composed[data-presentation="live_advice"]{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:11px!important;row-gap:2px!important;border-left:4px solid var(--ysa-preview-accent)!important;background:var(--ysa-preview-soft)!important;box-shadow:none!important}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="live_advice"] .ysa-cdp-personalization-preview-block-agent{grid-row:1/3}.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="live_advice"] .ysa-cdp-personalization-preview-eyebrow,.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="live_advice"] .ysa-cdp-personalization-preview-message,.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="live_advice"]>.ysa-cdp-personalization-preview-cta{grid-column:2}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card.is-composed[data-presentation="value_note"]{display:inline-grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;background:#fff!important;box-shadow:none!important}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="value_note"] .ysa-cdp-personalization-preview-message{font-size:.92em;line-height:1.4}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card.is-composed[data-presentation="smart_addon"]{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:11px!important;row-gap:2px!important;background:var(--ysa-preview-soft)!important;box-shadow:none!important;text-align:left!important}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="smart_addon"] .ysa-cdp-personalization-preview-block-agent{grid-column:1;grid-row:1/3}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="smart_addon"]:has(.ysa-cdp-personalization-preview-products) .ysa-cdp-personalization-preview-block-agent{display:none}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="smart_addon"] .ysa-cdp-personalization-preview-message{grid-column:2;grid-row:1;margin:0;line-height:1.32}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="smart_addon"] .ysa-cdp-personalization-preview-products,.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="smart_addon"] .ysa-cdp-personalization-preview-product,.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="smart_addon"] .ysa-cdp-personalization-preview-product-copy{display:contents}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="smart_addon"] .ysa-cdp-personalization-preview-product-thumb{grid-column:1;grid-row:1/3;width:48px;height:52px;overflow:hidden;border:1px solid var(--ysa-preview-border);border-radius:7px;background:#fff}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="smart_addon"] .ysa-cdp-personalization-preview-product-title{display:none}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="smart_addon"] .ysa-cdp-personalization-preview-product-price{grid-column:2;grid-row:2;color:var(--ysa-preview-accent);font-size:.84em;font-weight:750}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="smart_addon"]>.ysa-cdp-personalization-preview-cta{grid-column:3;grid-row:1/3;min-width:38px;min-height:38px;align-self:center;justify-self:end;padding:7px 10px;border-radius:9px;white-space:nowrap}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card.is-composed[data-presentation="category_guide"]{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;border:0!important;background:var(--ysa-preview-accent)!important;color:var(--ysa-preview-accent-text)!important;box-shadow:none!important;text-align:left!important}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="category_guide"] .ysa-cdp-personalization-preview-message{grid-column:2}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="category_guide"] .ysa-cdp-personalization-preview-cta{display:none!important}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card.is-composed[data-presentation="checkout_nudge"]{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;background:var(--ysa-preview-soft)!important;box-shadow:none!important}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="checkout_nudge"]>.ysa-cdp-personalization-preview-cta{white-space:nowrap}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card.is-composed[data-presentation="thoughtful_popup"]{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;background:#fff!important;box-shadow:0 16px 42px rgba(16,24,40,.18)!important}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="thoughtful_popup"] .ysa-cdp-personalization-preview-heading{grid-column:2}.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="thoughtful_popup"] .ysa-cdp-personalization-preview-message{grid-column:1/-1}.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="thoughtful_popup"]>.ysa-cdp-personalization-preview-cta{grid-column:1/2;width:100%}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="thoughtful_popup"] .ysa-cdp-personalization-preview-dismiss.is-later{position:static;display:flex;grid-column:2;min-height:34px;align-items:center;justify-content:center;padding:7px 12px;border-radius:8px;background:var(--ysa-preview-soft);font-size:14px;font-weight:750}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card.is-composed[data-presentation="smart_question_panel"]{box-shadow:none!important}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card.is-composed[data-presentation="proactive_chat"]{border-color:var(--ysa-preview-border)!important;background:#fff!important;box-shadow:0 16px 42px rgba(16,24,40,.18)!important}
.ysa-connected-preview .ysa-cdp-widget-template-preview .ysa-cdp-personalization-preview-card[data-presentation="proactive_chat"]>.ysa-cdp-personalization-preview-cta{width:100%}
/* End widget chooser. */

/* Audience editing uses the same floating sheet as user editing, in the native modal layer. */
.ysa-connected-preview .ysa-cdp-audience-dialog[open]{position:fixed;inset:var(--ysa-sheet-top,72px) 24px 24px auto;display:flex;flex-direction:column;box-sizing:border-box;width:72vw;max-width:calc(100vw - 48px);height:auto;max-height:calc(100dvh - var(--ysa-sheet-top,72px) - 24px);margin:0;padding:0;border:0;border-radius:24px;background:var(--ysa-sheet);color:var(--ysa-ink);box-shadow:var(--ysa-shadow-menu);overflow:hidden}
.ysa-connected-preview .ysa-cdp-audience-dialog::backdrop{background:transparent;backdrop-filter:none}
.ysa-connected-preview .ysa-cdp-audience-dialog>.ysa-cdp-section-head{flex:none;align-items:flex-start;padding:32px 32px 20px;border-bottom:1px solid var(--ysa-line)}
.ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-section-head h2{font-size:30px;font-weight:400}
.ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-section-head p{display:block;margin:8px 0 0}
.ysa-connected-preview .ysa-cdp-audience-dialog>.ysa-cdp-body{flex:1;min-height:0;height:auto;max-height:none;padding:24px 32px;overflow:auto;overscroll-behavior:contain}
.ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-builder-footer{background:var(--ysa-sheet);border-color:var(--ysa-line)}
.ysa-connected-preview #ysa_cdp_audiences .ysa-cdp-audience-row-actions{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:10px;max-width:100%}
.ysa-connected-preview #ysa_cdp_audiences .ysa-cdp-audience-row-actions>.ysa-cdp-btn{min-height:36px;max-width:100%;padding:4px 0;border:0;border-radius:var(--ysa-r-input);background:transparent;font-size:12px;font-weight:500;line-height:1.4;text-align:left;white-space:normal;overflow-wrap:anywhere}
.ysa-connected-preview #ysa_cdp_audiences .ysa-cdp-audience-row-actions>.ysa-cdp-btn:hover{text-decoration:underline}
.ysa-connected-preview #ysa_cdp_audiences .ysa-cdp-audience-row-actions>[data-audience-status=archived]{color:var(--ysa-danger-text)}
@media(max-width:720px){
 .ysa-connected-preview .ysa-cdp-audience-dialog[open]{inset:var(--ysa-sheet-top,72px) 12px 106px auto;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--ysa-sheet-top,72px) - 106px)}
 .ysa-connected-preview .ysa-cdp-audience-dialog>.ysa-cdp-section-head{padding:24px 16px 16px}
 .ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-section-head h2{font-size:26px}
 .ysa-connected-preview .ysa-cdp-audience-dialog>.ysa-cdp-body{padding:20px 16px 24px}
 .ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-form{grid-template-columns:minmax(0,1fr)}
 .ysa-connected-preview #ysa_cdp_audiences .ysa-cdp-audience-row-actions>.ysa-cdp-btn{min-height:40px}
}

/* Structured widget editor: adapt the actual editor controls to their available width. */
.ysa-connected-preview #ysa_cdp_widget_builder{container:ysa-widget-editor / inline-size;min-width:0;border:1px solid var(--ysa-line);border-radius:var(--ysa-r-card);background:var(--ysa-sheet);color:var(--ysa-text);overflow:hidden}
.ysa-connected-preview #ysa_cdp_widget_builder [hidden]{display:none!important}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 24px;padding:16px 20px;border-bottom:1px solid var(--ysa-line);background:var(--ysa-sheet)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-toolbar-main{display:flex;flex-wrap:wrap;flex:1 1 300px;min-width:0;align-items:flex-end;gap:8px}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-toolbar-main>.ysa-cdp-personalization-field{flex:1 1 160px;max-width:300px}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-toolbar-note{flex:1 1 220px;max-width:44ch;margin:0;color:var(--ysa-text-3);font-size:var(--ysa-fs-meta);line-height:1.5}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-workbench{display:grid;grid-template-columns:160px minmax(0,1fr);min-width:0;align-items:stretch}
.ysa-connected-preview #ysa_cdp_widget_builder :is(.ysa-cdp-widget-palette,.ysa-cdp-widget-inspector){min-width:0;padding:16px;background:var(--ysa-sheet)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-palette{border-right:1px solid var(--ysa-line)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-inspector{grid-column:1/-1;border-top:1px solid var(--ysa-line)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-panel-title{display:block;margin-bottom:4px;color:var(--ysa-text);font-size:var(--ysa-fs-small);font-weight:600}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-panel-copy{display:block;margin-bottom:12px;color:var(--ysa-text-3);font-size:var(--ysa-fs-meta);line-height:1.5}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-palette-list{display:grid;gap:8px}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-palette-item{display:flex;width:100%;min-height:40px;justify-content:flex-start;gap:8px;padding:8px 10px;border:1px solid var(--ysa-line);border-radius:var(--ysa-r-input);background:var(--ysa-sheet);color:var(--ysa-text-2);font-size:var(--ysa-fs-small);font-weight:500;text-align:left;cursor:grab}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-palette-item:hover{background:var(--ysa-canvas-tint);border-color:var(--ysa-line-strong)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-palette-item:active{cursor:grabbing}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-palette-item :is(i,svg){flex:none;width:16px;color:var(--ysa-text-3);text-align:center}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-canvas-shell{display:flex;min-width:0;flex-direction:column;padding:16px;background:var(--ysa-canvas-tint)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-canvas-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-canvas-head .ysa-cdp-widget-panel-title{margin:0}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-canvas-count{color:var(--ysa-text-3);font-size:var(--ysa-fs-micro);font-variant-numeric:tabular-nums}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-canvas{display:grid;min-width:0;min-height:240px;align-content:start;gap:8px;padding:8px;border:1px dashed var(--ysa-line-strong);border-radius:var(--ysa-r-control);background:var(--ysa-sheet)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-canvas.is-dragover{border-color:var(--ysa-text);background:var(--ysa-sage-soft)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-canvas-empty{align-self:center;padding:24px 12px;color:var(--ysa-text-3);font-size:var(--ysa-fs-small);line-height:1.5;text-align:center}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block{display:grid;grid-template-columns:28px minmax(0,1fr) auto;min-width:0;align-items:center;gap:8px;padding:8px;border:1px solid var(--ysa-line);border-radius:var(--ysa-r-input);background:var(--ysa-sheet)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block.is-selected{border-color:var(--ysa-text);background:var(--ysa-sage-soft)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block.is-dragging{opacity:.5}
.ysa-connected-preview #ysa_cdp_widget_builder :is(.ysa-cdp-widget-block-handle,.ysa-cdp-widget-block-action){display:grid;place-items:center;flex:none;width:32px;min-height:36px;padding:4px;border:0;border-radius:var(--ysa-r-item);background:transparent;color:var(--ysa-text-3)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block-handle{width:28px;cursor:grab}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block-handle:active{cursor:grabbing}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block-select{display:block;min-width:0;min-height:36px;padding:4px 0;border:0;border-radius:var(--ysa-r-item);background:transparent;color:var(--ysa-text);font-size:var(--ysa-fs-small);font-weight:400;text-align:left}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block-select :is(strong,span){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block-select strong{font-size:var(--ysa-fs-small);font-weight:600}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block-select span{margin-top:3px;color:var(--ysa-text-3);font-size:var(--ysa-fs-micro)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block-actions{display:flex;align-items:center;gap:4px}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block-action:hover{background:var(--ysa-canvas);color:var(--ysa-text)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block-action.is-remove:hover{background:var(--ysa-danger-soft);color:var(--ysa-danger-text)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-inspector-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-inspector-empty{grid-column:1/-1;min-height:0;padding:24px 8px;color:var(--ysa-text-3);font-size:var(--ysa-fs-small);line-height:1.5;text-align:center}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-design{padding:20px;border-top:1px solid var(--ysa-line);background:var(--ysa-sheet)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-design-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 16px;margin-bottom:16px}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-design-head strong{display:block;color:var(--ysa-text);font-size:var(--ysa-fs-small);font-weight:600}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-design-head span{display:block;margin-top:4px;color:var(--ysa-text-3);font-size:var(--ysa-fs-meta);line-height:1.5}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:16px}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-personalization-field{min-width:0;gap:6px;font-size:var(--ysa-fs-small);font-weight:500}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-personalization-field>input[type=color]{width:100%;height:40px;min-height:40px;padding:4px;cursor:pointer}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-spacing-group{grid-column:1/-1;min-width:0;margin:0;padding:16px;border:1px solid var(--ysa-line);border-radius:var(--ysa-r-control);background:var(--ysa-canvas-tint)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-spacing-group legend{padding:0 6px;color:var(--ysa-text);font-family:var(--ysa-font-sans);font-size:var(--ysa-fs-small);font-weight:600}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-spacing-help{display:block;margin-bottom:12px;color:var(--ysa-text-3);font-size:var(--ysa-fs-meta);line-height:1.5}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-spacing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-personalization-theme-source{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--ysa-line);border-radius:var(--ysa-r-control);background:var(--ysa-canvas-tint)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-personalization-theme-source-copy{display:flex;flex:1 1 220px;min-width:0;align-items:flex-start;gap:10px}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-personalization-theme-source-copy input{flex:none;width:16px;min-height:0;height:16px;margin-top:2px}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-personalization-theme-source-copy :is(strong,span){display:block;font-size:var(--ysa-fs-small)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-personalization-theme-source-copy strong{font-weight:600}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-personalization-theme-source-copy span{margin-top:4px;color:var(--ysa-text-3);font-weight:400;line-height:1.5}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-personalization-theme-swatches{display:flex;flex:none;gap:6px}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-personalization-theme-swatch{width:22px;height:22px;border:1px solid var(--ysa-line-strong);border-radius:var(--ysa-r-pill)}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-personalization-contrast-status{margin:12px 0 0;color:var(--ysa-text-3);font-size:var(--ysa-fs-meta);line-height:1.5}
.ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-personalization-contrast-status.is-warning{color:var(--ysa-danger-text)}
@container ysa-widget-editor (min-width:900px){
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-workbench{grid-template-columns:180px minmax(0,1fr) 240px}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-inspector{grid-column:auto;border-top:0;border-left:1px solid var(--ysa-line)}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-inspector-fields{grid-template-columns:minmax(0,1fr)}
}
@container ysa-widget-editor (max-width:460px){
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-toolbar{padding:16px}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-toolbar-main{align-items:stretch;flex-direction:column}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-toolbar-main>.ysa-cdp-personalization-field{flex:auto;max-width:none}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-toolbar-note{flex:auto;max-width:none}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-workbench{grid-template-columns:minmax(0,1fr)}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-palette{border-right:0;border-bottom:1px solid var(--ysa-line)}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-palette-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-palette-item{overflow-wrap:anywhere}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block{grid-template-columns:28px minmax(0,1fr)}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block-actions{grid-column:1/-1;justify-content:flex-end}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-inspector-fields{grid-template-columns:minmax(0,1fr)}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-design{padding:16px}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-spacing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 .ysa-connected-preview #ysa_cdp_widget_builder :is(.ysa-cdp-widget-block-handle,.ysa-cdp-widget-block-action){width:40px;min-height:40px}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block{grid-template-columns:40px minmax(0,1fr)}
 .ysa-connected-preview #ysa_cdp_widget_builder .ysa-cdp-widget-block-actions{grid-column:1/-1;justify-content:flex-end}
}

/* Cortex Search settings: structured choice lists. */
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-field {
  display:grid; grid-template-columns:minmax(0,1fr); align-items:start; justify-content:stretch;
  gap:10px; min-width:0; width:100%; padding:16px 0; border-bottom:0;
}
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-field-head {
  display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap;
  gap:6px 16px; min-width:0; margin:0;
}
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-field-head > span {
  color:var(--ysa-text); font:600 13.5px/1.45 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-field-head > small {
  flex:none; color:var(--ysa-text-3); font:400 12px/1.5 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-fields {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; min-width:0; width:100%;
}
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-fields.is-catalog-facets {
  max-height:300px; padding:2px; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable;
}
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-option {
  position:relative; display:grid; grid-template-columns:18px minmax(0,1fr); align-items:center;
  gap:6px 10px; min-width:0; min-height:56px; margin:0; padding:12px;
  border:1px solid var(--ysa-line-strong); border-radius:var(--ysa-r-input);
  color:var(--ysa-text); background:var(--ysa-sheet); cursor:pointer;
}
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-option > input {
  position:static; grid-column:1; grid-row:1; flex:none; width:16px; height:16px; min-height:0;
  margin:0; padding:0; opacity:1; pointer-events:auto; accent-color:var(--ysa-action-bg,var(--ysa-ink));
}
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-check { display:none; }
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-option-copy {
  display:grid; grid-column:2; grid-row:1; min-width:0; gap:4px;
}
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-option-copy strong {
  display:block; min-width:0; overflow-wrap:anywhere; white-space:normal; text-overflow:clip;
  color:inherit; font:500 13px/1.45 var(--ysa-font-sans);
}
/* Human field labels carry the choice; technical keys remain in the controls. */
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-option-copy code { display:none; }
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-badge {
  display:block; grid-column:2; justify-self:start; max-width:100%; padding:3px 7px;
  border-radius:var(--ysa-r-pill); color:var(--ysa-text-3); background:var(--ysa-canvas);
  font:400 11.5px/1.4 var(--ysa-font-sans); white-space:normal; overflow-wrap:anywhere;
}
.ysa-connected-preview #ysa_cdp_panel_search .is-catalog-facets .ysa-cdp-search-profile-badge { display:none; }
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-option.is-selected {
  border-color:var(--ysa-text); background:var(--ysa-sage-soft);
}
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-option:is(.is-disabled,.is-limit-disabled) {
  color:var(--ysa-text-3); background:var(--ysa-canvas-tint); cursor:not-allowed;
}
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-option:focus-within {
  outline:2px solid var(--ysa-text)!important; outline-offset:2px!important;
}
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-field > small {
  display:block; max-width:78ch; color:var(--ysa-text-3); font:400 12px/1.6 var(--ysa-font-sans);
}
.ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-empty {
  grid-column:1/-1; padding:18px 16px; border:1px dashed var(--ysa-line-strong);
  border-radius:var(--ysa-r-input); color:var(--ysa-text-3); background:var(--ysa-canvas-tint);
  font:400 13px/1.6 var(--ysa-font-sans);
}
@media (hover:hover) and (pointer:fine) {
  .ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-option:not(.is-disabled,.is-limit-disabled):hover { border-color:var(--ysa-text-3); }
}
@media(max-width:720px) {
  .ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-fields { grid-template-columns:minmax(0,1fr); }
  .ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-field-head { align-items:flex-start; }
  .ysa-connected-preview #ysa_cdp_panel_search .ysa-cdp-search-profile-fields.is-catalog-facets { max-height:320px; }
}
/* Cortex Analytics: style the controls and rows emitted by the real renderer. */
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-status:not(.is-visible) { display:none; }
.ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-reports > header,.ysa-cortex-analytics-card-head) { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:16px; }
.ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-reports > header,.ysa-cortex-analytics-card-head) > div { flex:1 1 240px; min-width:0; }
.ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-reports,.ysa-cortex-analytics-card) h2 { margin:6px 0; font:400 20px/1.25 var(--ysa-font-heading); }
.ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-reports > p,.ysa-cortex-analytics-card-head p,.ysa-cortex-analytics-insights > header > p) { color:var(--ysa-text-3); font:400 13px/1.55 var(--ysa-font-sans); }
.ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-card-head p,.ysa-cortex-analytics-insights > header > p) { margin:0; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-reports > p { margin:0 0 20px; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-card > .ysa-cortex-analytics-card-head { padding:0; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-report-grid > button { display:grid; grid-template-columns:minmax(0,1fr) 16px; align-items:center; gap:12px; min-width:0; min-height:108px; padding:16px; text-align:left; font-weight:400; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-report-grid > button > span { display:grid; grid-template-columns:20px minmax(0,1fr); column-gap:12px; row-gap:6px; align-items:start; min-width:0; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-report-grid > button > span > i { grid-column:1; grid-row:1 / span 2; width:20px; margin-top:2px; color:var(--ysa-text-2); }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-report-grid strong { grid-column:2; grid-row:1; min-width:0; font:600 13px/1.45 var(--ysa-font-sans); overflow-wrap:anywhere; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-report-grid small { grid-column:2; grid-row:2; min-width:0; color:var(--ysa-text-3); font:400 12px/1.55 var(--ysa-font-sans); overflow-wrap:anywhere; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-report-grid > button > i { width:16px; color:var(--ysa-text-3); }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-report-grid > button:hover { background:var(--ysa-canvas-tint); }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-insights > header { margin-bottom:20px; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-insight { display:grid; gap:6px; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-insight > span { color:var(--ysa-text-3); font-size:12px; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-insight > strong { display:block; color:var(--ysa-text); }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-insight > p { margin:0; color:var(--ysa-text-3); }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-insight:last-child { padding-bottom:0; border-bottom:0; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-methodology { grid-column:1 / -1; min-width:0; margin:0; }
.ysa-connected-preview .ysa-cortex-analytics-methodology > summary { display:flex; align-items:center; justify-content:flex-start; gap:12px; min-height:44px; padding:8px 0; list-style:none; color:var(--ysa-text); cursor:pointer; }
.ysa-connected-preview .ysa-cortex-analytics-methodology > summary::marker { content:""; }
.ysa-connected-preview .ysa-cortex-analytics-methodology > summary::-webkit-details-marker { display:none; }
.ysa-connected-preview .ysa-cortex-analytics-methodology > summary > span { display:flex; align-items:center; gap:10px; min-width:0; }
.ysa-connected-preview .ysa-cortex-analytics-methodology > summary i { flex:none; width:18px; height:18px; }
.ysa-connected-preview .ysa-cortex-analytics-methodology > summary strong { min-width:0; font:600 13.5px/1.5 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-cortex-analytics-methodology[open] > summary > i { transform:rotate(180deg); }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-methodology > div { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); gap:12px; padding-top:16px; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-methodology article { min-width:0; padding:16px; border:1px solid var(--ysa-line); border-radius:var(--ysa-r-input); background:var(--ysa-canvas-tint); }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-methodology article strong { display:block; margin-bottom:8px; font-size:13px; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-methodology article p { margin:0; color:var(--ysa-text-3); font-size:12px; line-height:1.55; }
.ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-card,.ysa-cortex-analytics-journey-report) { min-width:0; padding:20px; border:1px solid var(--ysa-line); border-radius:var(--ysa-r-card); background:var(--ysa-sheet); }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-card > :is(.ysa-cortex-analytics-commercial,.ysa-cortex-analytics-review-bars) { margin:0; padding:0; border:0; border-radius:0; }
.ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-commercial-summary,.ysa-cortex-analytics-quality-meta) { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr)); gap:16px; margin:16px 0; }
.ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-commercial-summary,.ysa-cortex-analytics-quality-meta) > div { display:grid; align-content:start; gap:6px; min-width:0; }
.ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-commercial-summary,.ysa-cortex-analytics-quality-meta) strong { font-size:24px; font-weight:600; font-variant-numeric:tabular-nums; }
.ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-commercial-summary,.ysa-cortex-analytics-quality-meta) span { color:var(--ysa-text-3); font-size:12px; line-height:1.5; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-currency { display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding:12px 0; border-top:1px solid var(--ysa-line-soft); }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-currency > div { display:grid; gap:4px; text-align:right; }
.ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-commercial-note,.ysa-cortex-analytics-stage-summary) { margin:16px 0; color:var(--ysa-text-3); font-size:12px; line-height:1.55; }
.ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-journey,.ysa-cortex-analytics-stages) { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)); gap:16px; }
.ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-journey-item,.ysa-cortex-analytics-stage) { display:grid; align-content:start; gap:8px; min-width:0; padding:16px; border-radius:var(--ysa-r-input); background:var(--ysa-canvas-tint); }
.ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-journey-item,.ysa-cortex-analytics-stage) > :is(span,small) { color:var(--ysa-text-3); font-size:12px; line-height:1.5; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-journey-item > strong,.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-stage > b { font-size:26px; font-weight:600; font-variant-numeric:tabular-nums; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-stage > strong { font-size:13px; line-height:1.5; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-journey-track { display:block; width:100%; height:4px; margin-top:4px; border-radius:var(--ysa-r-pill); background:var(--ysa-sage); }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-journey-item.is-muted .ysa-cortex-analytics-journey-track { background:var(--ysa-line); }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-journey-arrow { display:none; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-review-row > div > i { display:block; height:100%; background:var(--ysa-sage); border-radius:inherit; }
.ysa-connected-preview #ysa_cdp_panel_analytics .ysa-cortex-analytics-empty { padding:20px 0; color:var(--ysa-text-3); font-size:13px; line-height:1.55; }
@media(max-width:720px) {
  .ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-reports > header,.ysa-cortex-analytics-card-head) { flex-direction:column; align-items:stretch; }
  .ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-reports > header,.ysa-cortex-analytics-card-head) > div { flex-basis:auto; }
  .ysa-connected-preview #ysa_cdp_panel_analytics :is(.ysa-cortex-analytics-commercial-summary,.ysa-cortex-analytics-quality-meta,.ysa-cortex-analytics-stages) { grid-template-columns:minmax(0,1fr); }
}