.results-page, .campaign-detail-page { display: grid; gap: var(--space-6); }
.results-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 360px); align-items: end; gap: var(--space-6); }
.results-heading h1 { margin: 0; }
.results-heading .page-back { margin-bottom: var(--space-4); }
.results-heading .lead { margin: var(--space-2) 0 0; }
.results-heading .tip-card { min-height: 88px; }
.results-heading .tip-card p { margin: 0; }
.result-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
.result-metric-grid > .result-data-empty { grid-column: 1 / -1; }
.result-metric-card { min-width: 0; display: grid; align-content: start; gap: 4px; padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-sm); }
.result-metric-card .metric-icon { margin-bottom: var(--space-3); }
.result-metric-card > strong { font-size: clamp(25px, 3vw, 34px); letter-spacing: -.035em; overflow-wrap: anywhere; }
.result-metric-card > p { min-height: 42px; margin: 0; color: var(--color-text-secondary); line-height: 1.35; }
.result-metric-card small { display: block; margin-top: var(--space-2); font-size: 12px; line-height: 1.45; }
.metric-trend.positive { color: var(--color-success); }
.metric-trend.negative { color: var(--color-danger); }
.metric-trend.neutral, .metric-neutral { color: var(--color-text-secondary); }
.results-overview-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .72fr) minmax(250px, .6fr); gap: var(--space-4); align-items: stretch; }
.results-overview-grid > .card { min-width: 0; padding: var(--space-5); }
.results-overview-grid .section-head { align-items: start; margin: 0 0 var(--space-4); }
.results-overview-grid .section-head p { margin: 4px 0 0; color: var(--color-text-secondary); font-size: 13px; }
.result-performance-card, .active-campaigns-panel, .merchant-insights-panel { min-height: 390px; }
.results-performance { min-height: 285px; display: grid; align-content: center; }
.result-chart-summary { display: flex; justify-content: space-between; align-items: end; gap: var(--space-4); margin-bottom: var(--space-3); }
.result-chart-summary span { color: var(--color-text-secondary); font-size: 12px; text-align: right; }
.result-chart { width: 100%; height: 210px; overflow: visible; }
.result-chart .chart-area { fill: url(#results-chart-fill); stroke: none; }
.result-chart .chart-line { fill: none; stroke: var(--color-primary); stroke-width: 2.4; vector-effect: non-scaling-stroke; }
.results-performance .chart-labels { display: flex; justify-content: space-between; color: var(--color-text-secondary); font-size: 12px; }
.result-chart-empty { min-height: 230px; display: grid; place-content: center; gap: var(--space-2); text-align: center; box-shadow: none; }
.result-chart-empty span { max-width: 420px; }
.result-campaign-list { display: grid; gap: var(--space-3); }
.result-campaign-card { min-width: 0; display: grid; grid-template-columns: 68px minmax(0, 1fr) auto; align-items: center; gap: var(--space-3); padding: 12px; border: 1px solid var(--color-border); border-radius: var(--radius-md); color: var(--color-text); background: var(--color-surface); text-decoration: none; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.result-campaign-card:hover { border-color: var(--color-primary); transform: translateY(-1px); box-shadow: var(--shadow-sm); }
.result-campaign-card > img, .result-thumb-empty { width: 68px; height: 68px; display: grid; place-items: center; border-radius: var(--radius-sm); object-fit: cover; background: var(--color-primary-soft); font-size: 26px; }
.result-campaign-card > span { min-width: 0; display: grid; gap: 4px; }
.result-campaign-card > span > strong, .result-campaign-card > span > small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.result-campaign-card small { color: var(--color-text-secondary); font-size: 12px; }
.result-campaign-card > b { color: var(--color-primary); font-size: 25px; }
.campaign-card-signals { display: flex; flex-wrap: wrap; gap: 5px; }
.campaign-card-signals em, .detail-status-row em { width: fit-content; display: inline-flex; align-items: center; border-radius: 999px; padding: 3px 7px; font-size: 10px; font-style: normal; font-weight: 800; }
.compact-empty { display: grid; gap: var(--space-2); padding: var(--space-5); box-shadow: none; }
.merchant-insight-list { display: grid; gap: var(--space-3); }
.merchant-insight-list article { display: grid; grid-template-columns: 36px 1fr; align-items: start; gap: var(--space-3); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-border); }
.merchant-insight-list article:last-child { border-bottom: 0; }
.merchant-insight-list span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: var(--color-primary); background: var(--color-primary-soft); font-weight: 900; }
.merchant-insight-list p { margin: 7px 0 0; line-height: 1.45; }
.results-support-grid { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: var(--space-4); }
.best-content-card { display: grid; grid-template-columns: 54px minmax(0, 1fr); align-items: center; gap: var(--space-4); }
.best-content-card h2, .best-content-card p { margin: 0; }
.best-content-card p { margin-top: var(--space-2); color: var(--color-text-secondary); }
.deferred-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; background: var(--color-primary-soft); font-size: 24px; }
.next-result-action { height: 100%; display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; align-items: center; gap: var(--space-4); padding: var(--space-5); border: 1px solid #cce1fb; border-radius: var(--radius-lg); background: linear-gradient(120deg,#eef7ff,#f8fbff); box-shadow: var(--shadow-sm); }
.next-result-action > span { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; background: #dcecff; font-size: 24px; }
.next-result-action h2, .next-result-action p { margin: 0; }
.next-result-action .eyebrow { margin-bottom: 4px; }
.next-result-action div > p:last-child { margin-top: 4px; color: var(--color-text-secondary); }
.results-other-campaigns { display: grid; gap: var(--space-3); }
.results-other-campaigns .section-head { margin: var(--space-6) 0 0; }
.results-other-campaigns .result-campaign-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
.empty-state-icon { width: 64px; height: 64px; display: grid; place-items: center; margin-bottom: var(--space-4); border-radius: 50%; background: var(--color-primary-soft); font-size: 28px; }
#results-empty .empty-state { min-height: 420px; align-content: center; justify-items: center; text-align: center; }
#results-empty .next-result-action { margin-top: var(--space-4); text-align: left; }
.period-filter { min-width: 220px; justify-self: end; }
.period-filter select { margin-top: var(--space-2); background: var(--color-surface); }
.detail-campaign-identity { display: grid; grid-template-columns: 130px minmax(0,1fr); align-items: center; gap: var(--space-5); }
.detail-campaign-identity > img, .detail-campaign-identity > .result-thumb-empty { width: 130px; height: 130px; object-fit: cover; border-radius: var(--radius-md); }
.detail-campaign-identity h2, .detail-campaign-identity p { margin: 0; }
.detail-campaign-identity p { max-width: 720px; margin-top: var(--space-2); color: var(--color-text-secondary); line-height: 1.5; }
.detail-title-row, .detail-status-row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); }
.detail-status-row { margin-top: var(--space-4); color: var(--color-text-secondary); font-size: 13px; }
.detail-status-row span { display: flex; align-items: center; gap: 6px; }
.campaign-detail-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(280px,.55fr); gap: var(--space-4); align-items: stretch; }
.campaign-detail-grid.secondary { grid-template-columns: repeat(2,minmax(0,1fr)); }
.detail-chart-card { min-height: 390px; }
.detail-chart-card .section-head { margin: 0; }
.simple-summary { display: grid; align-content: center; grid-template-columns: 64px minmax(0,1fr); gap: var(--space-4); background: linear-gradient(135deg,#f7fbff,#eef7ff); }
.simple-summary h2, .simple-summary p { margin: 0; }
.simple-summary strong { display: block; margin: var(--space-2) 0; color: var(--color-text); font-size: 18px; }
.summary-icon { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; font-size: 26px; font-weight: 900; }
.deferred-result-card { display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: start; gap: var(--space-4); }
.deferred-result-card > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: var(--color-primary-soft); font-size: 22px; }
.deferred-result-card h2, .deferred-result-card p { margin: 0; }
.deferred-result-card p { margin-top: var(--space-2); }
.improvement-card { display: grid; grid-template-columns: minmax(220px,.55fr) minmax(0,1fr); gap: var(--space-6); align-items: start; }
.improvement-card h2, .improvement-card p { margin: 0; }
.improvement-card p { margin-top: var(--space-2); }
.improvement-card ul { display: grid; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.improvement-card li { display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: var(--space-2); color: var(--color-text); }
.improvement-card li span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: var(--color-primary); background: var(--color-primary-soft); }
.detail-actions { display: flex; justify-content: space-between; gap: var(--space-3); padding-top: var(--space-2); }

@media (max-width: 1180px) {
  .result-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .results-overview-grid { grid-template-columns: minmax(0,1.3fr) minmax(280px,.7fr); }
  .merchant-insights-panel { grid-column: 1 / -1; min-height: 0; }
  .merchant-insight-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .merchant-insight-list article { border-bottom: 0; border-right: 1px solid var(--color-border); }
  .merchant-insight-list article:last-child { border-right: 0; }
}

@media (max-width: 900px) {
  .results-heading, .results-overview-grid, .results-support-grid, .campaign-detail-grid, .campaign-detail-grid.secondary { grid-template-columns: 1fr; }
  .results-heading .tip-card, .period-filter { justify-self: stretch; }
  .result-performance-card, .active-campaigns-panel, .merchant-insights-panel { min-height: 0; }
  .merchant-insight-list { grid-template-columns: 1fr; }
  .merchant-insight-list article { border-right: 0; border-bottom: 1px solid var(--color-border); }
  .next-result-action { grid-template-columns: 54px minmax(0,1fr); }
  .next-result-action .button-link { grid-column: 1 / -1; width: 100%; }
  .results-other-campaigns .result-campaign-list { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .result-metric-grid { grid-template-columns: 1fr; }
  .result-metric-card { grid-template-columns: 50px minmax(0,1fr); align-items: center; }
  .result-metric-card .metric-icon { grid-row: 1 / 4; margin: 0; }
  .result-metric-card > strong { font-size: 28px; }
  .result-metric-card > p { min-height: 0; }
  .result-metric-card small { grid-column: 2; }
  .result-chart-summary { display: grid; }
  .result-chart-summary span { text-align: left; }
  .result-chart { height: 180px; }
  .detail-campaign-identity { grid-template-columns: 92px minmax(0,1fr); padding: var(--space-4); }
  .detail-campaign-identity > img, .detail-campaign-identity > .result-thumb-empty { width: 92px; height: 92px; }
  .improvement-card { grid-template-columns: 1fr; }
  .detail-actions { display: grid; }
  .detail-actions > * { width: 100%; }
}

@media (max-width: 430px) {
  .results-heading h1 { font-size: 36px; }
  .results-overview-grid > .card, .result-metric-card { padding: var(--space-4); }
  .result-campaign-card { grid-template-columns: 58px minmax(0,1fr) auto; }
  .result-campaign-card > img, .result-thumb-empty { width: 58px; height: 58px; }
  .campaign-card-signals { display: grid; justify-items: start; }
  .detail-campaign-identity { grid-template-columns: 1fr; }
  .detail-campaign-identity > img, .detail-campaign-identity > .result-thumb-empty { width: 100%; height: auto; aspect-ratio: 16 / 9; }
  .simple-summary { grid-template-columns: 1fr; }
  .next-result-action { grid-template-columns: 1fr; }
}