/* 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 > 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: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:#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:white; }
.ysa-connected-preview .ysa-cortex-journey-ribbon > :nth-child(5) { background:#3B615F; color: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: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: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-dialog { position:fixed; inset:72px 24px 24px auto; z-index:1250; width:min(440px,calc(100vw - 32px)); overflow:auto; padding:24px; border:1px solid var(--ysa-line); border-radius:20px; background:var(--ysa-sheet); box-shadow:var(--ysa-shadow-menu); }
.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: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,.ysa-cdp-start-layer-fields) { 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) 316px; 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; }
.ysa-connected-preview .ysa-cdp-start-layer-setting.is-disabled { opacity:.6; }
/* 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: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: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: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: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: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: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: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: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: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-start-layer-fields,.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-dialog { inset:16px; width:auto; padding:20px; }
 .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-arms { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:16px 0; }
.ysa-connected-preview .ysa-cortex-uplift-arm { padding:14px; border:1px solid var(--ysa-line); border-radius:12px; font-size:12.5px; }
.ysa-connected-preview .ysa-cortex-uplift-arm strong { display:block; font-size:22px; font-weight:600; margin:7px 0; }
.ysa-connected-preview .ysa-cortex-uplift-verdict { padding:12px 14px; background:var(--ysa-soft-panel); border-radius:12px; font-size:12.5px; line-height:1.5; }
.ysa-connected-preview .ysa-cortex-liquid-analytics-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.ysa-connected-preview .ysa-cortex-liquid-summary-tiles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.ysa-connected-preview .ysa-cortex-liquid-ring { position:relative; display:grid; place-items:center; width:140px; height:140px; }
.ysa-connected-preview .ysa-cortex-liquid-ring svg { position:absolute; inset:0; width:100%; height:100%; 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 { font-size:23px; font-weight:600; }
.ysa-connected-preview .ysa-cortex-liquid-ring > span { position:absolute; bottom:29px; color:var(--ysa-text-muted); font-size:10px; }
.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: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: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-code pre { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-cdp-install-option { 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-test-mode { padding:16px; margin:0 0 18px; border:1px solid var(--ysa-line); border-radius:14px; }
.ysa-connected-preview .ysa-cdp-test-mode-main { display:flex; align-items:start; gap:16px; justify-content:space-between; width:100%; }
.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; width:100%; }
.ysa-connected-preview .ysa-cdp-test-mode-preview label { flex:1; min-width:180px; }
.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: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: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; }
.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: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; }
/* Artboard 4g's real condition-builder side panel. */
.ysa-connected-preview .ysa-cdp-audience-dialog { height:calc(100dvh - 96px); max-height:none; margin:0; padding:0; }
.ysa-connected-preview .ysa-cdp-audience-dialog::backdrop { background:transparent; }
.ysa-connected-preview .ysa-cdp-audience-dialog > .ysa-cdp-section-head { padding:18px 20px; border-bottom:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-cdp-audience-dialog > .ysa-cdp-body { padding-top:18px; }
.ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-form { grid-template-columns:minmax(0,1fr); }
.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); }
@media(max-width:480px) { .ysa-connected-preview .ysa-cdp-audience-dialog { height:calc(100dvh - 32px); } }
.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_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[open]{position:static;inset:auto;z-index:auto;display:block;width:auto;max-width:none;max-height:none;height:auto;margin:0;padding:0;border:1px solid var(--ysa-line);border-radius:18px;box-shadow:none;overflow:visible}
.ysa-connected-preview #ysa_cdp_panel_audiences:has(.ysa-cdp-audience-dialog[open]){display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,1fr);gap:16px;align-items:start}
.ysa-connected-preview #ysa_cdp_panel_audiences:has(.ysa-cdp-audience-dialog[open])>.ysa-cdp-audience-summary{grid-column:1 / -1}
.ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-section-head{padding:16px 20px}
.ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-section-head p{display:none}
.ysa-connected-preview .ysa-cdp-audience-dialog .ysa-cdp-body{height:auto;max-height:none;overflow:visible;padding:16px 20px}
.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.is-active{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:16px;align-items:start}
.ysa-connected-preview #ysa_cdp_panel_tracking>.ysa-cdp-section{margin:0}
.ysa-connected-preview #ysa_cdp_panel_tracking>.ysa-cdp-section:first-child{grid-column:2;grid-row:1}
.ysa-connected-preview #ysa_cdp_panel_tracking>.ysa-cdp-section:nth-child(2){grid-column:1;grid-row:1}
.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:is(#ysa_cdp_panel_tracking,#ysa_cdp_panel_product_feeds).is-active{grid-template-columns:minmax(0,1fr)}
 .ysa-connected-preview #ysa_cdp_panel_tracking>.ysa-cdp-section:first-child,.ysa-connected-preview #ysa_cdp_panel_tracking>.ysa-cdp-section:nth-child(2){grid-column:auto;grid-row:auto}
 .ysa-connected-preview #ysa_cdp_panel_audiences:has(.ysa-cdp-audience-dialog[open]){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[open]{position:relative;width:100%;max-width:100%;margin-top:16px}
 .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-settings-website-tests{margin:0 0 20px;border:1px solid var(--ysa-line);border-radius:12px;font-size:12px}
.ysa-connected-preview .ysa-cdp-settings-website-tests>summary{padding:14px 16px;cursor:pointer;color:var(--ysa-ink);font-weight:600}
.ysa-connected-preview .ysa-cdp-settings-website-tests[open]>:not(summary){margin:0 14px 14px;max-width:calc(100% - 28px)}
.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_panel_audiences:has(.ysa-cdp-audience-dialog[open]){column-gap:16px;row-gap:0}
.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 :is(th,td):last-child{width:32px;padding-left:0;padding-right:4px}
.ysa-connected-preview #ysa_cdp_audiences th:last-child{font-size:0}
.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}
.ysa-connected-preview .ysa-cdp-audience-row-actions{position:relative}
.ysa-connected-preview .ysa-cdp-audience-row-actions>summary{display:grid;place-items:center;width:24px;min-height:28px;border-radius:6px;cursor:pointer;list-style:none}
.ysa-connected-preview .ysa-cdp-audience-row-actions>summary::-webkit-details-marker{display:none}
.ysa-connected-preview .ysa-cdp-audience-row-actions>div{position:absolute;z-index:15;right:0;top:32px;display:grid;min-width:150px;padding:6px;border:1px solid var(--ysa-line);border-radius:10px;background:var(--ysa-sheet);box-shadow:var(--ysa-shadow-menu)}
.ysa-connected-preview .ysa-cdp-audience-row-actions>div>.ysa-cdp-btn{border:0;background:transparent;text-align:left;justify-content:flex-start}
@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-audience-row-actions>div{position:static;min-width:0;margin-top:4px;padding:0;border:0;box-shadow:none}
.ysa-connected-preview .ysa-cdp-audience-row-actions[open]{min-width:100px}
.ysa-connected-preview .ysa-cdp-audience-row-actions>div>.ysa-cdp-btn{min-height:30px;font-size:11px;padding:5px 0;white-space:nowrap}
.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-settings-website-tests{margin-top:18px}
.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}
.ysa-connected-preview .ysa-cdp-settings-engine>.ysa-cdp-body>.ysa-cdp-settings-website-tests{order:2;margin:18px 0}
@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;align-items:flex-end;justify-content:space-between;gap:12px}
 .ysa-connected-preview .ysa-cortex-analytics-chart-summary{min-width:0}
 .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_tracking.is-active{display:flex;flex-direction:column;gap:16px}
 .ysa-connected-preview #ysa_cdp_panel_tracking>.ysa-cdp-section:first-child{order:1}
 .ysa-connected-preview #ysa_cdp_panel_tracking>.ysa-cdp-section:nth-child(2){order:0}
 .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}
}

@media(max-width:1100px){
 .ysa-connected-preview #ysa_cdp_panel_tracking>.ysa-cdp-section{width:100%;max-width:100%;min-width:0}
 .ysa-connected-preview #ysa_cdp_panel_tracking #ysa_cdp_tracking_rules{max-width:100%;overflow-x:auto}
}

/* 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 { flex-wrap:wrap; }
}
.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 { margin:0; border-radius:18px; background:var(--ysa-sheet); }
.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; }
}