/* Actionable results inside the existing, proportionally scaled chat composition. */
body #main .uploaded-example .fc-deliverable { padding:12px; gap:10px; }
body #main .uploaded-example .fc-deliverable .fc-card { padding:12px 14px; gap:10px; }
body #main .uploaded-example .fc-deliverable .fc-ch h3 { font-size:15px; font-weight:600; }
body #main .uploaded-example .fc-deliverable .fc-meta { font-size:12px; line-height:1.4; }
body #main .uploaded-example .fc-deliverable .fc-stat .v { font-size:22px; }
body #main .uploaded-example .fc-deliverable .fc-stat .d { font-size:12px; }
body #main .uploaded-example .fc-deliverable .fc-meter .v { font-size:23px; }
body #main .uploaded-example .fc-deliverable .fc-meter .fc-track,
body #main .uploaded-example .fc-deliverable .fc-meter .f { margin-top:5px; }
body #main .uploaded-example .fc-deliverable .fc-meter .v { margin-top:3px; }
body #main .uploaded-example .fc-deliverable .fc-stats { padding:10px 0; }
body #main .uploaded-example .fc-deliverable .fc-evidence { display:block; margin-top:4px; font-size:12px; color:#98989e; line-height:1.45; }
body #main .uploaded-example .fc-deliverable .fc-draft-label { display:block; font-size:11.5px; font-weight:600; color:#a8bcdc; margin-bottom:4px; letter-spacing:.01em; }
body #main .uploaded-example .fc-deliverable .fc-legend { font-size:12px; gap:8px 18px; }
body #main .uploaded-example .fc-deliverable .fc-tip { z-index:5; }
body #main .uploaded-example .fc-deliverable .fc-tip,
body #main .uploaded-example .fc-deliverable .fc-cross,
body #main .uploaded-example .fc-deliverable .fc-hot { opacity:0; transition:opacity .15s; }
body #main .uploaded-example .fc-deliverable .is-hover .fc-tip,
body #main .uploaded-example .fc-deliverable .is-hover .fc-cross,
body #main .uploaded-example .fc-deliverable .is-hover .fc-hot { opacity:1; }

/* Customer success: health, a wide trend, then three ready-to-review messages. */
body #main .uploaded-example .fc-deliverable .fc-followups { gap:0; }
body #main .uploaded-example .fc-deliverable .fc-followups .fc-ch { margin-bottom:8px; }
body #main .uploaded-example .fc-deliverable .fc-followup { display:grid; grid-template-columns:32% 1fr; gap:18px; padding:9px 0; border-top:1px solid #252525; }
body #main .uploaded-example .fc-deliverable .fc-followup strong { font-size:13.5px; font-weight:600; }
body #main .uploaded-example .fc-deliverable .fc-issue { display:block; font-size:12px; color:#d2d2d4; margin-top:3px; }
body #main .uploaded-example .fc-deliverable .fc-followup p { margin:0; font-size:13px; line-height:1.5; color:#dedee0; }
body #main .uploaded-example .fc-deliverable .fc-followup .fc-draft-label { display:inline; margin-right:8px; }

/* Operations: the funnel and recovery proposals share the same row. */
body #main .uploaded-example .fc-deliverable .fc-onboarding-columns { display:grid; grid-template-columns:.9fr 1.1fr; gap:10px; }
body #main .uploaded-example .fc-deliverable .fc-onboarding-stages { gap:13px; }
body #main .uploaded-example .fc-deliverable .fc-onboarding-stages .fc-track { height:10px; margin-top:6px; }
body #main .uploaded-example .fc-deliverable .fc-onboarding-stages .top small { margin-left:12px; color:#929299; font-size:12px; }
body #main .uploaded-example .fc-deliverable .fc-onboarding-flow .fc-sub { margin-top:auto; }
body #main .uploaded-example .fc-deliverable .fc-onboarding-plans { gap:0; }
body #main .uploaded-example .fc-deliverable .fc-onboarding-plans .fc-ch { margin-bottom:6px; }
body #main .uploaded-example .fc-deliverable .fc-recovery { padding:8px 0; border-top:1px solid #252525; }
body #main .uploaded-example .fc-deliverable .fc-recovery > div { display:flex; justify-content:space-between; align-items:center; }
body #main .uploaded-example .fc-deliverable .fc-recovery strong { font-size:13px; }
body #main .uploaded-example .fc-deliverable .fc-recovery p { margin:3px 0 0; font-size:12.5px; line-height:1.45; color:#ccc; }
body #main .uploaded-example .fc-deliverable .fc-recovery .fc-blocker { color:#e9a07e; }

/* Finance: retain the scatter plot and an account-level spend sidebar. */
body #main .uploaded-example .fc-deliverable .fc-finance-columns { display:grid; grid-template-columns:1.25fr .9fr; gap:10px; }
body #main .uploaded-example .fc-deliverable .fc-ai-spend .fc-bars { gap:13px; }
body #main .uploaded-example .fc-deliverable .fc-ai-spend .fc-track { margin-top:6px; }
body #main .uploaded-example .fc-deliverable .fc-ai-spend .top { font-size:13px; }
body #main .uploaded-example .fc-deliverable .fc-margin-plan { border-top:1px solid #303030; margin-top:auto; padding-top:10px; }
body #main .uploaded-example .fc-deliverable .fc-margin-plan p { font-size:12.5px; line-height:1.5; margin:0; color:#d3d3d7; }
body #main .uploaded-example .fc-deliverable .fc-review-row { display:grid; grid-template-columns:23% 49% 28%; padding:10px 0; border-top:1px solid #252525; font-size:13px; line-height:1.45; gap:0; }
body #main .uploaded-example .fc-deliverable .fc-review-row > * { min-width:0; padding-right:10px; }
body #main .uploaded-example .fc-deliverable .fc-review-head { color:#929298; border-top:0; padding:0 0 7px; font-size:12px; }
body #main .uploaded-example .fc-deliverable .fc-review-row .fc-correction { color:#c1d5f1; }

/* Marketing: channel comparison, a wide chart, and a budget with a brief. */
body #main .uploaded-example .fc-deliverable .fc-campaign-overview .fc-meters { grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }
body #main .uploaded-example .fc-deliverable .fc-campaign-overview .fc-meter .l { font-size:13px; }
body #main .uploaded-example .fc-deliverable .fc-campaign-overview .fc-meter .f { font-size:11.5px; display:block; }
body #main .uploaded-example .fc-deliverable .fc-budget-bar { display:flex; height:12px; gap:3px; border-radius:4px; overflow:hidden; }
body #main .uploaded-example .fc-deliverable .fc-budget-labels { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
body #main .uploaded-example .fc-deliverable .fc-budget-labels > div { display:flex; flex-direction:column; gap:4px; }
body #main .uploaded-example .fc-deliverable .fc-budget-labels span { display:flex; align-items:center; gap:5px; font-size:11.5px; color:#bbb; }
body #main .uploaded-example .fc-deliverable .fc-budget-labels i { width:6px; height:6px; border-radius:2px; }
body #main .uploaded-example .fc-deliverable .fc-budget-labels b { font-size:15px; font-weight:600; }
body #main .uploaded-example .fc-deliverable .fc-budget-labels small { color:#999; font-size:12px; font-weight:500; }
body #main .uploaded-example .fc-deliverable .fc-campaign-brief { display:grid; grid-template-columns:1.1fr 1.3fr .9fr; gap:18px; border-top:1px solid #292929; padding-top:10px; }
body #main .uploaded-example .fc-deliverable .fc-campaign-brief p { font-size:12.5px; line-height:1.5; color:#ccc; margin:4px 0 0; }
body #main .uploaded-example .fc-deliverable .fc-campaign-brief strong { font-size:11.5px; color:#a8bcdc; font-weight:600; }

/* Keep the complete deliverable in view without changing the chat's 16:10 frame. */
body #main .uploaded-example .fc-deliverable-success { display:grid; grid-template-columns:27% 1fr; gap:10px; }
body #main .uploaded-example .fc-health-overview .fc-ch { align-items:start; flex-direction:column; gap:3px; }
body #main .uploaded-example .fc-health-overview .fc-meters { display:flex; flex-direction:column; gap:13px; padding:0; }
body #main .uploaded-example .fc-health-overview .fc-meter { display:grid; grid-template-columns:1fr auto; gap:3px 6px; padding:0; margin:0; }
body #main .uploaded-example .fc-health-overview .fc-meter .l { font-size:12px; }
body #main .uploaded-example .fc-health-overview .fc-meter .v { font-size:21px; margin:0; grid-column:2; grid-row:1 / 3; align-self:center; }
body #main .uploaded-example .fc-health-overview .fc-meter .f { font-size:11px; margin:0; }
body #main .uploaded-example .fc-health-overview .fc-track { grid-column:1 / -1; height:3px; margin:1px 0 0; }
body #main .uploaded-example .fc-health-trend { justify-content:space-between; }
body #main .uploaded-example .fc-health-trend .fc-ch { gap:8px; align-items:start; }
body #main .uploaded-example .fc-deliverable .fc-customer-progress { display:grid; grid-template-columns:38% 1fr; gap:18px; align-items:start; }
body #main .uploaded-example .fc-deliverable .fc-cs-graph { display:flex; flex-direction:column; gap:10px; min-width:0; }
body #main .uploaded-example .fc-deliverable .fc-cs-graph .fc-ch { flex-direction:column; gap:3px; align-items:start; }
body #main .uploaded-example .fc-deliverable .fc-cs-graph .fc-ch h3 { font-size:14px; white-space:nowrap; }
body #main .uploaded-example .fc-deliverable .fc-cs-graph .fc-meta { font-size:11.5px; text-align:left; }
body #main .uploaded-example .fc-deliverable .fc-cs-graph .fc-legend { gap:10px; font-size:11.5px; flex-wrap:nowrap; }
body #main .uploaded-example .fc-deliverable .fc-cs-note { font-size:11.5px; line-height:1.4; color:#95959d; }
body #main .uploaded-example .fc-deliverable .fc-cs-note b { color:#d9d9e0; font-weight:600; }
body #main .uploaded-example .fc-deliverable .fc-ldot { opacity:0; }
body #main .uploaded-example .fc-deliverable .is-hover .fc-ldot { opacity:1; }
body #main .uploaded-example .fc-deliverable .fc-cs-graph .fc-tip { min-width:220px; width:max-content; max-width:280px; bottom:28px; }
body #main .uploaded-example .fc-followups { grid-column:1 / -1; }
body #main .uploaded-example .fc-onboarding-flow { grid-column:1; grid-row:1; }
body #main .uploaded-example .fc-onboarding-trend { grid-column:1; grid-row:2; }
body #main .uploaded-example .fc-onboarding-plans { grid-column:2; grid-row:1 / 3; }
body #main .uploaded-example .fc-onboarding-columns { grid-template-columns:.95fr 1.05fr; }
body #main .uploaded-example .fc-onboarding-plans .fc-recovery { padding:13px 0; }
body #main .uploaded-example .fc-onboarding-stages { gap:9px; }
body #main .uploaded-example .fc-onboarding-stages .fc-track { height:7px; margin-top:4px; }
body #main .uploaded-example .fc-onboarding-trend .fc-ch { align-items:start; gap:7px; }
body #main .uploaded-example .fc-onboarding-trend .fc-meta { max-width:85px; }
body #main .uploaded-example .fc-onboarding-trend .fc-legend { font-size:11px; gap:7px; }
body #main .uploaded-example .fc-finance-columns { grid-template-columns:1fr 1fr; }
body #main .uploaded-example .fc-deliverable .fc-review-row { padding:7px 0; font-size:12.5px; }
body #main .uploaded-example .fc-deliverable .fc-review-head { padding:0 0 5px; }
body #main .uploaded-example .fc-deliverable .fc-review-row .fc-evidence { font-size:11.5px; margin-top:2px; }
/* Final compact spacing applies to the report itself, independently of viewport scale. */
body #main .uploaded-example .fc-deliverable strong { color:#ececf0; }
body #main .uploaded-example .fc-deliverable .fc-onboarding-columns { grid-template-columns:.95fr 1.05fr; }
body #main .uploaded-example .fc-deliverable .fc-onboarding-stages { gap:7px; }
body #main .uploaded-example .fc-deliverable .fc-onboarding-stages .fc-track { height:7px; margin-top:4px; }
body #main .uploaded-example .fc-deliverable .fc-onboarding-plans .fc-recovery { padding:10px 0; }
body #main .uploaded-example .fc-deliverable .fc-onboarding-trend .fc-ch h3 { font-size:13px; }
body #main .uploaded-example .fc-deliverable .fc-finance-columns { grid-template-columns:1fr 1fr; }
body #main .uploaded-example .fc-deliverable .fc-review-row { padding:4px 0; line-height:1.3; }
body #main .uploaded-example .fc-deliverable .fc-review-row .fc-evidence { margin-top:1px; font-size:11px; line-height:1.3; }
body #main .uploaded-example .fc-deliverable .fc-review-head { padding:0 0 4px; }
body #main .uploaded-example .fc-deliverable .fc-campaign-overview { padding:9px 12px; gap:6px; }
body #main .uploaded-example .fc-deliverable .fc-campaign-overview .fc-meters { gap:13px; }
body #main .uploaded-example .fc-deliverable .fc-campaign-overview .fc-meter .v { font-size:21px; line-height:1.1; margin-top:2px; }
body #main .uploaded-example .fc-deliverable .fc-campaign-overview .fc-meter .l { font-size:12px; white-space:nowrap; }
body #main .uploaded-example .fc-deliverable .fc-campaign-overview .fc-meter .f { font-size:11px; line-height:1.3; margin-top:3px; white-space:nowrap; }
body #main .uploaded-example .fc-deliverable .fc-campaign-overview .fc-track { height:3px; margin-top:4px; }
body #main .uploaded-example .fc-deliverable-finance { gap:8px; }
body #main .uploaded-example .fc-deliverable-finance .fc-ai-spend .fc-bars { gap:8px; }
body #main .uploaded-example .fc-deliverable-finance .fc-ai-spend .fc-track { margin-top:4px; }
body #main .uploaded-example .fc-deliverable-finance .fc-margin-plan { padding-top:7px; }
body #main .uploaded-example .fc-deliverable-finance .fc-card { gap:8px; padding-top:10px; padding-bottom:10px; }
/* Scale the complete composition on phones, including borders and native gutters. */
@media(max-width:950px){
 body #main .uploaded-example:not([data-example-role="product"]) { height:42.279412cqw; }
 body #main .uploaded-example:not([data-example-role="product"]) .fc-uc {
  zoom:1; transform:scale(calc(100cqw / 1360px)); transform-origin:top left;
 }
}