/* Report and recipient content is retained; these are presentation-only rules. */
.evidence-refresh .refresh-concern-header {
  padding: 2.5rem 2rem;
  border: 1px solid #e5e7fa;
  border-radius: 1rem;
  background: linear-gradient(115deg, #f7f8ff, #f0edfc);
}
.evidence-refresh .refresh-concern-header::before { border-radius: inherit; max-height: 20rem; }
.evidence-refresh .refresh-concern-heading { position: relative; padding-left: 6rem; min-width: 0; }
.evidence-refresh .refresh-concern-heading::before {
  content: ''; position: absolute; left: 0; top: 0; width: 4.5rem; height: 4.5rem;
  border-radius: 50%; background: #e8e1ff url("icons/page.016b759cba6b.svg") center / 2.4rem no-repeat;
}
.evidence-refresh.recipient-refresh .refresh-concern-heading::before { background-image: url("icons/linked-respondents.71c7f8622e70.svg"); }
.evidence-refresh .refresh-concern-header > :is(.concern-date-range, .concern-dashboard-actions) { margin-left: 6rem; }
.evidence-refresh .report-summary-band .refresh-hero-stats { gap: 1.5rem; padding: 1.5rem; border: 1px solid #e1e5f8; border-radius: .85rem; background: #f8f9ff; }
.evidence-refresh .report-summary-recipients > div { gap: .75rem; }
.evidence-refresh .report-summary-recipients a { padding: 1rem 1.25rem; border: 1px solid #dce2f5; border-radius: .65rem; background: #fff; box-shadow: 0 .25rem 1rem #293d8308; }
.evidence-refresh .report-full-text-panel { padding: 1.5rem; border: 1px solid #dce2f5; border-radius: .85rem; background: #fff; box-shadow: 0 .5rem 1.5rem #293d8310; }
.evidence-refresh .report-full-text-heading { padding-bottom: 0; gap: 1.5rem; flex-wrap: wrap; }
.evidence-refresh .report-full-text-heading > div:first-child { padding-left: 3.75rem; position: relative; }
.evidence-refresh .report-full-text-heading > div:first-child::before,
.evidence-refresh .concern-timeline .refresh-panel-heading > div::before {
  content: ''; position: absolute; top: 0; left: 0; width: 2.75rem; height: 2.75rem;
  border-radius: .8rem; background: #edf3ff url("icons/source-evidence.be40523a9130.svg") center / 1.65rem no-repeat;
}
.evidence-refresh .report-full-text-content { margin-top: 1.5rem; }
.evidence-refresh .report-full-text-heading [data-report-text-toggle] img { width: 1.5rem; height: 1.5rem; }
.evidence-refresh .recipient-evidence-note { padding: 1rem 1.25rem; border-radius: .65rem; background: #f1f5ff; }
.evidence-refresh .recipient-analysis-grid { gap: 1.5rem; align-items: stretch; }
.evidence-refresh .recipient-analysis-grid > .concern-timeline { padding: 1.5rem; border: 1px solid #dce2f5; border-radius: .85rem; box-shadow: 0 .5rem 1.5rem #293d8310; background: #fff; }
.evidence-refresh .concern-timeline .refresh-panel-heading > div { position: relative; padding-left: 3.75rem; }
.evidence-refresh .concern-timeline .refresh-panel-heading > div::before { background-image: url("icons/recurring-concern.c76e6e4198d2.svg"); background-color: #eeeaff; }
.evidence-refresh .recipient-metrics { border: 1px solid #e1e5f8; border-radius: .85rem; padding: 1.5rem; background: linear-gradient(115deg, #f8faff, #f5f2ff); display: grid; align-content: center; }
.evidence-refresh .dashboard-x-axis { grid-template-columns: repeat(var(--bar-count), minmax(0, 1fr)); }
.evidence-refresh .dashboard-x-axis > span { min-width: 0; }
.evidence-refresh .dashboard-x-axis > span:nth-child(even):not(:last-child),
.evidence-refresh .dashboard-x-axis > span:nth-last-child(2):not(:first-child) { visibility: hidden; }
.evidence-refresh .report-provenance-line { padding: 1rem 1.25rem; border-radius: .65rem; background: #f1f5ff; }
@media (max-width: 75rem) {
  .evidence-refresh .recipient-analysis-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 40rem) {
  .evidence-refresh .refresh-concern-header { padding: 1.5rem; }
  .evidence-refresh .refresh-concern-heading { padding-left: 0; padding-top: 4.5rem; }
  .evidence-refresh .refresh-concern-heading::before { width: 3.5rem; height: 3.5rem; background-size: 2rem; }
  .evidence-refresh .refresh-concern-header > :is(.concern-date-range, .concern-dashboard-actions) { margin-left: 0; }
  .evidence-refresh .report-summary-band .refresh-hero-stats { grid-template-columns: 1fr; }
  .evidence-refresh .recipient-metrics .refresh-hero-stats { grid-template-columns: 1fr; gap: 1.5rem; }
  .evidence-refresh .report-full-text-panel, .evidence-refresh .recipient-analysis-grid > .concern-timeline, .evidence-refresh .recipient-metrics { padding: 1rem; }
  .evidence-refresh .dashboard-x-axis > span:not(:first-child):not(:last-child) { visibility: hidden; }
}

/* Let each recipient metric occupy an equal quadrant of the whole frame. */
.evidence-refresh .recipient-metrics { padding: 0; align-content: stretch; }
.evidence-refresh .recipient-metrics .refresh-hero-stats { height: 100%; gap: 0; grid-template-rows: repeat(2, minmax(0, 1fr)); }
.evidence-refresh .recipient-metrics .refresh-hero-stats > div { padding: 1.5rem; align-content: center; }
.evidence-refresh .recipient-metrics .refresh-hero-stats > div:nth-child(even) { border-left: 1px solid #dfe3f5; }
.evidence-refresh .recipient-metrics .refresh-hero-stats > div:nth-child(n+3) { border-top: 1px solid #dfe3f5; }
@media (max-width: 40rem) {
  .evidence-refresh .recipient-metrics .refresh-hero-stats { grid-template-rows: auto; }
  .evidence-refresh .recipient-metrics .refresh-hero-stats > div { padding: 1.25rem; }
  .evidence-refresh .recipient-metrics .refresh-hero-stats > div:nth-child(even) { border-left: 0; }
  .evidence-refresh .recipient-metrics .refresh-hero-stats > div + div { border-top: 1px solid #dfe3f5; }
}
@media (max-width: 40rem) {
  .evidence-refresh.recipient-refresh .officeholder-info .officeholder-tooltip { max-width: 100%; box-sizing: border-box; }
}
/* Keep report attribution beside the title, independently of its toggle. */
.evidence-refresh.recipient-refresh .chronology-report-title h3:has(.officeholder-info) {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: .35rem;
  padding-right: 2.5rem;
}
.evidence-refresh.recipient-refresh .chronology-report-title h3:has(.officeholder-info) .chronology-report-toggle {
  position: static;
  width: auto;
  min-width: 0;
  flex: 0 1 auto;
}
.evidence-refresh.recipient-refresh .chronology-report-title h3:has(.officeholder-info) .chronology-report-toggle > img {
  position: absolute;
  right: 0;
  top: .1rem;
}
.evidence-refresh.recipient-refresh .chronology-report-title h3 > .officeholder-info {
  flex: 0 0 auto;
  margin: .3rem 0 0;
}