/* Shared company/campaign results. Keep identical metrics, layout and tones. */
body .product-shell #view-reports[data-result-scope="campaign"] .report-emblue-shell > :not([data-report-campaign-detail]):not([data-report-campaign-history]) { display: none !important; }
body .product-shell #view-reports [data-report-campaign-history][hidden] { display: none !important; }
body .product-shell .report-campaign-history { padding: 16px; border: 1px solid #d5dfed; border-radius: 7px; background: #fff; box-shadow: 0 1px 3px #253e6214; }
body .product-shell .report-campaign-history h2 { margin: 0 0 5px; font-size: 17px; color: #263d5c; }
body .product-shell .report-campaign-history p { margin: 0 0 14px; font-size: 12px; color: #596b83; }
body .product-shell .report-campaign-history-table { overflow-x: auto; }
body .product-shell .report-campaign-history table { width: 100%; min-width: 680px; border-collapse: collapse; font-size: 12px; }
body .product-shell .report-campaign-history :is(th,td) { padding: 12px 10px; text-align: left; border-bottom: 1px solid #e2e8f0; }
body .product-shell .report-campaign-history th { color: #596b83; font-weight: 500; background: #f5f7fb; }
body .product-shell .report-campaign-history tr.is-selected td { background: #edf3fd; }
body .product-shell .report-campaign-history tr.is-selected td:first-child { box-shadow: inset 3px 0 #568ff0; }
:root[data-theme="dark"] body .product-shell #view-reports .report-campaign-history { background: #1c2a3c !important; border-color: #344a66 !important; }
:root[data-theme="dark"] body .product-shell #view-reports .report-campaign-history :is(h2,td) { color: #eaf0fa !important; }
:root[data-theme="dark"] body .product-shell #view-reports .report-campaign-history p { color: #b8c6d8 !important; }
:root[data-theme="dark"] body .product-shell #view-reports .report-campaign-history :is(th,tr.is-selected td) { background: #263c58 !important; color: #dae8fa !important; }
body .product-shell .result-overview-heading h2 { margin: 0 0 5px; font-size: 21px; font-weight: 600; color: #263d5c; }
body .product-shell .result-overview-heading p { margin: 0; color: #596b83; font-size: 13px; }
body .product-shell .result-overview-meta { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
body .product-shell .result-overview-meta .report-audience-meta-card { min-width: 0; min-height: 76px; padding: 12px 14px; border: 1px solid #d5dfed; border-radius: 7px; background: #fff; color: #30415e; box-shadow: 0 1px 3px #253e6214; }
body .product-shell .result-overview-meta .report-audience-meta-card::before { display: none; }
body .product-shell .result-overview-meta .report-audience-meta-card > span { font-size: 11px; color: #3c5679; }
body .product-shell .result-overview-meta .report-audience-meta-card strong { font-size: 23px; font-weight: 600; color: #294264; }
body .product-shell .result-overview-meta .report-audience-meta-card small { font-size: 10px; color: #596b83; white-space: normal; }
body .product-shell .result-kpi-bands { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; width: 100%; }
body .product-shell .result-kpi-bands[hidden] { display: none !important; }
body .product-shell .result-kpi-band { --result-accent: #245daf; --result-heading: #245daf; display: grid; grid-template-columns: minmax(120px,.72fr) repeat(5,minmax(0,1fr)); gap: 12px; min-width: 0; }
body .product-shell .result-kpi-band[data-tone="engagement"] { --result-accent: #7340a5; --result-heading: #7340a5; }
body .product-shell .result-kpi-band[data-tone="incidents"] { --result-accent: #b12e52; --result-heading: #b12e52; }
body .product-shell .result-kpi-band-heading { display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 15px; border-radius: 7px; background: var(--result-heading); color: #fff; box-shadow: 0 2px 4px #253e621a; }
body .product-shell .result-kpi-band-heading strong { color: #fff; font-size: 19px; font-weight: 600; }
body .product-shell .result-kpi-band-heading small { color: #fff !important; opacity: 1 !important; font-size: 11px; font-weight: 500; line-height: 1.35; }
body .product-shell .result-kpi-card { display: flex; flex-direction: column; gap: 5px; min-width: 0; min-height: 115px; padding: 12px; border: 1px solid #d5dfed; border-radius: 7px; background: #fff; color: #30415e; text-align: left; box-shadow: 0 2px 4px #253e6214; cursor: pointer; }
body .product-shell .result-kpi-card:is(:hover,:focus-visible) { border-color: var(--result-accent); box-shadow: 0 3px 8px #253e6229; }
body .product-shell .result-kpi-card:focus-visible { outline: 2px solid var(--result-accent); outline-offset: 2px; }
body .product-shell .result-kpi-card .campaign-detail-kpi-label { color: #3d4f6c; font-size: 12px; line-height: 1.3; min-height: 30px; }
body .product-shell .result-kpi-card .campaign-detail-kpi-value { display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 3px 8px; }
body .product-shell .result-kpi-card .campaign-detail-kpi-value strong { color: #30415e; font-size: 25px; font-weight: 600; line-height: 1.15; }
body .product-shell .result-kpi-card .campaign-detail-kpi-value em { color: var(--result-accent); font-size: 16px; font-weight: 600; }
body .product-shell .result-kpi-card .result-kpi-base { color: #596b83; font-size: 10px; line-height: 1.3; }
body .product-shell .result-kpi-card .campaign-detail-kpi-track { display: block; height: 6px; min-height: 6px; width: 100%; margin-top: auto; border-radius: 2px; background: #e5ebf4; }
body .product-shell .result-kpi-card .campaign-detail-kpi-track i { background: var(--result-accent); border-radius: 2px; }
body .product-shell .result-kpi-card .campaign-detail-kpi-breakdown { color: var(--result-accent); font-size: 10px; line-height: 1.35; order: 1; }
body .product-shell .result-kpi-card .campaign-detail-kpi-track { order: 2; }
body .product-shell .result-kpi-card.campaign-detail-kpi-total { gap: 3px; }
body .product-shell .campaign-detail-kpi-total .campaign-detail-kpi-label { min-height: 0; }
body .product-shell .campaign-detail-kpi-total .campaign-detail-kpi-track { display: none; }
body .product-shell .campaign-detail-kpi-total .campaign-detail-kpi-breakdown { margin-top: auto; font-size: 10px; line-height: 1.2; }
body .product-shell .result-kpi-card { min-height: 104px; padding: 9px 11px; gap: 3px; }
body .product-shell .result-kpi-card .campaign-detail-kpi-label { min-height: 27px; font-size: 11px; }
body .product-shell .result-kpi-card .campaign-detail-kpi-value strong { font-size: 23px; }
body .product-shell .result-kpi-card .campaign-detail-kpi-value em { font-size: 15px; }
body .product-shell .result-kpi-card.campaign-detail-kpi-total .campaign-detail-kpi-label { min-height: 0; }
body .product-shell .result-kpi-card.campaign-detail-kpi-total .result-kpi-base { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
body .product-shell .result-kpi-bands { gap: 10px; grid-auto-rows: 1fr; }
body .product-shell .result-kpi-band-heading { padding: 12px; }
body .product-shell .result-overview-meta .report-audience-meta-card { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; text-align: left; }
body .product-shell .campaign-detail-kpi-total .campaign-detail-kpi-breakdown { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px 8px; width: 100%; font-size: 9px; }
body .product-shell .result-failure-part { display: grid; gap: 2px; min-width: 0; }
body .product-shell .result-failure-part > span { display: flex; justify-content: space-between; gap: 3px; color: var(--result-accent); font-size: 9px; line-height: 1.1; }
body .product-shell .result-failure-part b { font-weight: 700; }
body .product-shell .result-failure-part > i { display: block; height: 2px; background: #e5ebf4; overflow: hidden; }
body .product-shell .result-failure-part u { display: block; height: 100%; background: var(--result-accent); }
:root[data-theme="dark"] body .product-shell .result-failure-part > i { background: #364963; }
body .product-shell .result-kpi-pending { color: #596b83; padding: 18px; border: 1px solid #d5dfed; border-radius: 7px; }
:root[data-theme="dark"] body .product-shell .result-overview-heading h2 { color: #eaf0fa; }
:root[data-theme="dark"] body .product-shell .result-overview-heading p { color: #b8c6d8; }
:root[data-theme="dark"] body .product-shell .result-kpi-band { --result-accent: #82b7ff; }
:root[data-theme="dark"] body .product-shell .result-kpi-band[data-tone="engagement"] { --result-accent: #c39bff; }
:root[data-theme="dark"] body .product-shell .result-kpi-band[data-tone="incidents"] { --result-accent: #ff83a7; }
:root[data-theme="dark"] body .product-shell :is(.result-kpi-card,.result-overview-meta .report-audience-meta-card) { background: #1c2a3c; border-color: #344a66; color: #eaf0fa; box-shadow: 0 2px 5px #0003; }
:root[data-theme="dark"] body .product-shell :is(.result-kpi-card .campaign-detail-kpi-value strong,.result-overview-meta .report-audience-meta-card strong) { color: #eaf0fa; }
:root[data-theme="dark"] body .product-shell :is(.result-kpi-card .campaign-detail-kpi-label,.result-overview-meta .report-audience-meta-card > span) { color: #c5d0df; }
:root[data-theme="dark"] body .product-shell :is(.result-kpi-card .result-kpi-base,.result-overview-meta .report-audience-meta-card small,.result-kpi-pending) { color: #b8c6d8; }
:root[data-theme="dark"] body .product-shell .result-kpi-card .campaign-detail-kpi-track { background: #364963; }
:root[data-theme="dark"] body .product-shell :is(.result-kpi-card,.result-overview-meta .report-audience-meta-card) { background: #1c2a3c !important; background-image: none !important; border-color: #344a66 !important; color: #eaf0fa !important; }
:root[data-theme="dark"] body .product-shell :is(.result-kpi-card,.result-overview-meta .report-audience-meta-card)::before,
:root[data-theme="dark"] body .product-shell :is(.result-kpi-card,.result-overview-meta .report-audience-meta-card)::after { display: none !important; }
:root[data-theme="dark"] body .product-shell :is(.result-overview-heading p,.result-kpi-card .result-kpi-base,.result-overview-meta .report-audience-meta-card small) { color: #b8c6d8 !important; }
@media (max-width: 1150px) {
  body .product-shell .result-kpi-band { grid-template-columns: 88px repeat(5,minmax(0,1fr)); gap: 8px; }
  body .product-shell .result-kpi-band-heading { padding: 10px 8px; }
  body .product-shell .result-kpi-band-heading strong { font-size: 13px; }
  body .product-shell .result-kpi-band-heading small { font-size: 10px; }
}
@media (max-width: 700px) {
  body .product-shell .result-kpi-band { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body .product-shell .result-kpi-band-heading { grid-column: 1 / -1; }
  body .product-shell .result-overview-meta { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body .product-shell .result-kpi-card { min-height: 115px; }
}

/* Original SendyPOP palette, shared by company and campaign results. */
body .product-shell .result-kpi-band { --result-accent: #56a684; --result-heading: #e0f1e9; --result-heading-text: #285b47; }
body .product-shell .result-kpi-band[data-tone="engagement"] { --result-accent: #568ff0; --result-heading: #e3edfc; --result-heading-text: #2f5487; }
body .product-shell .result-kpi-band[data-tone="incidents"] { --result-accent: #ef5261; --result-heading: #fae5e8; --result-heading-text: #853a48; }
body .product-shell .result-kpi-band-heading { background: var(--result-heading) !important; border: 1px solid color-mix(in srgb,var(--result-accent) 25%,transparent); box-shadow: none; }
body .product-shell .result-kpi-band-heading :is(strong,small) { color: var(--result-heading-text) !important; opacity: 1 !important; }
body .product-shell .result-kpi-card[data-result-metric="all"],body .product-shell .result-kpi-card[data-result-metric="opens"] { --result-accent: #568ff0; }
body .product-shell .result-kpi-card:is([data-result-metric="sent"],[data-result-metric="destination"],[data-result-metric="clicks"]) { --result-accent: #56a684; }
body .product-shell .result-kpi-card:is([data-result-metric="openedMultipleTimes"],[data-result-metric="excludedByBlocklist"]) { --result-accent: #7c63d7; }
body .product-shell .result-kpi-card:is([data-result-metric="processing"],[data-result-metric="filtered"],[data-result-metric="unsubscribes"]) { --result-accent: #d39328; }
body .product-shell .result-kpi-card:is([data-result-metric="cancelled"],[data-result-metric="noOpenRecorded"]) { --result-accent: #8592a3; }
body .product-shell .result-kpi-card .campaign-detail-kpi-value em { color: #516079; font-size: 13px; }
body .product-shell .result-kpi-band-heading strong { font-size: 16px; }
body .product-shell .report-recipient-disclosure { margin-top: 14px; border: 1px solid #d5dfed; border-radius: 7px; padding: 12px; background: #fff; }
body .product-shell .report-recipient-disclosure > summary { cursor: pointer; color: #30415e; font-size: 14px; font-weight: 600; }
body .product-shell .report-recipient-disclosure > summary span { font-weight: 400; font-size: 12px; color: #596b83; margin-left: 12px; }
body .product-shell .report-recipient-disclosure[open] > summary { margin-bottom: 14px; }
body .product-shell #view-reports .report-emblue-shell { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
body .product-shell #view-reports .report-emblue-shell > * { grid-column: 1 / -1; min-width: 0; margin: 0 !important; }
body .product-shell #view-reports .report-emblue-shell > :is(.report-emblue-channels,.report-emblue-latest) { grid-column: auto; }
body .product-shell #view-reports .report-audience-meta-strip { grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 12px !important; }
body .product-shell #view-reports .report-audience-meta-card { min-height: 76px !important; padding: 10px 13px !important; box-shadow: 0 1px 3px #253e6214 !important; }
body .product-shell #view-reports .report-audience-meta-card::before { display: none !important; }
body .product-shell #view-reports .report-audience-meta-card > span { font-size: 11px !important; font-weight: 500 !important; }
body .product-shell #view-reports .report-audience-meta-card strong { font-size: 23px !important; font-weight: 600 !important; }
body .product-shell #view-reports .report-emblue-top { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 14px !important; }
body .product-shell #view-reports :is(.report-emblue-card,.report-emblue-activity,.report-emblue-channels,.report-emblue-latest) { padding: 16px !important; border: 1px solid #d5dfed !important; border-radius: 7px !important; box-shadow: 0 1px 3px #253e6214 !important; }
body .product-shell #view-reports :is(.emblue-card-head h2,.report-contact-chart-card > h2,.report-emblue-activity > h2,.report-emblue-channels h2,.report-emblue-latest h2) { font-size: 17px !important; font-weight: 600 !important; margin: 0 0 12px !important; }
body .product-shell #view-reports .report-contact-total-secondary { display: none !important; }
body .product-shell #view-reports .emblue-refresh-note { margin: 0 0 12px !important; max-width: none !important; font-size: 11px !important; text-align: left !important; }
body .product-shell #view-reports .emblue-contact-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
body .product-shell #view-reports .audience-mini-card { grid-column: auto !important; min-height: 86px !important; padding: 12px 10px 12px 40px !important; }
body .product-shell #view-reports .emblue-contact-grid .audience-mini-card:nth-child(n) { grid-column: auto !important; }
body .product-shell #view-reports .report-contact-chart-card { grid-template-rows: auto auto 1fr !important; }
body .product-shell #view-reports .audience-mini-dot { left: 14px !important; width: 12px !important; height: 12px !important; }
body .product-shell #view-reports .audience-mini-dot::after { display: none !important; }
body .product-shell #view-reports .audience-mini-card :is(.audience-mini-label,span) { font-size: 11px !important; }
body .product-shell #view-reports .audience-mini-card strong { font-size: 23px !important; }
body .product-shell #view-reports .emblue-period-tabs { flex-wrap: wrap !important; gap: 8px !important; }
body .product-shell #view-reports .emblue-period-tabs button { font-size: 12px !important; }
body .product-shell #view-reports .report-activity-card { min-height: 96px !important; box-shadow: none !important; }
body .product-shell #view-reports .report-activity-primary { font-size: 25px !important; }
body .product-shell #view-reports .report-activity-card { gap: 5px !important; }
body .product-shell #view-reports .report-activity-period { margin: 0 !important; }
body .product-shell #view-reports .report-activity-period select { min-height: 28px !important; padding-top: 3px !important; padding-bottom: 3px !important; font-size: 11px !important; }
body .product-shell #view-reports .report-activity-progress { margin: 3px 0 !important; }
body .product-shell #view-reports .report-activity-strip { padding-top: 4px !important; }
body .product-shell #view-reports .emblue-channel-body { grid-template-columns: minmax(0,1fr) !important; }
body .product-shell #view-reports .report-emblue-latest .table-wrap { overflow-x: auto; }
body .product-shell #view-reports .emblue-latest-table { overflow-x: auto !important; }
body .product-shell #view-reports .emblue-latest-table > div { min-width: 800px; }
body .product-shell #view-reports .emblue-channel-summary { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px 12px !important; padding: 10px !important; }
body .product-shell #view-reports .channel-chart-legend i.is-dashed { height: 0 !important; border-top: 2px dashed var(--legend) !important; background: none !important; border-radius: 0 !important; }
body .product-shell #view-reports .emblue-channel-summary .channel-summary-row .channel-summary-swatch.is-dashed { height: 0 !important; border-top: 2px dashed var(--row-color) !important; background: none !important; border-radius: 0 !important; }
:root[data-theme="dark"] body .product-shell .result-kpi-band { --result-heading: #244b40; --result-heading-text: #daeee4; }
:root[data-theme="dark"] body .product-shell .result-kpi-band[data-tone="engagement"] { --result-heading: #294870; --result-heading-text: #e1ecfc; }
:root[data-theme="dark"] body .product-shell .result-kpi-band[data-tone="incidents"] { --result-heading: #713d49; --result-heading-text: #ffebee; }
:root[data-theme="dark"] body .product-shell :is(#view-reports,#view-campaigns,#view-home,#view-report-library) .result-kpi-band-heading :is(strong,small) { color: var(--result-heading-text) !important; }
:root[data-theme="dark"] body .product-shell :is(#view-reports,#view-campaigns,#view-home,#view-report-library) .result-kpi-band-heading :is(strong,small) { color: var(--result-heading-text) !important; }
:root[data-theme="dark"] body .product-shell .result-kpi-card .campaign-detail-kpi-value em { color: #c2d1e4 !important; }
:root[data-theme="dark"] body .product-shell .report-recipient-disclosure { background: #1c2a3c; border-color: #344a66; }
:root[data-theme="dark"] body .product-shell .report-recipient-disclosure > summary { color: #eaf0fa; }
:root[data-theme="dark"] body .product-shell .report-recipient-disclosure > summary span { color: #b8c6d8; }
@media (min-width:701px) and (max-width:1150px) {
  body .product-shell .result-kpi-band-heading strong { font-size: 13px; }
}
@media (max-width:1000px) {
  body .product-shell #view-reports .report-emblue-top { grid-template-columns: minmax(0,1fr) !important; }
  body .product-shell #view-reports .report-emblue-shell > :is(.report-emblue-channels,.report-emblue-latest) { grid-column: 1 / -1; }
}
@media (max-width:700px) {
  body .product-shell #view-reports .report-audience-meta-strip { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}