/* Answer quality · fresh presentation from supplied artboard 6s. */
.ysa-connected-preview #framework_main.quality_center { padding:28px 32px 32px; }
.ysa-connected-preview .ysa-quality-page { min-width:0; }
.ysa-connected-preview .ysa-quality-breadcrumb { display:flex; align-items:center; gap:5px; margin:0 0 6px; color:var(--ysa-text-muted); font-size:10.5px; font-weight:700; letter-spacing:.12em; line-height:1.4; text-transform:uppercase; }
.ysa-connected-preview .ysa-quality-breadcrumb > :is(strong,span:nth-child(4)) { display:none; }
.ysa-connected-preview .ysa-quality-breadcrumb > span:nth-child(2) { font-size:0; }
.ysa-connected-preview .ysa-quality-breadcrumb > span:nth-child(2)::after { content:"·"; font-size:10.5px; }
.ysa-connected-preview .ysa-quality-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 22px; }
.ysa-connected-preview .ysa-quality-header > div:first-child { min-width:0; }
.ysa-connected-preview .ysa-quality-header h1 { margin:0; font:400 30px/1.1 var(--ysa-font-heading); letter-spacing:-.01em; }
.ysa-connected-preview .ysa-quality-header h1 span { display:none; }
.ysa-connected-preview .ysa-quality-header p { max-width:740px; margin:6px 0 0; color:var(--ysa-text-muted); font-size:14px; line-height:1.5; }
.ysa-connected-preview .ysa-quality-actions { display:flex; align-items:center; gap:8px; flex:none; }
.ysa-connected-preview .ysa-quality-actions button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:0 14px; border:1px solid var(--ysa-line); border-radius:10px; background:white; color:var(--ysa-ink); font-size:13px; font-weight:600; white-space:nowrap; }
.ysa-connected-preview .ysa-quality-actions .ysa-quality-primary-btn { background:var(--ysa-ink); color:white; border-color:var(--ysa-ink); }
.ysa-connected-preview .ysa-quality-intro { display:none; }
.ysa-connected-preview .ysa-quality-dashboard-slot { min-height:180px; }
.ysa-connected-preview .ysa-quality-dashboard-slot.is-loading { cursor:progress; }
.ysa-connected-preview .ysa-quality-dashboard-slot.is-loading .form_response_waiting { display:flex; align-items:center; justify-content:center; gap:12px; min-height:180px; padding:24px; color:var(--ysa-text-muted); font-size:13px; }
.ysa-connected-preview .ysa-quality-dashboard-slot.is-loading .form_response_waiting::before { content:""; flex:none; width:18px; height:18px; border:2px solid var(--ysa-line); border-top-color:var(--ysa-ink); border-radius:50%; animation:ysa-quality-loading 800ms linear infinite; }
.ysa-connected-preview .ysa-quality-dashboard-slot.is-loading .form_response_waiting::after { content:"Loading quality signals…"; }
@keyframes ysa-quality-loading { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .ysa-connected-preview .ysa-quality-dashboard-slot.is-loading .form_response_waiting::before { animation:none; } }
.ysa-connected-preview .quality-center-dashboard { min-width:0; }
.ysa-connected-preview .quality-center-kpis { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin:0 0 16px; }
.ysa-connected-preview .quality-center-kpi { min-width:0; min-height:108px; padding:14px 16px; border:1px solid var(--ysa-line); border-radius:16px; background:var(--ysa-sheet); }
.ysa-connected-preview .quality-center-kpi-label { margin-bottom:7px; color:var(--ysa-text-muted); font-size:12.5px; line-height:1.45; overflow-wrap:anywhere; }
.ysa-connected-preview .quality-center-kpi-value { color:var(--ysa-ink); font-size:26px; font-weight:600; letter-spacing:-.02em; line-height:1.1; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.ysa-connected-preview .quality-center-kpi .quality-center-muted { margin-top:7px; font-size:11.5px; }
.ysa-connected-preview .quality-center-muted { color:var(--ysa-text-muted); font-size:12.5px; line-height:1.45; overflow-wrap:anywhere; }
.ysa-connected-preview .quality-center-toolbar-card { margin:0 0 16px; }
.ysa-connected-preview .quality-center-toolbar { display:flex; align-items:center; gap:8px; min-width:0; }
.ysa-connected-preview .quality-center-search { display:flex; align-items:center; gap:8px; width:320px; max-width:100%; min-width:0; min-height:38px; padding:0 12px; border:1px solid var(--ysa-line); border-radius:10px; color:var(--ysa-text-muted); }
.ysa-connected-preview .quality-center-search input { min-width:0; width:100%; min-height:36px; padding:0; border:0; background:transparent; box-shadow:none; font-size:13px; }
.ysa-connected-preview .quality-center-search:focus-within { outline:2px solid var(--ysa-ink); outline-offset:3px; }
.ysa-connected-preview .quality-center-search input:focus-visible { outline:0; }
.ysa-connected-preview .quality-center-select { display:flex; align-items:center; gap:10px; flex:none; color:var(--ysa-text-muted); font-size:12.5px; }
.ysa-connected-preview .quality-center-select select { width:107px; min-width:107px; min-height:38px; padding:8px 18px 8px 10px; font-size:12.5px; }
.ysa-connected-preview .quality-center-count { margin-left:auto; color:var(--ysa-text-muted); font-size:12.5px; white-space:nowrap; }
.ysa-connected-preview .quality-center-filter-empty { margin-top:12px; padding:12px 16px; border-radius:10px; background:var(--ysa-canvas); color:var(--ysa-text-muted); font-size:13px; }
.ysa-connected-preview .quality-center-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:stretch; }
.ysa-connected-preview .quality-center-section { min-width:0; padding:14px 20px 18px; border:1px solid var(--ysa-line); border-radius:18px; background:white; }
.ysa-connected-preview .quality-center-leakage { grid-column:1/-1; grid-row:1; }
.ysa-connected-preview .quality-center-confidence { grid-column:1/-1; grid-row:2; width:calc((100% - 16px) / 2.3); }
.ysa-connected-preview .quality-center-recommendation-section { grid-column:1/-1; grid-row:2; width:calc((100% - 16px) * 1.3 / 2.3); justify-self:end; }
.ysa-connected-preview .quality-center-feedback { grid-column:1; grid-row:3; }
.ysa-connected-preview .quality-center-health { grid-column:2; grid-row:3; }
.ysa-connected-preview .quality-center-experiments { grid-column:3; grid-row:3; }
.ysa-connected-preview .quality-center-section-head { display:flex; align-items:start; justify-content:space-between; gap:14px; margin:0 0 16px; }
.ysa-connected-preview .quality-center-section-head h2 { margin:0 0 2px; font:400 18px/1.2 var(--ysa-font-heading); letter-spacing:0; }
.ysa-connected-preview .quality-center-section-count { flex:none; padding-top:2px; color:var(--ysa-text-muted); font-size:12.5px; }
.ysa-connected-preview :is(.quality-center-feedback,.quality-center-health,.quality-center-experiments) .quality-center-section-head .quality-center-muted { display:none; }
.ysa-connected-preview .quality-center-table-wrap { min-width:0; overflow:auto; overscroll-behavior:contain; }
.ysa-connected-preview .quality-center-table { width:100%; border-collapse:collapse; text-align:left; font-size:13px; line-height:1.45; }
.ysa-connected-preview .quality-center-table :is(th,td) { height:auto; padding:10px 10px 10px 0; border:0; border-bottom:1px solid var(--ysa-line-soft); vertical-align:top; background:transparent; }
.ysa-connected-preview .quality-center-table th { padding-top:8px; padding-bottom:11px; border-bottom-color:var(--ysa-line); color:var(--ysa-text-muted); font-size:11.5px; font-weight:600; white-space:nowrap; }
.ysa-connected-preview .quality-center-table th:last-child,.ysa-connected-preview .quality-center-table td:last-child { padding-right:0; }
.ysa-connected-preview .quality-center-table tbody tr:last-child td { border-bottom:0; padding-bottom:0; }
.ysa-connected-preview .quality-center-table strong { font-weight:600; }
.ysa-connected-preview .quality-center-table td .quality-center-muted { margin-top:2px; }
.ysa-connected-preview .quality-center-leakage th:first-child { width:27%; }
.ysa-connected-preview .quality-center-leakage th:nth-child(2) { width:10%; }
.ysa-connected-preview .quality-center-leakage th:nth-child(3) { width:10%; }
.ysa-connected-preview .quality-center-leakage th:nth-child(4) { width:21%; }
.ysa-connected-preview .quality-center-links { width:28%; }
.ysa-connected-preview :is(.quality-center-example,.quality-center-conversation) { display:block; width:100%; min-height:24px; padding:0; border:0; border-radius:3px; background:transparent; color:var(--ysa-ink); text-align:left; font:inherit; line-height:1.5; cursor:pointer; white-space:normal; overflow-wrap:anywhere; }
.ysa-connected-preview .quality-center-example + .quality-center-example { margin-top:4px; }
.ysa-connected-preview .quality-center-example strong { font-weight:400; }
.ysa-connected-preview :is(.quality-center-example,.quality-center-conversation):hover { text-decoration:underline; }
.ysa-connected-preview .quality-center-confidence td:nth-child(2) { color:var(--ysa-danger-text); font-variant-numeric:tabular-nums; }
.ysa-connected-preview .quality-center-confidence td:last-child { color:var(--ysa-text-muted); font-size:12.5px; }
.ysa-connected-preview :is(.quality-center-pill,.quality-center-priority) { display:inline-flex; align-items:center; min-height:23px; padding:3px 9px; border-radius:999px; background:var(--ysa-canvas); color:var(--ysa-ink); font-size:12px; font-weight:600; line-height:1.4; }
.ysa-connected-preview .quality-center-priority-high { background:var(--ysa-danger-soft); color:var(--ysa-danger-text); }
.ysa-connected-preview .quality-center-priority-medium { background:var(--ysa-caution-soft); color:var(--ysa-caution-text); }
.ysa-connected-preview .quality-center-priority-low { color:var(--ysa-text-muted); }
.ysa-connected-preview .quality-center-recommendation { display:grid; grid-template-columns:72px minmax(0,1fr); column-gap:14px; padding:12px 0; border-bottom:1px solid var(--ysa-line-soft); }
.ysa-connected-preview .quality-center-recommendation:first-child { padding-top:4px; }
.ysa-connected-preview .quality-center-recommendation:last-child { padding-bottom:0; border-bottom:0; }
.ysa-connected-preview .quality-center-recommendation-head { grid-row:1 / span 3; }
.ysa-connected-preview .quality-center-recommendation-head .quality-center-priority { width:72px; }
.ysa-connected-preview .quality-center-recommendation-head > :is(i,svg) { display:none; }
.ysa-connected-preview .quality-center-recommendation > strong { font-size:13.5px; font-weight:600; line-height:1.45; }
.ysa-connected-preview .quality-center-recommendation p { margin:3px 0 5px; color:var(--ysa-text-muted); font-size:12.5px; line-height:1.45; }
.ysa-connected-preview .quality-center-next { grid-column:2; color:var(--ysa-text-muted); font-size:12.5px; line-height:1.45; }
.ysa-connected-preview .quality-center-next::before { content:"Next step · "; color:var(--ysa-ink); font-weight:600; }
.ysa-connected-preview .quality-center-mini-stats > div { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid var(--ysa-line-soft); font-size:13px; }
.ysa-connected-preview .quality-center-mini-stats strong { order:2; color:var(--ysa-ink); font-weight:600; text-align:right; font-variant-numeric:tabular-nums; }
.ysa-connected-preview .quality-center-mini-stats span { color:var(--ysa-text-muted); }
.ysa-connected-preview .quality-center-mini-stats + .quality-center-muted { margin-top:8px; }
.ysa-connected-preview .quality-center-list { margin:0; padding:0; list-style:none; }
.ysa-connected-preview .quality-center-list > li { 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 .quality-center-list strong { min-width:0; font-weight:400; overflow-wrap:anywhere; }
.ysa-connected-preview .quality-center-list span { flex:none; font-weight:600; }
.ysa-connected-preview .quality-center-health-row progress { flex:0 1 120px; width:120px; height:6px; margin-left:auto; overflow:hidden; border:0; border-radius:8px; background:var(--ysa-canvas); accent-color:var(--ysa-sage); }
.ysa-connected-preview .quality-center-health-row progress::-webkit-progress-bar { background:var(--ysa-canvas); border-radius:8px; }
.ysa-connected-preview .quality-center-health-row progress::-webkit-progress-value { background:var(--ysa-sage); border-radius:8px; }
.ysa-connected-preview .quality-center-health-row.is-attention progress::-webkit-progress-value { background:#e4b53c; }
.ysa-connected-preview .quality-center-health-row.is-risk progress::-webkit-progress-value { background:#dc7390; }
.ysa-connected-preview .quality-center-health-row progress::-moz-progress-bar { background:var(--ysa-sage); }
.ysa-connected-preview .quality-center-health-row.is-attention progress::-moz-progress-bar { background:#e4b53c; }
.ysa-connected-preview .quality-center-health-row.is-risk progress::-moz-progress-bar { background:#dc7390; }
.ysa-connected-preview .quality-center-health-status { flex:none; background:var(--ysa-caution-soft); color:var(--ysa-caution-text); font-size:11.5px; }
.ysa-connected-preview .quality-center-health-totals { margin-top:9px; color:var(--ysa-text-muted); font-size:11.5px; }
.ysa-connected-preview .quality-center-action { display:inline-flex; align-items:center; gap:8px; min-height:38px; margin-top:10px; padding:0; border:0; background:transparent; color:var(--ysa-ink); font-size:13px; font-weight:600; }
.ysa-connected-preview .quality-center-action > :is(i,svg) { width:12px; opacity:.6; }
.ysa-connected-preview .quality-center-empty { display:flex; align-items:center; gap:10px; min-height:80px; padding:16px 0; color:var(--ysa-text-muted); font-size:13px; line-height:1.5; }
.ysa-connected-preview .quality-center-empty strong { font-weight:400; }
.ysa-connected-preview .quality-center-empty > :is(i,svg) { flex:none; width:20px; height:20px; }
.ysa-connected-preview .quality-center-footer { display:flex; align-items:center; gap:16px; margin-top:16px; padding:16px 20px; border-radius:14px; background:var(--ysa-canvas); }
.ysa-connected-preview .quality-center-footer span { color:var(--ysa-text-muted); font-size:12.5px; line-height:1.5; }
.ysa-connected-preview .quality-center-primary-action { flex:none; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:38px; padding:0 14px; border:1px solid var(--ysa-ink); border-radius:10px; background:var(--ysa-ink); color:white; font-size:13px; font-weight:600; }
.ysa-connected-preview .quality-center-row.is-hidden,.ysa-connected-preview .quality-center-recommendation.is-hidden { display:none; }
@media(max-width:1200px) {
 .ysa-connected-preview .quality-center-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .ysa-connected-preview .quality-center-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ysa-connected-preview .quality-center-grid > section { grid-row:auto; grid-column:auto; width:auto; justify-self:stretch; }
 .ysa-connected-preview .quality-center-grid > .quality-center-leakage { grid-column:1/-1; }
 .ysa-connected-preview .quality-center-recommendation-section { order:2; }
 .ysa-connected-preview .quality-center-confidence { order:1; }
 .ysa-connected-preview :is(.quality-center-feedback,.quality-center-health,.quality-center-experiments) { order:3; }
}
@media(max-width:720px) {
 .ysa-connected-preview #framework_main.quality_center { padding:24px 16px; }
 .ysa-connected-preview .ysa-quality-header { display:block; margin-bottom:20px; }
 .ysa-connected-preview .ysa-quality-header h1 { font-size:27px; }
 .ysa-connected-preview .ysa-quality-header p { font-size:13px; }
 .ysa-connected-preview .ysa-quality-actions { margin-top:16px; }
 .ysa-connected-preview .ysa-quality-actions button { min-height:44px; }
 .ysa-connected-preview .quality-center-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .ysa-connected-preview .quality-center-kpi { padding:14px; min-height:102px; }
 .ysa-connected-preview .quality-center-kpi-value { font-size:25px; }
 .ysa-connected-preview .quality-center-toolbar { flex-wrap:wrap; gap:10px; }
 .ysa-connected-preview .quality-center-search { width:100%; min-height:44px; }
 .ysa-connected-preview .quality-center-search input { min-height:42px; }
 .ysa-connected-preview .quality-center-select select { min-height:44px; }
 .ysa-connected-preview .quality-center-grid { display:flex; flex-direction:column; gap:14px; }
 .ysa-connected-preview .quality-center-section { padding:16px; }
 .ysa-connected-preview .quality-center-leakage .quality-center-table { min-width:840px; }
 .ysa-connected-preview .quality-center-confidence .quality-center-table { min-width:0; }
 .ysa-connected-preview .quality-center-confidence th:first-child { width:51%; }
 .ysa-connected-preview .quality-center-confidence th { font-size:10.5px; }
 .ysa-connected-preview .quality-center-confidence td { font-size:12px; }
 .ysa-connected-preview .quality-center-recommendation { grid-template-columns:1fr; gap:6px; }
 .ysa-connected-preview .quality-center-recommendation-head { grid-row:auto; }
 .ysa-connected-preview .quality-center-next { grid-column:1; }
 .ysa-connected-preview .quality-center-footer { flex-direction:column; align-items:start; padding:16px; }
}