/* Record workspaces, authored from UX 4e / 4f / 6c and actual control anatomy. */
html.ysa-connected-preview #framework_main.rr-records { padding:28px 32px; }
html.ysa-connected-preview .rr-records :is(h1,h2,h3,h4,p) { margin-top:0; }
html.ysa-connected-preview .rr-records h1 { font:400 32px/1.15 "PP Palma",Inter,sans-serif; letter-spacing:-.8px; margin-bottom:8px; }
html.ysa-connected-preview .rr-records h2 { font:400 21px/1.3 "PP Palma",Inter,sans-serif; letter-spacing:-.3px; }
html.ysa-connected-preview .rr-records h3 { font:400 18px/1.35 "PP Palma",Inter,sans-serif; }
html.ysa-connected-preview .rr-records :is(.ysa-content-breadcrumb,.ysa-contacts-breadcrumb,.ysa-lab-breadcrumb) { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; color:#687673; font-size:12px; }
html.ysa-connected-preview .rr-records :is(.ysa-content-header,.ysa-fields-heading,.ysa-article-edit-header) { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 24px; }
html.ysa-connected-preview .rr-records :is(.ysa-label-tree-header>div:first-child,.ysa-fields-heading>div:first-child) { flex:1; min-width:0; }
html.ysa-connected-preview .rr-records :is(.ysa-content-header p,.ysa-fields-lead,.ysa-contacts-intro,.ysa-lab-intro p,.ysa-content-intro p) { color:#63706e; max-width:780px; line-height:1.55; margin-bottom:0; }
html.ysa-connected-preview .rr-records :is(.ysa-fields-eyebrow,.ysa-contacts-eyebrow,.ysa-contact-kicker,.ysa-contact-eyebrow) { font-size:11px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:#687673; margin-bottom:8px; }
html.ysa-connected-preview .rr-records :is(.ysa-content-intro,.ysa-lab-intro) { margin-bottom:24px; }
html.ysa-connected-preview .rr-records :is(.ysa-content-intro h2,.ysa-lab-intro h2) { margin-bottom:6px; }
html.ysa-connected-preview .rr-records :is(.ysa-content-card,.ysa-contacts-card,.ysa-lab-card,.ysa-contact-card) { background:#fff; border:1px solid #e0e4df; border-radius:18px; box-shadow:none; overflow:hidden; }
html.ysa-connected-preview .rr-records :is(.ysa-content-card-header,.ysa-contacts-list-head,.ysa-label-tree-summary) { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px; border-bottom:1px solid #e9ece7; }
html.ysa-connected-preview .rr-records :is(.ysa-content-card-header h2,.ysa-contacts-list-head h2,.ysa-label-tree-summary h2) { margin:0 0 4px; }
html.ysa-connected-preview .rr-records :is(.ysa-content-card-header p,.ysa-contacts-list-head p,.ysa-label-tree-summary>span) { font-size:13px; color:#687673; margin:0; }
html.ysa-connected-preview .rr-records :is(.ysa-content-toolbar,.ysa-contacts-toolbar,.ysa-lab-toolbar) { display:flex; flex-wrap:wrap; align-items:end; gap:10px; padding:16px 20px; border-bottom:1px solid #e9ece7; background:#fff; }
html.ysa-connected-preview .rr-records :is(.ysa-content-search,.ysa-lab-search,.ysa-contacts-search) { display:flex; align-items:center; gap:8px; min-height:40px; border:1px solid #dce1da; border-radius:11px; padding:0 12px; background:white; }
html.ysa-connected-preview .rr-records :is(.ysa-content-search,.ysa-lab-search) { flex:1 1 220px; max-width:360px; }
html.ysa-connected-preview .rr-records :is(.ysa-content-search,.ysa-lab-search,.ysa-contacts-search) input { width:100%; min-width:0; border:0; background:transparent; box-shadow:none; padding:9px 0; outline-offset:4px; }
html.ysa-connected-preview .rr-records :is(.ysa-content-search,.ysa-lab-search,.ysa-contacts-search)>i { font-size:14px; color:#75817d; }
html.ysa-connected-preview .rr-records :is(.ysa-content-select,.ysa-lab-select,.ysa-contacts-select,.ysa-contacts-search-label) { display:grid; gap:6px; min-width:0; font-size:12px; color:#687673; }
html.ysa-connected-preview .rr-records :is(.ysa-content-select,.ysa-lab-select,.ysa-contacts-select)>select { width:auto; min-width:130px; min-height:40px; }
html.ysa-connected-preview .rr-records :is(.ysa-content-count,.ysa-contacts-count,.ysa-fields-count,.ysa-lab-count) { color:#687673; font-size:12px; white-space:nowrap; margin-left:auto; align-self:center; }
html.ysa-connected-preview .rr-records :is(.ysa-content-table-wrap,.ysa-lab-table-wrap,.ysa-contacts-response) { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; }
html.ysa-connected-preview .rr-records :is(.ysa-content-table,.ysa-lab-table,.ysa-contacts-table,.rr-quick-table) { width:100%; border-collapse:collapse; margin:0; font-size:13px; text-align:left; }
html.ysa-connected-preview .rr-records :is(.ysa-content-table,.ysa-lab-table,.ysa-contacts-table,.rr-quick-table) :is(td,th) { padding:14px 16px; border:0; border-bottom:1px solid #ebeee8; text-align:left; vertical-align:middle; line-height:1.45; }
html.ysa-connected-preview .rr-records :is(.ysa-content-table,.ysa-lab-table,.ysa-contacts-table,.rr-quick-table) thead :is(td,th) { font-size:11px; font-weight:600; color:#687673; background:#fafbf8; padding-top:12px; padding-bottom:12px; white-space:nowrap; }
html.ysa-connected-preview .rr-records :is(.ysa-content-row,.ysa-lab-row,.rr-quick-table tbody tr) { cursor:pointer; transition:background .15s; }
html.ysa-connected-preview .rr-records :is(.ysa-content-row,.ysa-lab-row,.rr-quick-table tbody tr):hover { background:#f4f5f0; }
html.ysa-connected-preview .rr-records .ysa-content-main { display:flex; align-items:center; gap:12px; min-width:0; }
html.ysa-connected-preview .rr-records :is(.ysa-content-main>div,.ysa-lab-main,.ysa-lab-variant) { display:flex; flex-direction:column; align-items:flex-start; gap:3px; min-width:0; }
html.ysa-connected-preview .rr-records :is(.ysa-content-main strong,.ysa-lab-main strong) { color:#0e2523; overflow-wrap:anywhere; }
html.ysa-connected-preview .rr-records :is(.ysa-content-main div>span,.ysa-lab-variant>span,.ysa-content-date) { color:#687673; font-size:12px; }
html.ysa-connected-preview .rr-records .ysa-content-icon { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border-radius:11px; background:#edf1ec; color:#365855; }
html.ysa-connected-preview .rr-records :is(.ysa-content-pill-list,.ysa-content-actions,.ysa-lab-actions,.ysa-label-tree-actions,.ysa-label-tree-header-actions,.ysa-field-header-actions,.ysa-articles-export-actions) { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
html.ysa-connected-preview .rr-records :is(.ysa-content-actions,.ysa-lab-actions) button { display:grid; place-items:center; width:36px; height:36px; min-height:36px; padding:0; border:1px solid #e0e4df; border-radius:10px; background:#fff; color:#0e2523; }
html.ysa-connected-preview .rr-records :is(.ysa-content-status-pill,.ysa-content-pill,.ysa-lab-pill,.ysa-lab-status) { display:inline-flex; align-items:center; gap:6px; background:#f2f4ef; color:#53655e; font-size:11px; font-weight:600; border-radius:20px; padding:4px 9px; white-space:nowrap; }
html.ysa-connected-preview .rr-records :is(.is-enabled,.is-running,.ysa-content-pill.is-teal) { background:#e2eeea; color:#285e50; }
html.ysa-connected-preview .rr-records .ysa-lab-status>i { width:6px; height:6px; border-radius:50%; background:currentColor; }
html.ysa-connected-preview .rr-records .ysa-lab-main>span { display:none; }
html.ysa-connected-preview .rr-records :is(.ysa-content-footer,.ysa-contacts-footer,.ysa-lab-footer) { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:14px; margin-top:20px; color:#687673; font-size:12px; }
html.ysa-connected-preview .rr-records :is(.ysa-content-empty,.ysa-lab-empty) { display:flex; flex-direction:column; align-items:center; gap:10px; padding:48px 24px; text-align:center; color:#687673; }
html.ysa-connected-preview .rr-records :is(.ysa-content-empty,.ysa-lab-empty)>strong { color:#0e2523; font:400 20px "PP Palma",Inter,sans-serif; }
html.ysa-connected-preview .rr-records :is(.ysa-content-empty,.ysa-lab-empty)>i { font-size:26px; }
html.ysa-connected-preview .rr-records :is(.ysa-content-alert,.ysa-fields-notice) { padding:14px 16px; border-radius:12px; background:#f3f5ed; color:#53655e; }
html.ysa-connected-preview .rr-records .is-error { color:#963e36; }
/* Contacts summary and real editable profile. */
html.ysa-connected-preview .ysa-contacts-header { display:block; margin-bottom:24px; }
html.ysa-connected-preview .ysa-contacts-overview { margin-bottom:24px; }
html.ysa-connected-preview .ysa-contacts-overview-head { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; margin-bottom:12px; }
html.ysa-connected-preview .ysa-contacts-overview-head h2 { margin:0; font-size:18px; }
html.ysa-connected-preview .ysa-contacts-overview-head p { color:#687673; font-size:12px; margin:0; }
html.ysa-connected-preview .ysa-contacts-widgets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
html.ysa-connected-preview .ysa-contacts-widget { border:1px solid #e0e4df; border-radius:16px; padding:18px; background:#fff; }
html.ysa-connected-preview .ysa-contacts-widget-top { display:flex; align-items:center; gap:9px; font-size:12px; color:#687673; }
html.ysa-connected-preview .ysa-contacts-widget-icon { display:grid; place-items:center; width:30px; height:30px; background:#edf3ed; color:#365855; border-radius:9px; }
html.ysa-connected-preview .ysa-contacts-widget-value { display:block; font:400 30px/1.25 "PP Palma",Inter,sans-serif; margin:14px 0 4px; }
html.ysa-connected-preview .ysa-contacts-widget p,html.ysa-connected-preview .ysa-contacts-widget-caption { color:#687673; font-size:11px; line-height:1.5; margin:0; }
html.ysa-connected-preview .ysa-contacts-widget-track { height:4px; background:#eff1eb; border-radius:10px; overflow:hidden; margin:14px 0 8px; }
html.ysa-connected-preview .ysa-contacts-widget-track span { display:block; height:100%; background:#a5c4c3; border-radius:inherit; }
html.ysa-connected-preview .ysa-contacts-search-label { flex:1 1 230px; }
html.ysa-connected-preview .ysa-contacts-select { flex:1 1 135px; }
html.ysa-connected-preview .ysa-contacts-table { min-width:760px; }
html.ysa-connected-preview .ysa-contact-profile-page { min-width:0; }
html.ysa-connected-preview .ysa-contact-back { display:inline-flex; align-items:center; gap:8px; color:#687673; font-size:13px; text-decoration:none; margin-bottom:22px; }
html.ysa-connected-preview .ysa-contact-profile { border:0; background:transparent; }
html.ysa-connected-preview .ysa-contact-profile-hero { display:block; padding:0; background:transparent; border:0; margin-bottom:28px; }
html.ysa-connected-preview .ysa-contact-identity { display:flex; gap:16px; align-items:center; margin-bottom:22px; }
html.ysa-connected-preview .ysa-contact-identity-mark { width:58px; height:58px; display:grid; place-items:center; flex:0 0 58px; border-radius:50%; background:#dce9e5; color:#0e2523; font-size:20px; font-weight:700; }
html.ysa-connected-preview .ysa-contact-identity-copy { min-width:0; }
html.ysa-connected-preview .ysa-contact-identity h1 { overflow-wrap:anywhere; }
html.ysa-connected-preview .ysa-contact-hero-description { color:#687673; font-size:13px; margin:0; }
html.ysa-connected-preview .ysa-contact-addresses { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:8px; font-size:13px; color:#53655e; overflow-wrap:anywhere; }
html.ysa-connected-preview .ysa-contact-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
html.ysa-connected-preview .ysa-contact-summary { position:relative; min-width:0; padding:18px; border:1px solid #e0e4df; border-radius:16px; background:#fff; }
html.ysa-connected-preview .ysa-contact-summary-icon { float:right; color:#79948c; font-size:18px; }
html.ysa-connected-preview .ysa-contact-summary-label { display:block; color:#687673; font-size:12px; }
html.ysa-connected-preview .ysa-contact-summary strong { display:block; margin:8px 0 4px; font:400 26px "PP Palma",Inter,sans-serif; }
html.ysa-connected-preview .ysa-contact-summary p { color:#687673; font-size:11px; margin:0; }
html.ysa-connected-preview .ysa-contact-profile-body { display:grid; gap:28px; }
html.ysa-connected-preview .ysa-contact-section-heading { margin-bottom:14px; }
html.ysa-connected-preview .ysa-contact-section-heading h2 { margin:0 0 5px; }
html.ysa-connected-preview .ysa-contact-section-heading p { color:#687673; margin:0; font-size:13px; }
html.ysa-connected-preview .ysa-contact-details-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr); gap:16px; align-items:start; }
html.ysa-connected-preview .ysa-contact-details-main { display:grid; gap:16px; min-width:0; }
html.ysa-connected-preview .rr-records .ysa-contact-card { padding:20px; }
html.ysa-connected-preview .ysa-contact-fields-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
html.ysa-connected-preview .ysa-contact-field { display:grid; gap:6px; min-width:0; font-size:12px; }
html.ysa-connected-preview .ysa-contact-field label { font-weight:600; }
html.ysa-connected-preview .ysa-contact-field :is(input,textarea,select) { width:100%; }
html.ysa-connected-preview .ysa-contact-fields-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:18px; }
html.ysa-connected-preview :is(.ysa-contact-fields-help,.ysa-contact-field-legacy,.ysa-contact-notes-help) { color:#687673; font-size:12px; }
html.ysa-connected-preview .ysa-contact-detail-table { width:100%; border-collapse:collapse; font-size:13px; }
html.ysa-connected-preview .ysa-contact-detail-row td { border-bottom:1px solid #e9ece7; padding:11px 0; overflow-wrap:anywhere; }
html.ysa-connected-preview .ysa-contact-detail-row td:first-child { color:#687673; width:40%; }
html.ysa-connected-preview .ysa-contact-notes-toolbar { display:flex; flex-wrap:wrap; gap:4px; padding-bottom:10px; }
html.ysa-connected-preview .ysa-contact-notes-toolbar button { min-width:32px; min-height:32px; padding:4px 8px; border:1px solid #e0e4df; border-radius:8px; background:#fff; }
html.ysa-connected-preview :is(.ysa-contact-notes-source,.ysa-contact-notes-editor) { width:100%; min-height:220px; padding:12px; border:1px solid #dce1da; border-radius:12px; line-height:1.6; overflow-wrap:anywhere; }
html.ysa-connected-preview .ysa-contact-notes-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:12px; }
html.ysa-connected-preview .ysa-contact-notes-status { color:#687673; font-size:12px; }
html.ysa-connected-preview .ysa-contact-followup-heading { display:flex; justify-content:space-between; gap:12px; }
html.ysa-connected-preview .ysa-contact-followup :is(p,li,.ysa-contact-followup-scope) { color:#687673; font-size:13px; line-height:1.6; }
html.ysa-connected-preview .ysa-contact-conversations { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start; }
html.ysa-connected-preview :is(.ysa-contact-activity-header,.ysa-contact-history-title) { display:flex; align-items:center; justify-content:space-between; gap:12px; }
html.ysa-connected-preview .ysa-contact-activity-summary { color:#687673; font-size:12px; }
html.ysa-connected-preview .ysa-contact-activity-bars { display:flex; gap:3px; list-style:none; padding:0; height:120px; margin:24px 0 8px; align-items:end; }
html.ysa-connected-preview .ysa-contact-activity-bars li { flex:1; height:100%; display:flex; align-items:end; min-width:1px; }
html.ysa-connected-preview .ysa-contact-activity-bars i { display:block; width:100%; min-height:2px; background:#dce5dd; border-radius:2px 2px 0 0; }
html.ysa-connected-preview .ysa-contact-activity-bars i.has-value { background:#a5c4c3; }
html.ysa-connected-preview .ysa-contact-activity-range { display:flex; justify-content:space-between; color:#687673; font-size:11px; }
html.ysa-connected-preview .ysa-contact-history-item { padding:14px 0; border-top:1px solid #e9ece7; }
html.ysa-connected-preview .ysa-contact-history-date { display:flex; justify-content:space-between; gap:8px; font-size:11px; color:#687673; }
html.ysa-connected-preview .ysa-contact-history-summary p { line-height:1.55; margin:8px 0; font-size:13px; }
html.ysa-connected-preview .ysa-contact-history-view { display:inline-flex; align-items:center; gap:8px; min-height:32px; padding:0; border:0; background:transparent; font-size:12px; font-weight:600; }
html.ysa-connected-preview .ysa-contact-agent-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr); gap:16px; }
html.ysa-connected-preview .ysa-contact-agent-side { display:grid; gap:16px; }
html.ysa-connected-preview .ysa-contact-profile-title { display:grid; gap:6px; margin:14px 0; }
html.ysa-connected-preview .ysa-contact-profile-title strong { font:400 24px "PP Palma",Inter,sans-serif; }
html.ysa-connected-preview :is(.ysa-contact-profile-title span,.ysa-contact-trigger) { font-size:13px; color:#687673; }
html.ysa-connected-preview .ysa-contact-trigger strong { display:block; color:#0e2523; margin-top:4px; }
html.ysa-connected-preview .ysa-contact-profile-mix { margin-top:24px; }
html.ysa-connected-preview .ysa-contact-mix-track { display:flex; height:8px; border-radius:8px; overflow:hidden; background:#f2f4ef; }
html.ysa-connected-preview .ysa-contact-mix-legend { list-style:none; margin:14px 0 0; padding:0; display:grid; gap:9px; }
html.ysa-connected-preview .ysa-contact-mix-legend li { display:flex; gap:8px; align-items:center; font-size:12px; }
html.ysa-connected-preview .ysa-contact-mix-legend i { width:7px; height:7px; border-radius:50%; }
html.ysa-connected-preview .ysa-contact-mix-legend strong { margin-left:auto; }
html.ysa-connected-preview .ysa-contact-confidence-card>strong { display:block; font:400 32px "PP Palma",Inter,sans-serif; margin:14px 0; }
html.ysa-connected-preview .ysa-contact-confidence-card progress { width:100%; height:6px; accent-color:#a5c4c3; }
html.ysa-connected-preview :is(.ysa-contact-confidence-card p,.ysa-contact-empty-copy) { color:#687673; font-size:12px; line-height:1.6; margin:12px 0 0; }
html.ysa-connected-preview .ysa-contact-alternatives-card summary { display:flex; justify-content:space-between; cursor:pointer; font-weight:600; font-size:13px; }
html.ysa-connected-preview .ysa-contact-alternatives-card ul { padding:0; list-style:none; }
html.ysa-connected-preview .ysa-contact-alternatives-card li { display:flex; justify-content:space-between; gap:12px; margin-top:10px; font-size:12px; }
html.ysa-connected-preview .rr-records .ysa-contact-tone-card { display:flex; gap:16px; margin-top:16px; background:#f4f7f2; }
html.ysa-connected-preview .ysa-contact-tone-card h3 { margin:0 0 8px; }
html.ysa-connected-preview .ysa-contact-tone-card p { margin:0; color:#53655e; line-height:1.6; }
html.ysa-connected-preview .ysa-contact-supplemental { border-top:1px solid #e0e4df; padding-top:18px; }
html.ysa-connected-preview .ysa-contact-supplemental>summary { cursor:pointer; font-weight:600; }
html.ysa-connected-preview .ysa-contact-supplemental>summary { display:flex; align-items:flex-start; gap:12px; }
html.ysa-connected-preview .ysa-contact-supplemental>summary>span { flex:1; min-width:0; }
html.ysa-connected-preview .ysa-contact-supplemental>summary small { display:block; margin-top:5px; color:#687673; font-size:12px; font-weight:400; line-height:1.5; }
html.ysa-connected-preview .ysa-contact-supplemental-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px; }
/* Hierarchical labels and configured customer fields. */
html.ysa-connected-preview :is(.ysa-label-tree-stats,.ysa-fields-stats) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
html.ysa-connected-preview .ysa-fields-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
html.ysa-connected-preview :is(.ysa-label-tree-stats>article,.ysa-fields-stat) { padding:18px; border:1px solid #e0e4df; border-radius:16px; background:#fff; min-width:0; }
html.ysa-connected-preview :is(.ysa-label-tree-stats>article>span,.ysa-fields-stat-label) { display:block; font-size:12px; color:#687673; }
html.ysa-connected-preview :is(.ysa-label-tree-stats strong,.ysa-fields-stat strong) { display:block; font:400 28px/1.3 "PP Palma",Inter,sans-serif; margin:10px 0 4px; }
html.ysa-connected-preview .ysa-label-tree-stats strong small { font:400 14px Inter,sans-serif; color:#687673; }
html.ysa-connected-preview :is(.ysa-label-tree-stats p,.ysa-fields-stat p) { margin:0; color:#687673; font-size:11px; line-height:1.5; }
html.ysa-connected-preview .ysa-fields-stat { display:flex; align-items:flex-start; gap:12px; }
html.ysa-connected-preview .ysa-fields-stat-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:11px; background:#edf3ed; color:#365855; flex:0 0 36px; }
html.ysa-connected-preview :is(.ysa-fields-stat-icon svg,.ysa-content-icon svg) { width:20px; height:20px; }
html.ysa-connected-preview .ysa-labels-table { min-width:720px; }
html.ysa-connected-preview .ysa-label-tree-name { display:flex; gap:8px; padding-left:calc(var(--label-depth,0)*20px); align-items:flex-start; }
html.ysa-connected-preview :is(.ysa-label-tree-toggle,.ysa-label-tree-leaf) { display:grid; place-items:center; width:26px; height:26px; flex:0 0 26px; padding:4px; background:transparent; border:0; }
html.ysa-connected-preview :is(.ysa-label-tree-toggle svg,.ysa-label-tree-edit svg) { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; }
html.ysa-connected-preview .ysa-label-tree-toggle[aria-expanded=false] svg { transform:rotate(-90deg); }
html.ysa-connected-preview .ysa-label-tree-name-text { min-width:0; }
html.ysa-connected-preview .ysa-label-tree-title { display:flex; gap:8px; align-items:center; max-width:100%; padding:2px 0; border:0; min-height:26px; background:transparent; font-size:13px; font-weight:600; text-align:left; white-space:normal; overflow-wrap:anywhere; }
html.ysa-connected-preview .ysa-label-tree-dot { width:8px; height:8px; border-radius:50%; background:var(--label-color,#a5c4c3); flex:0 0 8px; }
html.ysa-connected-preview .ysa-label-tree-path { display:block; color:#687673; font-size:10px; font-weight:400; margin:2px 0 6px; }
html.ysa-connected-preview .ysa-label-tree-meta { display:flex; flex-wrap:wrap; gap:8px; color:#7d8984; font-size:10px; font-weight:400; }
html.ysa-connected-preview .ysa-label-tree-instruction { max-width:350px; color:#687673; font-size:12px; }
html.ysa-connected-preview .ysa-label-tree-edit { display:grid; place-items:center; width:32px; height:32px; min-height:32px; padding:6px; border:1px solid #e0e4df; border-radius:9px; background:#fff; }
html.ysa-connected-preview :is(.ysa-label-tree-drilldown,.ysa-label-tree-report) { display:inline-flex; gap:7px; align-items:center; font-size:12px; font-weight:600; color:#365855; text-decoration:none; }
html.ysa-connected-preview .ysa-label-tree-search-status { padding:12px 20px; color:#687673; font-size:12px; }
html.ysa-connected-preview .ysa-label-tree-controls { display:flex; gap:6px; }
html.ysa-connected-preview .ysa-label-tree-controls button { padding:8px 10px; font-size:12px; background:#f5f6f1; border:0; border-radius:9px; }
html.ysa-connected-preview .ysa-field-library-dialog { width:min(920px,calc(100vw - 40px)); max-height:calc(100dvh - 48px); padding:0; border:1px solid #e0e4df; border-radius:22px; color:#0e2523; }
html.ysa-connected-preview :is(.ysa-field-library-dialog,.ysa-label-tree-dialog)::backdrop { background:#0e252366; backdrop-filter:blur(3px); }
html.ysa-connected-preview .ysa-field-library-dialog .ysa-field-library { display:flex; flex-direction:column; border:0; border-radius:0; max-height:calc(100dvh - 50px); }
html.ysa-connected-preview .ysa-field-library .ysa-content-card-header { align-items:flex-start; flex:0 0 auto; }
html.ysa-connected-preview .ysa-field-library-close { display:grid; place-items:center; width:36px; height:36px; padding:6px; border:1px solid #e0e4df; border-radius:10px; background:#fff; flex:0 0 36px; }
html.ysa-connected-preview .ysa-field-catalog { padding:20px; overflow:auto; min-height:0; }
html.ysa-connected-preview .ysa-field-catalog-group { padding:0; border:0; margin:0 0 24px; }
html.ysa-connected-preview .ysa-field-catalog-group legend { font-weight:600; font-size:14px; margin-bottom:12px; }
html.ysa-connected-preview .ysa-field-catalog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
html.ysa-connected-preview .ysa-field-catalog-option { display:flex; gap:12px; border:1px solid #e0e4df; border-radius:13px; padding:14px; cursor:pointer; }
html.ysa-connected-preview .ysa-field-catalog-option input { width:18px; height:18px; margin:2px 0; flex:0 0 18px; accent-color:#0e2523; }
html.ysa-connected-preview .ysa-field-catalog-check { display:none; }
html.ysa-connected-preview .ysa-field-catalog-copy { display:grid; gap:5px; min-width:0; }
html.ysa-connected-preview .ysa-field-catalog-copy strong { font-size:13px; }
html.ysa-connected-preview .ysa-field-catalog-copy small { color:#687673; font-size:12px; line-height:1.5; }
html.ysa-connected-preview .ysa-field-catalog-meta { display:flex; flex-wrap:wrap; gap:5px; margin-top:4px; }
html.ysa-connected-preview .ysa-field-catalog-meta em { font-size:10px; font-style:normal; color:#53655e; padding:3px 6px; border-radius:12px; background:#eef2e9; }
html.ysa-connected-preview .ysa-field-catalog-option:has(input:checked) { background:#f2f6ed; border-color:#a5b6a7; }
html.ysa-connected-preview .ysa-field-catalog-option.is-active { opacity:.65; cursor:default; }
html.ysa-connected-preview .ysa-field-library-footer { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 20px; border-top:1px solid #e0e4df; background:#fff; flex:0 0 auto; }
html.ysa-connected-preview .ysa-field-library-footer>span { color:#687673; font-size:12px; }
html.ysa-connected-preview .ysa-field-library-actions { display:flex; gap:8px; }
/* Editors: all original controls and confirmation tokens are retained. */
html.ysa-connected-preview :is(.ysa-label-editor,.ysa-field-editor,.ysa-label-tree-dialog) { color:#0e2523; background:#fff; font:14px/1.5 Inter,sans-serif; }
html.ysa-connected-preview #popup:has(.ysa-label-editor,.ysa-field-editor) { padding:24px; width:auto; border:0; border-radius:0; box-shadow:none; }
html.ysa-connected-preview #popup:has(.ysa-label-editor,.ysa-field-editor)>.popup_close_button { display:none; }
html.ysa-connected-preview #popup:has(.ysa-label-editor,.ysa-field-editor) #popup_content { width:min(760px,100%); padding:0; max-height:calc(100dvh - 48px); overflow:auto; border:1px solid #e0e4df; border-radius:22px; background:#fff; margin:auto; }
html.ysa-connected-preview :is(.ysa-label-editor__header,.ysa-fe-header) { position:relative; padding:24px 28px 20px; border-bottom:1px solid #e0e4df; }
html.ysa-connected-preview :is(.ysa-label-editor__header,.ysa-fe-header) h1 { font:400 27px/1.25 "PP Palma",Inter,sans-serif; margin:6px 40px 8px 0; }
html.ysa-connected-preview :is(.ysa-label-editor__header,.ysa-fe-header) p { color:#687673; margin:0; font-size:13px; }
html.ysa-connected-preview :is(.ysa-label-editor__eyebrow,.ysa-fe-eyebrow) { font-size:10px; text-transform:uppercase; letter-spacing:1px; font-weight:700; }
html.ysa-connected-preview :is(.ysa-label-editor__close,.ysa-fe-close) { position:absolute; top:20px; right:20px; width:40px; height:40px; padding:10px; display:grid; place-items:center; border:1px solid #e0e4df; background:#fff; border-radius:11px; }
html.ysa-connected-preview :is(.ysa-label-editor__close,.ysa-fe-close) svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; }
html.ysa-connected-preview :is(.ysa-label-editor__body,.ysa-fe-body) { margin:0; padding:24px 28px; border:0; display:grid; gap:22px; }
html.ysa-connected-preview :is(.ysa-label-editor__pair,.ysa-fe-grid) { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
html.ysa-connected-preview :is(.ysa-label-editor__field,.ysa-fe-field) { min-width:0; display:grid; gap:7px; font-size:12px; font-weight:600; }
html.ysa-connected-preview :is(.ysa-label-editor,.ysa-field-editor) :is(input:not([type=checkbox]):not([type=hidden]):not([type=color]):not(.ysa-color-editor__source),select,textarea) { width:100%; }
html.ysa-connected-preview :is(.ysa-label-editor__hint,.ysa-fe-hint,.ysa-fe-main-help,.ysa-label-editor__example) { color:#687673; font-size:12px; font-weight:400; line-height:1.55; margin:4px 0 0; }
html.ysa-connected-preview :is(.ysa-label-editor__instruction,.ysa-fe-section) { border-top:1px solid #e9ece7; padding-top:20px; }
html.ysa-connected-preview .ysa-label-editor__instruction textarea { min-height:140px; }
html.ysa-connected-preview .ysa-label-editor__color-row { display:flex; gap:10px; }
html.ysa-connected-preview .ysa-label-editor input[type=color] { width:46px; height:40px; padding:4px; border:1px solid #dce1da; border-radius:10px; }
html.ysa-connected-preview :is(.ysa-label-editor__footer,.ysa-fe-footer) { position:sticky; bottom:0; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 28px; border-top:1px solid #e0e4df; background:#fff; z-index:1; }
html.ysa-connected-preview :is(.ysa-label-editor__actions,.ysa-fe-actions) { display:flex; gap:8px; margin-left:auto; }
html.ysa-connected-preview :is(.ysa-label-editor__delete,.ysa-fe-delete) { color:#963e36; background:#fff; border:1px solid #ebd6d2; }
html.ysa-connected-preview :is(.ysa-fe-check,.ysa-fe-ai) { display:flex; gap:10px; align-items:flex-start; }
html.ysa-connected-preview .ysa-fe-check input { margin-top:4px; width:17px; height:17px; accent-color:#0e2523; }
html.ysa-connected-preview .ysa-fe-section h2 { margin:0 0 8px; font:400 18px "PP Palma",Inter,sans-serif; }
html.ysa-connected-preview .ysa-fe-section textarea { min-height:110px; margin-top:8px; }
html.ysa-connected-preview .ysa-fe-preview { padding:16px; border-radius:13px; border:1px solid #dce5dd; background:#f6f8f2; }
html.ysa-connected-preview .ysa-fe-preview-name { display:block; font-size:12px; font-weight:600; margin-bottom:10px; }
html.ysa-connected-preview .ysa-fe-preview-choice { display:flex; align-items:center; gap:8px; padding:6px 0; }
html.ysa-connected-preview .ysa-fe-danger { padding:16px; border:1px solid #ebd6d2; border-radius:13px; }
html.ysa-connected-preview .ysa-fe-danger summary { color:#963e36; font-weight:600; cursor:pointer; }
html.ysa-connected-preview .ysa-fe-danger .ysa-fe-check { margin:14px 0; }
html.ysa-connected-preview .ysa-label-tree-dialog { padding:0; width:min(620px,calc(100vw - 40px)); border:1px solid #e0e4df; border-radius:22px; max-height:calc(100dvh - 48px); }
html.ysa-connected-preview .ysa-label-tree-dialog form { padding:24px; display:grid; gap:14px; }
html.ysa-connected-preview .ysa-label-tree-dialog-header { display:flex; justify-content:space-between; gap:12px; align-items:center; }
html.ysa-connected-preview .ysa-label-tree-dialog-header h2 { margin:0; font:400 25px "PP Palma",Inter,sans-serif; }
html.ysa-connected-preview .ysa-label-tree-dialog-header button { width:36px; height:36px; border:1px solid #e0e4df; border-radius:10px; background:#fff; font-size:22px; }
html.ysa-connected-preview .ysa-label-tree-dialog label { display:grid; gap:6px; font-size:12px; font-weight:600; }
html.ysa-connected-preview .ysa-label-tree-dialog :is(input:not([type=color]),select,textarea) { width:100%; }
html.ysa-connected-preview .ysa-label-tree-form-hint { font-size:12px; color:#687673; margin:0; }
html.ysa-connected-preview .ysa-label-tree-form-pair { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
html.ysa-connected-preview .ysa-label-tree-dialog-footer { display:flex; justify-content:space-between; gap:10px; padding-top:14px; border-top:1px solid #e0e4df; }
html.ysa-connected-preview .ysa-label-tree-dialog-footer>div { display:flex; gap:8px; }
/* Knowledge lists and editors. */
html.ysa-connected-preview .ysa-articles-export-format { display:flex; align-items:center; gap:8px; font-size:12px; color:#687673; }
html.ysa-connected-preview .ysa-articles-status-tabs { display:flex; gap:3px; padding:3px; background:#f4f5ef; border:1px solid #e0e4df; border-radius:11px; }
html.ysa-connected-preview .ysa-articles-status-tab { padding:7px 12px; min-height:32px; background:transparent; border:0; border-radius:8px; font-size:12px; }
html.ysa-connected-preview .ysa-articles-status-tab.is-active { background:#fff; box-shadow:0 1px 3px #0e252314; }
html.ysa-connected-preview .ysa-articles-table { min-width:920px; }
html.ysa-connected-preview .ysa-articles-table .ysa-content-main { align-items:flex-start; min-width:240px; }
html.ysa-connected-preview .ysa-articles-table .ysa-content-main div>span { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-width:340px; }
html.ysa-connected-preview .ysa-article-test-card { margin-top:24px; }
html.ysa-connected-preview .ysa-article-test-card form { padding:20px; }
html.ysa-connected-preview .ysa-article-test-card .ysa-content-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
html.ysa-connected-preview .ysa-article-test-card .ysa-content-form-grid label { display:grid; gap:7px; font-size:12px; font-weight:600; }
html.ysa-connected-preview .ysa-article-test-card .ysa-content-form-grid label.is-wide { grid-column:1/-1; }
html.ysa-connected-preview .ysa-article-test-card .ysa-content-form-grid :is(input,select,textarea) { width:100%; }
html.ysa-connected-preview .ysa-content-inline-actions { display:flex; gap:10px; align-items:center; margin-top:18px; }
html.ysa-connected-preview .ysa-article-test-results:not(:empty) { padding:0 20px 20px; }
html.ysa-connected-preview #framework_main .rr-article-form { max-width:1080px; }
html.ysa-connected-preview #framework_main .rr-article-form>h2 { margin:28px 0 12px; }
html.ysa-connected-preview #framework_main .rr-article-form .info { padding:14px 16px; background:#f3f6ed; border:1px solid #e0e4df; border-radius:12px; color:#53655e; font-size:13px; margin-bottom:20px; }
html.ysa-connected-preview #framework_main .rr-article-form .config_table { width:100%; border-collapse:separate; border-spacing:0 12px; }
html.ysa-connected-preview #framework_main .rr-article-form .config_table td { padding:0; vertical-align:top; border:0; }
html.ysa-connected-preview #framework_main .rr-article-form .config_table td:first-child { width:200px; padding:10px 20px 10px 0; font-size:12px; font-weight:600; }
html.ysa-connected-preview #framework_main .rr-article-form .config_table :is(input:not([type=checkbox]),select) { width:100%; }
html.ysa-connected-preview #framework_main .rr-article-form select[multiple] { min-height:110px; }
html.ysa-connected-preview #framework_main .rr-article-form #article_content { min-height:440px; padding:20px; border:1px solid #dce1da; border-radius:16px; background:#fff; line-height:1.75; outline-offset:3px; }
html.ysa-connected-preview #framework_main .rr-article-form #article_content h2 { margin-top:0; }
html.ysa-connected-preview #framework_main .rr-article-form .hint { color:#687673; font-size:11px; margin-top:10px; }
html.ysa-connected-preview #framework_main .rr-article-form .submit_bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:18px 0; border-top:1px solid #e0e4df; margin-top:20px; background:#fff; }
html.ysa-connected-preview #framework_main .rr-article-form .submit_bar table { width:auto; }
html.ysa-connected-preview #framework_main .rr-article-form .submit_bar td { padding:0 8px 0 0; }
html.ysa-connected-preview #framework_main .rr-quick-page { border:1px solid #e0e4df; border-radius:18px; background:#fff; padding:0; overflow:hidden; }
html.ysa-connected-preview #framework_main .rr-quick-table td.mobile_hide:empty { display:none; }
html.ysa-connected-preview #framework_main .rr-quick-list { padding-bottom:18px; }
html.ysa-connected-preview #framework_main .rr-quick-list>.submit { margin-left:20px; }
html.ysa-connected-preview #framework_main .rr-quick-form { padding:24px; }
html.ysa-connected-preview #framework_main .rr-quick-form>.config_table { display:block; margin-top:16px; width:100%; }
html.ysa-connected-preview #framework_main .rr-quick-form>.config_table :is(tbody,tr,td) { display:block; width:100%; padding:0; }
html.ysa-connected-preview #framework_main .rr-quick-form>.config_table tr+tr { margin-top:22px; }
html.ysa-connected-preview #framework_main .rr-quick-form>.config_table br { display:none; }
html.ysa-connected-preview #framework_main .rr-quick-form label { display:block; font-size:12px; margin-bottom:8px; }
html.ysa-connected-preview #framework_main .rr-quick-form :is(#title,#answer) { width:100%; }
html.ysa-connected-preview #framework_main .rr-quick-form #answer { min-height:260px; line-height:1.7; }
html.ysa-connected-preview #framework_main .rr-quick-form .label { display:inline-flex; padding:5px 9px; margin:12px 5px 0 0; border-radius:8px; background:#edf2e8; color:#365855; font-size:11px; }
html.ysa-connected-preview #framework_main .rr-quick-form>table:not(.config_table) { display:inline-table; width:auto; margin-top:8px; }
html.ysa-connected-preview #framework_main .rr-quick-form>table:last-of-type { float:right; }
html.ysa-connected-preview :is(#delete_quickanswer,#delete_article) { background:white; border:1px solid #e6cac3; color:#963e36; }
html.ysa-connected-preview .ysa-lab-header { display:block; margin-bottom:16px; }
html.ysa-connected-preview .ysa-lab-table { min-width:960px; }
html.ysa-connected-preview .ysa-lab-target { display:block; max-width:190px; color:#687673; }
html.ysa-connected-preview .ysa-lab-loader { display:flex; align-items:center; gap:12px; padding:48px 24px; color:#687673; }
html.ysa-connected-preview .ysa-lab-spinner { width:20px; height:20px; border:2px solid #e0e4df; border-top-color:#365855; border-radius:50%; animation:rr-spin .8s linear infinite; }
html.ysa-connected-preview :is(.ysa-label-tree-sr,.ysa-contact-sr-only,.ysa-fe-sr,.ysa-fields-sr) { position:absolute; width:1px; height:1px; padding:0; margin:-1px; clip-path:inset(50%); overflow:hidden; white-space:nowrap; }
@keyframes rr-spin { to { transform:rotate(360deg); } }
@media(max-width:1100px) {
 html.ysa-connected-preview :is(.ysa-contacts-widgets,.ysa-fields-stats,.ysa-contact-summary-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html.ysa-connected-preview .rr-records :is(.ysa-content-header,.ysa-fields-heading) { align-items:flex-start; flex-direction:column; gap:16px; }
}
@media(max-width:700px) {
 html.ysa-connected-preview #framework_main.rr-records { padding:24px 16px; }
 html.ysa-connected-preview .rr-records h1 { font-size:28px; letter-spacing:-.6px; }
 html.ysa-connected-preview .rr-records :is(.ysa-content-breadcrumb,.ysa-contacts-breadcrumb,.ysa-lab-breadcrumb) { font-size:10px; margin-bottom:16px; }
 html.ysa-connected-preview .rr-records :is(.ysa-content-card-header,.ysa-contacts-list-head,.ysa-label-tree-summary) { padding:16px; align-items:flex-start; }
 html.ysa-connected-preview .rr-records :is(.ysa-content-toolbar,.ysa-contacts-toolbar,.ysa-lab-toolbar) { padding:14px 16px; gap:12px; }
 html.ysa-connected-preview .rr-records :is(.ysa-content-search,.ysa-lab-search,.ysa-contacts-search-label) { flex-basis:100%; max-width:none; }
 html.ysa-connected-preview .rr-records :is(.ysa-content-select,.ysa-lab-select,.ysa-contacts-select) { flex:1 1 115px; }
 html.ysa-connected-preview .rr-records :is(.ysa-content-select,.ysa-lab-select,.ysa-contacts-select)>select { min-width:0; width:100%; }
 html.ysa-connected-preview .rr-records :is(.ysa-content-count,.ysa-lab-count) { margin-left:0; }
 html.ysa-connected-preview .ysa-label-tree-stats { grid-template-columns:1fr; gap:10px; }
 html.ysa-connected-preview .ysa-label-tree-stats>article { display:grid; grid-template-columns:1fr auto; column-gap:16px; padding:16px; }
 html.ysa-connected-preview .ysa-label-tree-stats strong { grid-column:2; grid-row:1/3; margin:0; }
 html.ysa-connected-preview .ysa-label-tree-stats p { margin-top:4px; }
 html.ysa-connected-preview .ysa-fields-stat { display:block; padding:14px; }
 html.ysa-connected-preview .ysa-fields-stat-icon { margin-bottom:10px; }
 html.ysa-connected-preview .ysa-contacts-widget { padding:14px; }
 html.ysa-connected-preview .ysa-contacts-widget-top { align-items:flex-start; font-size:11px; gap:6px; }
 html.ysa-connected-preview .ysa-contacts-widget-icon { display:none; }
 html.ysa-connected-preview .ysa-contacts-widget-value { font-size:26px; }
 html.ysa-connected-preview :is(.ysa-contact-details-layout,.ysa-contact-conversations,.ysa-contact-agent-grid,.ysa-contact-supplemental-grid) { grid-template-columns:minmax(0,1fr); }
 html.ysa-connected-preview .ysa-contact-identity { align-items:flex-start; gap:12px; }
 html.ysa-connected-preview .ysa-contact-identity-mark { width:44px; height:44px; flex-basis:44px; font-size:16px; }
 html.ysa-connected-preview .ysa-contact-fields-grid { grid-template-columns:1fr; }
 html.ysa-connected-preview .rr-records .ysa-contact-card { padding:16px; }
 html.ysa-connected-preview .ysa-contact-summary { padding:14px; }
 html.ysa-connected-preview .ysa-contact-summary-icon { display:none; }
 html.ysa-connected-preview .ysa-contact-summary strong { font-size:24px; }
 html.ysa-connected-preview :is(.ysa-field-library-dialog,.ysa-label-tree-dialog) { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); border-radius:18px; }
 html.ysa-connected-preview .ysa-field-library-dialog .ysa-field-library { max-height:calc(100dvh - 26px); }
 html.ysa-connected-preview .ysa-field-catalog { padding:16px; }
 html.ysa-connected-preview .ysa-field-catalog-grid { grid-template-columns:1fr; }
 html.ysa-connected-preview .ysa-field-library-footer { flex-wrap:wrap; padding:14px 16px; gap:12px; }
 html.ysa-connected-preview .ysa-field-library-actions { width:100%; }
 html.ysa-connected-preview .ysa-field-library-actions button { flex:1; }
 html.ysa-connected-preview #popup:has(.ysa-label-editor,.ysa-field-editor) { padding:12px; }
 html.ysa-connected-preview :is(.ysa-label-editor__header,.ysa-fe-header) { padding:20px; }
 html.ysa-connected-preview :is(.ysa-label-editor__body,.ysa-fe-body) { padding:20px; gap:20px; }
 html.ysa-connected-preview :is(.ysa-label-editor__pair,.ysa-fe-grid) { grid-template-columns:1fr; gap:16px; }
 html.ysa-connected-preview :is(.ysa-label-editor__footer,.ysa-fe-footer) { flex-wrap:wrap; padding:14px 20px; }
 html.ysa-connected-preview .ysa-label-tree-dialog form { padding:20px; }
 html.ysa-connected-preview .ysa-label-tree-dialog-footer { flex-direction:column; }
 html.ysa-connected-preview .ysa-label-tree-dialog-footer>div { justify-content:flex-end; }
 html.ysa-connected-preview .ysa-article-test-card .ysa-content-form-grid { grid-template-columns:1fr; }
 html.ysa-connected-preview .ysa-articles-export-actions { width:100%; }
 html.ysa-connected-preview .ysa-articles-export-actions .ysa-articles-add { flex-basis:100%; }
 html.ysa-connected-preview .ysa-articles-export-format { flex:1; }
 html.ysa-connected-preview #framework_main .rr-article-form .config_table :is(tbody,tr,td) { display:block; width:100%; }
 html.ysa-connected-preview #framework_main .rr-article-form .config_table td:first-child { width:100%; padding:0 0 6px; }
 html.ysa-connected-preview #framework_main .rr-article-form .config_table tr { margin-bottom:20px; }
 html.ysa-connected-preview #framework_main .rr-article-form #article_content { padding:16px; }
 html.ysa-connected-preview .rr-records .ysa-article-edit-header { flex-direction:column; align-items:stretch; }
 html.ysa-connected-preview #framework_main .rr-quick-form { padding:18px; }
 html.ysa-connected-preview #framework_main .rr-quick-form>table:not(.config_table) { display:table; float:none; width:100%; margin-top:14px; }
 html.ysa-connected-preview #framework_main .rr-quick-form>table:last-of-type { float:none; }
 html.ysa-connected-preview #framework_main .rr-quick-form>table button { width:100%; }
 html.ysa-connected-preview #framework_main .rr-quick-table .mobile_hide { display:none; }
}
@media(prefers-reduced-motion:reduce) { html.ysa-connected-preview .ysa-lab-spinner { animation:none; } }
/* Actual experiment result dialog; no variant allocation or winner logic here. */
html.ysa-connected-preview #popup:has(.rr-experiment-stats) { padding:24px; }
html.ysa-connected-preview #popup:has(.rr-experiment-stats) #popup_content { width:min(1180px,100%); margin:auto; padding:28px; overflow:auto; max-height:calc(100dvh - 48px); border:1px solid #e0e4df; border-radius:22px; background:#fff; }
html.ysa-connected-preview .rr-experiment-stats { color:#0e2523; font:13px/1.5 Inter,sans-serif; }
html.ysa-connected-preview .rr-experiment-stats .stats-header { display:flex; gap:20px; justify-content:space-between; align-items:flex-start; margin:0 30px 24px 0; }
html.ysa-connected-preview .rr-experiment-stats h1 { font:400 27px/1.25 "PP Palma",Inter,sans-serif; letter-spacing:-.6px; margin:0; }
html.ysa-connected-preview .rr-experiment-stats :is(h3,p) { margin:0 0 10px; }
html.ysa-connected-preview .rr-experiment-stats h3 { font:400 20px/1.3 "PP Palma",Inter,sans-serif; }
html.ysa-connected-preview .rr-experiment-stats .stats-context { color:#687673; margin:10px 0 0; }
html.ysa-connected-preview .rr-experiment-stats .kpi-badges { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-bottom:24px; }
html.ysa-connected-preview .rr-experiment-stats .kpi-badge { border:1px solid #e0e4df; border-radius:14px; padding:14px; min-width:0; }
html.ysa-connected-preview .rr-experiment-stats .kpi-badge .small { display:block; font-size:11px; color:#687673; margin-bottom:8px; }
html.ysa-connected-preview .rr-experiment-stats .kpi-badge b { display:block; font-size:16px; font-weight:600; overflow-wrap:anywhere; }
html.ysa-connected-preview .rr-experiment-stats :is(.commercial-result,.card) { border:1px solid #e0e4df; border-radius:17px; padding:20px; margin-top:20px; min-width:0; background:#fff; }
html.ysa-connected-preview .rr-experiment-stats .commercial-result__head { display:flex; justify-content:space-between; gap:20px; }
html.ysa-connected-preview .rr-experiment-stats .commercial-result__head p { color:#687673; max-width:720px; font-size:12px; line-height:1.6; }
html.ysa-connected-preview .rr-experiment-stats .commercial-result__actions { display:flex; flex-direction:column; align-items:flex-end; gap:10px; flex:0 0 180px; }
html.ysa-connected-preview .rr-experiment-stats :is(.commercial-result__source,.leader-label) { display:inline-block; border-radius:15px; background:#e2eeea; color:#285e50; font-size:10px; font-weight:600; padding:4px 8px; }
html.ysa-connected-preview .rr-experiment-stats .commercial-result__metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; padding:20px 0; }
html.ysa-connected-preview .rr-experiment-stats .commercial-result__metric>span { display:block; color:#687673; font-size:11px; margin-bottom:8px; }
html.ysa-connected-preview .rr-experiment-stats .commercial-result__metric>b { font-size:18px; font-weight:600; }
html.ysa-connected-preview .rr-experiment-stats .commercial-money>span { display:block; white-space:nowrap; }
html.ysa-connected-preview .rr-experiment-stats .commercial-money em { font-size:10px; font-style:normal; color:#687673; }
html.ysa-connected-preview .rr-experiment-stats .commercial-result__table { overflow-x:auto; }
html.ysa-connected-preview .rr-experiment-stats table { width:100%; border-collapse:collapse; font-size:12px; text-align:left; }
html.ysa-connected-preview .rr-experiment-stats .commercial-result__table table { min-width:820px; }
html.ysa-connected-preview .rr-experiment-stats .card>div:has(>table) { overflow-x:auto; }
html.ysa-connected-preview .rr-experiment-stats .card table { min-width:620px; }
html.ysa-connected-preview .rr-experiment-stats :is(td,th) { padding:12px 10px; border:0; border-bottom:1px solid #e9ece7; text-align:left; }
html.ysa-connected-preview .rr-experiment-stats th { font-size:10px; font-weight:600; color:#687673; background:#f8faf5; }
html.ysa-connected-preview .rr-experiment-stats tr.win { background:#f1f6e8; }
html.ysa-connected-preview .rr-experiment-stats :is(.commercial-result__warning,.commercial-result__empty) { background:#f6f4e9; padding:14px; border-radius:12px; color:#7a6741; font-size:12px; }
html.ysa-connected-preview .rr-experiment-stats .commercial-result__note { color:#687673; font-size:11px; margin:14px 0 0; }
html.ysa-connected-preview .rr-experiment-stats #charts { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
html.ysa-connected-preview .rr-experiment-stats #charts .card { min-width:0; height:295px; }
html.ysa-connected-preview .rr-experiment-stats #charts .card:last-child:nth-child(3) { grid-column:1/-1; }
html.ysa-connected-preview .rr-experiment-stats #charts h3 { font-size:17px; margin-bottom:14px; }
html.ysa-connected-preview .rr-experiment-stats .status-dot { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:#a5c4c3; }
@media(max-width:700px) {
 html.ysa-connected-preview #popup:has(.rr-experiment-stats) { padding:12px; }
 html.ysa-connected-preview #popup:has(.rr-experiment-stats) #popup_content { padding:20px 16px; max-height:calc(100dvh - 24px); }
 html.ysa-connected-preview .rr-experiment-stats .stats-header { display:block; margin-right:24px; }
 html.ysa-connected-preview .rr-experiment-stats .stats-header>div:last-child { margin-top:14px; }
 html.ysa-connected-preview .rr-experiment-stats .kpi-badges { grid-template-columns:1fr 1fr; }
 html.ysa-connected-preview .rr-experiment-stats :is(.commercial-result,.card) { padding:14px; }
 html.ysa-connected-preview .rr-experiment-stats .commercial-result__head { display:block; }
 html.ysa-connected-preview .rr-experiment-stats .commercial-result__actions { align-items:flex-start; margin-top:14px; }
 html.ysa-connected-preview .rr-experiment-stats .commercial-result__metrics { grid-template-columns:1fr 1fr; }
 html.ysa-connected-preview .rr-experiment-stats #charts { grid-template-columns:1fr; }
 html.ysa-connected-preview .rr-experiment-stats .card:has(>.table) { overflow-x:auto; }
}

/* The profile list shares identity vocabulary with the detail renderer. */
html.ysa-connected-preview .ysa-contacts-table .ysa-contact-identity { margin:0; gap:10px; }
html.ysa-connected-preview .ysa-contacts-table .ysa-contact-identity>div { display:grid; gap:4px; min-width:0; }
html.ysa-connected-preview .ysa-contacts-table .ysa-contact-identity :is(strong,em) { display:block; font-style:normal; }
html.ysa-connected-preview .ysa-contacts-table .ysa-contact-identity em { font-size:11px; color:#687673; overflow-wrap:anywhere; }
html.ysa-connected-preview .ysa-contacts-table .ysa-contact-avatar { width:34px; height:34px; flex:0 0 34px; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:600; background:#e2eae5; }
html.ysa-connected-preview .ysa-contacts-table .ysa-contact-actions { display:flex; gap:6px; }
html.ysa-connected-preview .ysa-contacts-table .ysa-contact-actions button { display:grid; place-items:center; width:32px; height:32px; min-height:32px; padding:6px; border:1px solid #e0e4df; background:white; border-radius:9px; }
html.ysa-connected-preview .ysa-contacts-table .ysa-contact-status { font-size:11px; border-radius:12px; padding:3px 7px; background:#f3f5ef; white-space:nowrap; }
html.ysa-connected-preview .ysa-contacts-table .ysa-contact-status.is-ok { background:#e2eeea; color:#285e50; }
html.ysa-connected-preview .ysa-contacts-table .ysa-contact-activity { display:grid; gap:3px; }
html.ysa-connected-preview .ysa-contacts-table .ysa-contact-activity small { font-size:11px; color:#687673; }
html.ysa-connected-preview .ysa-contact-profile .ysa-contact-followup { margin-top:20px; }
html.ysa-connected-preview .ysa-contact-profile fieldset.ysa-contact-field { margin:0; padding:0; border:0; border-radius:0; }
html.ysa-connected-preview .ysa-contact-profile .ysa-contact-field legend { padding:0 0 7px; font:600 12px/1.5 Inter,sans-serif; }
html.ysa-connected-preview #framework_main .rr-legacy-title { font:400 32px/1.2 "PP Palma",Inter,sans-serif; letter-spacing:-.6px; margin-bottom:24px; }
html.ysa-connected-preview #framework_main .rr-article-form .jt-toolbar { display:flex; flex-wrap:wrap; gap:4px; padding:9px; border:1px solid #dce1da; border-bottom:0; border-radius:12px 12px 0 0; background:#f6f8f2; }
html.ysa-connected-preview #framework_main .rr-article-form .jt-tb-btn { min-width:34px; min-height:32px; padding:6px 10px; border:0; border-radius:7px; background:transparent; color:#365855; }
html.ysa-connected-preview #framework_main .rr-article-form .jt-tb-btn:hover { background:#e5ece3; }
html.ysa-connected-preview #framework_main .rr-article-form .jt-toolbar+#article_content { border-radius:0 0 16px 16px; }
html.ysa-connected-preview .ysa-field-editor .ysa-fe-check span :is(strong,small) { display:block; }
html.ysa-connected-preview .ysa-field-editor .ysa-fe-check small { color:#687673; font-size:12px; font-weight:400; line-height:1.5; margin-top:4px; }
html.ysa-connected-preview #framework_main :is(.rr-quick-form #save_quickanswer,.rr-article-form #save_article,.ysa-label-tree-create,.ysa-lab-primary-btn),html.ysa-connected-preview .ysa-field-editor #save_contactfield { border:1px solid #0e2523; background:#0e2523; color:#fff; }
html.ysa-connected-preview :is(.ysa-field-editor,.ysa-label-editor) :is(input,select,textarea) { font-weight:400; }
html.ysa-connected-preview #framework_main .rr-article-form .json-tag { display:inline-flex; gap:8px; padding:6px 10px; margin:3px; border:1px solid #c8d7ce; background:#edf3ed; border-radius:10px; color:#365855; font-size:12px; cursor:pointer; }
html.ysa-connected-preview #framework_main .rr-article-form .jt-button-choice+.jt-button-choice { border-left:1px solid #c8d7ce; padding-left:8px; }
@media(max-width:700px) {
 html.ysa-connected-preview #framework_main .rr-responsive-table { display:block; min-width:0; width:100%; }
 html.ysa-connected-preview #framework_main .rr-responsive-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 html.ysa-connected-preview #framework_main .rr-responsive-table tbody { display:block; width:100%; }
 html.ysa-connected-preview #framework_main .rr-responsive-table tbody>tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:18px 16px; border-bottom:1px solid #e0e4df; }
 html.ysa-connected-preview #framework_main .rr-responsive-table tbody>tr[hidden] { display:none; }
 html.ysa-connected-preview #framework_main .rr-responsive-table tbody>tr>:is(td,th) { display:block; padding:0; width:auto; height:auto; min-width:0; border:0; font-size:12px; overflow-wrap:anywhere; }
 html.ysa-connected-preview #framework_main .rr-responsive-table tbody>tr>:first-child { grid-column:1/-1; }
 html.ysa-connected-preview #framework_main .rr-responsive-table tbody>tr>:is(td,th)[data-rr-label]:not(:first-child)::before { content:attr(data-rr-label); display:block; color:#687673; font-size:10px; font-weight:400; margin-bottom:5px; }
 html.ysa-connected-preview #framework_main .rr-responsive-table tbody>tr>[colspan] { grid-column:1/-1; }
 html.ysa-connected-preview #framework_main .rr-responsive-table .mobile_hide:empty { display:none; }
 html.ysa-connected-preview #framework_main .rr-responsive-table .mobile_hide:not(:empty) { display:block; }
 html.ysa-connected-preview .ysa-label-tree-name { padding-left:calc(var(--label-depth,0)*12px); }
 html.ysa-connected-preview .ysa-label-tree-name-text { flex:1; }
 html.ysa-connected-preview .ysa-label-tree-path { white-space:normal; overflow-wrap:anywhere; }
 html.ysa-connected-preview .ysa-label-tree-instruction { grid-column:1/-1; }
 html.ysa-connected-preview .rr-records .ysa-lab-pill { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
 html.ysa-connected-preview #framework_main :is(.ysa-content-actions,.ysa-contact-actions,.ysa-label-tree-actions,.ysa-lab-actions) :is(button,a) { min-height:44px; min-width:44px; }
 html.ysa-connected-preview :is(.ysa-label-editor__close,.ysa-fe-close) { width:44px; height:44px; }
}
html.ysa-connected-preview .ysa-label-editor input.ysa-color-editor__source { width:1px; }
html.ysa-connected-preview .ysa-contacts-table thead th :is(span,small) { display:block; font-size:11px; }
html.ysa-connected-preview .rr-quick-form .rr-record-error { max-width:430px; padding:10px 12px; border-radius:10px; color:#963e36; background:#fbefeb; font-size:12px; line-height:1.5; }
html.ysa-connected-preview #framework_main .rr-quick-page:has(.rr-quick-form) { max-width:880px; }
html.ysa-connected-preview #framework_main .rr-quick-form>.config_table td:first-child { width:100%; padding:0; }
/* These view-owned status nodes are inline feedback, independent of global toast. */
html.ysa-connected-preview :is(.ysa-label-editor,.ysa-field-editor,.rr-quick-form,.rr-article-form) #form_response { position:static; inset:auto; z-index:auto; transform:none; display:block; width:auto; max-width:none; padding:0; margin:0; border:0; border-radius:0; box-shadow:none; background:transparent; color:#687673; font:400 12px/1.5 Inter,sans-serif; text-align:left; }
html.ysa-connected-preview :is(.ysa-label-editor,.ysa-field-editor) #form_response.is-error { color:#963e36; }
html.ysa-connected-preview #framework_main .rr-quick-form :is(#form_response,#form_delete_response).rr-record-error { position:static; inset:auto; transform:none; max-width:430px; padding:10px 12px; border-radius:10px; color:#963e36; background:#fbefeb; font:400 12px/1.5 Inter,sans-serif; text-align:left; box-shadow:none; }
@media(max-width:700px) {
 html.ysa-connected-preview :is(.rr-records,.ysa-label-editor,.ysa-field-editor) button { min-height:44px; }
 html.ysa-connected-preview :is(.rr-records,.ysa-label-editor,.ysa-field-editor) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not(.ysa-color-editor__source),select) { min-height:44px; font-size:16px; }
}
/* Website-personalization experiments use a distinct commercial result view. */
html.ysa-connected-preview .ysa-cdp-results{min-width:0;max-width:1440px;margin:0 auto}
html.ysa-connected-preview .ysa-cdp-results__header{display:flex;align-items:start;justify-content:space-between;gap:22px;margin-bottom:20px}
html.ysa-connected-preview .ysa-cdp-results__header h1{font:400 28px/1.2 var(--ysa-font-heading);margin:0 0 8px;overflow-wrap:anywhere}
html.ysa-connected-preview .ysa-cdp-results__header p{font-size:12.5px;line-height:1.6;color:var(--ysa-text-3)}
html.ysa-connected-preview .ysa-cdp-results__action{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;padding:9px 12px;border:1px solid var(--ysa-line);border-radius:10px;background:var(--ysa-sheet);font-size:12px;font-weight:600}
html.ysa-connected-preview .ysa-cdp-results__context{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
html.ysa-connected-preview .ysa-cdp-results__context>span{padding:6px 9px;border-radius:999px;background:var(--ysa-canvas);font-size:10.5px;line-height:1.5;color:var(--ysa-text-3)}
html.ysa-connected-preview .ysa-cdp-source-state{display:flex;align-items:start;justify-content:space-between;gap:16px;margin:0 0 20px;padding:18px;border:1px solid var(--ysa-line);border-radius:14px;background:var(--ysa-sage-soft)}
html.ysa-connected-preview .ysa-cdp-source-state strong{display:block;margin-bottom:6px;font-size:13px}
html.ysa-connected-preview .ysa-cdp-source-state p{font-size:12px;line-height:1.6;color:var(--ysa-text-3);max-width:90ch}
html.ysa-connected-preview .ysa-cdp-source-state>span{padding:4px 8px;border-radius:999px;background:var(--ysa-sheet);font-size:10.5px;font-weight:600}
html.ysa-connected-preview .ysa-cdp-source-state.is-unavailable{background:var(--ysa-caution-soft);border-color:var(--ysa-danger-line)}
html.ysa-connected-preview .ysa-cdp-arm-result{margin-bottom:18px;border:1px solid var(--ysa-line);border-radius:16px;background:var(--ysa-sheet);overflow:hidden}
html.ysa-connected-preview .ysa-cdp-arm-result__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--ysa-line);background:var(--ysa-canvas)}
html.ysa-connected-preview .ysa-cdp-arm-result.is-treatment .ysa-cdp-arm-result__heading{background:var(--ysa-sage-soft)}
html.ysa-connected-preview .ysa-cdp-arm-result__heading h2{font:400 20px/1.25 var(--ysa-font-heading);margin:0 0 5px}
html.ysa-connected-preview .ysa-cdp-arm-result__heading p{font-size:11.5px;color:var(--ysa-text-3);line-height:1.5}
html.ysa-connected-preview .ysa-cdp-arm-result__heading>strong{flex-shrink:0;font-size:14px;font-weight:600}
html.ysa-connected-preview .ysa-cdp-commercial-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
html.ysa-connected-preview .ysa-cdp-commercial-metric{min-width:0;padding:18px 16px;border-right:1px solid var(--ysa-line)}
html.ysa-connected-preview .ysa-cdp-commercial-metric:last-child{border-right:0}
html.ysa-connected-preview .ysa-cdp-commercial-metric>span{display:block;margin-bottom:10px;font-size:10.5px;line-height:1.5;color:var(--ysa-text-3)}
html.ysa-connected-preview .ysa-cdp-commercial-metric>b{display:block;font-size:18px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
html.ysa-connected-preview .ysa-cdp-money-lines{display:grid;gap:3px}
html.ysa-connected-preview .ysa-cdp-money-lines span{display:block}
html.ysa-connected-preview .ysa-cdp-money-lines em{font-size:10px;font-style:normal;font-weight:400;color:var(--ysa-text-3)}
html.ysa-connected-preview .ysa-cdp-comparison{padding:20px;border:1px solid var(--ysa-line);border-radius:16px;background:var(--ysa-sheet);overflow:auto}
html.ysa-connected-preview .ysa-cdp-comparison h2{font:400 21px/1.25 var(--ysa-font-heading);margin:0 0 7px}
html.ysa-connected-preview .ysa-cdp-comparison>p{font-size:12px;line-height:1.6;color:var(--ysa-text-3);margin:0 0 16px}
html.ysa-connected-preview .ysa-cdp-comparison table{min-width:500px;font-size:11.5px}
html.ysa-connected-preview .ysa-cdp-comparison table :is(th,td){padding:12px 10px;line-height:1.5}
html.ysa-connected-preview .ysa-cdp-comparison th{color:var(--ysa-text-3)}
html.ysa-connected-preview .ysa-cdp-comparison td:last-child{font-weight:600}
html.ysa-connected-preview .ysa-cdp-results__footnote{margin:16px 0 0;max-width:105ch;font-size:11px;line-height:1.7;color:var(--ysa-text-3)}
@media(max-width:1100px){html.ysa-connected-preview .ysa-cdp-commercial-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}html.ysa-connected-preview .ysa-cdp-commercial-metric{border-bottom:1px solid var(--ysa-line)}}
@media(max-width:720px){html.ysa-connected-preview :is(.ysa-cdp-results__header,.ysa-cdp-source-state,.ysa-cdp-arm-result__heading){flex-direction:column;align-items:start}html.ysa-connected-preview .ysa-cdp-commercial-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}html.ysa-connected-preview .ysa-cdp-commercial-metric{padding:14px 12px}html.ysa-connected-preview .ysa-cdp-commercial-metric>b{font-size:16px}html.ysa-connected-preview .ysa-cdp-comparison{padding:16px}html.ysa-connected-preview .ysa-cdp-results__header h1{font-size:25px}}
@media(max-width:360px){html.ysa-connected-preview .ysa-cdp-commercial-metrics{grid-template-columns:minmax(0,1fr)}html.ysa-connected-preview .ysa-cdp-commercial-metric{border-right:0}}

/* Existing flow/article usage drilldown, with its original read and pagination controls. */
.ysa-connected-preview .ysa-usage-page{max-width:1200px;margin-inline:auto;min-width:0;color:var(--ysa-ink)}
.ysa-connected-preview .ysa-usage-page .ysa-content-header{display:block;margin:0 0 24px;overflow-wrap:anywhere}
.ysa-connected-preview .ysa-usage-page .ysa-content-header p{margin:8px 0 0;font-size:12px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-usage-back{min-height:32px;border:0;padding:0;background:none;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}
.ysa-connected-preview .ysa-usage-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.ysa-connected-preview .ysa-usage-overview .ysa-content-card{display:flex;flex-direction:column;gap:8px;margin:0;padding:20px}
.ysa-connected-preview .ysa-usage-overview strong{font-size:28px;line-height:1.25;font-weight:600;font-variant-numeric:tabular-nums}
.ysa-connected-preview .ysa-usage-overview span{font-size:12px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-usage-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:20px;border-bottom:1px solid var(--ysa-line)}
.ysa-connected-preview .ysa-usage-toolbar h2{margin:0 0 7px;font:400 21px/1.3 var(--ysa-font-heading)}
.ysa-connected-preview .ysa-usage-toolbar p{margin:0;font-size:12px;line-height:1.55;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-usage-select{display:flex;flex-direction:column;gap:8px;flex:0 1 300px;min-width:0;font-size:12px;font-weight:600}
.ysa-connected-preview .ysa-usage-select select{width:100%;min-height:44px}
.ysa-connected-preview .ysa-usage-conversation{padding:20px;border-bottom:1px solid var(--ysa-line-soft);overflow-wrap:anywhere}
.ysa-connected-preview .ysa-usage-conversation-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.ysa-connected-preview .ysa-usage-conversation h3{margin:0;font:400 18px/1.35 var(--ysa-font-heading)}
.ysa-connected-preview .ysa-usage-conversation time{flex:none;font-size:11px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-usage-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0;font-size:11px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-usage-summary{margin:0 0 8px;font-size:13px;line-height:1.65;color:var(--ysa-ink)}
.ysa-connected-preview .ysa-usage-open{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px;color:var(--ysa-ink)}
.ysa-connected-preview .ysa-usage-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px;font-size:12px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-usage-pagination>div{display:flex;gap:8px}
.ysa-connected-preview .ysa-usage-page [aria-busy=true]{opacity:.65}
.ysa-connected-preview .ysa-usage-page button:disabled{opacity:.45;cursor:default}
@media(max-width:720px){.ysa-connected-preview .ysa-usage-toolbar,.ysa-connected-preview .ysa-usage-conversation-heading{flex-direction:column;align-items:stretch;gap:10px}.ysa-connected-preview .ysa-usage-select{flex:auto}.ysa-connected-preview .ysa-usage-overview{gap:10px}.ysa-connected-preview .ysa-usage-overview .ysa-content-card,.ysa-connected-preview .ysa-usage-toolbar,.ysa-connected-preview .ysa-usage-conversation,.ysa-connected-preview .ysa-usage-pagination{padding:16px}.ysa-connected-preview .ysa-usage-overview strong{font-size:26px}}

/* Native public Contact facts use definition lists, including supplemental details. */
html.ysa-connected-preview .ysa-contact-profile dl.ysa-contact-detail-table{margin:0;padding:0;min-width:0;line-height:1.6}
html.ysa-connected-preview .ysa-contact-profile .ysa-contact-fields-form+dl.ysa-contact-detail-table{margin-top:16px}
html.ysa-connected-preview .ysa-contact-profile dl.ysa-contact-detail-table>.ysa-contact-detail-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:8px 16px;min-width:0;padding:12px 0;border-bottom:1px solid var(--ysa-line-soft)}
html.ysa-connected-preview .ysa-contact-profile dl.ysa-contact-detail-table>.ysa-contact-detail-row:last-child{border-bottom:0;padding-bottom:0}
html.ysa-connected-preview .ysa-contact-profile dl.ysa-contact-detail-table :is(dt,dd){min-width:0;margin:0;overflow-wrap:anywhere}
html.ysa-connected-preview .ysa-contact-profile dl.ysa-contact-detail-table dt{color:var(--ysa-text-muted)}
html.ysa-connected-preview .rr-article-form #article_status.rr-article-status-error{max-width:430px;padding:10px 12px;border-radius:10px;color:#963e36;background:#fbefeb;font-size:12px;line-height:1.5}
@media(max-width:600px){html.ysa-connected-preview .ysa-contact-profile dl.ysa-contact-detail-table>.ysa-contact-detail-row{grid-template-columns:minmax(0,1fr);gap:4px}}

/* Preserve the original disclosure markers and give both mobile summaries room to tap. */
@media(max-width:720px){
 html.ysa-connected-preview :is(.ysa-label-editor__example,.ysa-fe-danger)>summary:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *)){box-sizing:border-box;min-height:44px;padding-block:12px;line-height:1.5}
}