.reports-band { background: #0b192e; color: #eff6ff; padding-block: clamp(2.5rem, 6vw, 5rem); }
.reports-band > .wrap { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 1.5rem 2.4rem; align-items: start; }
.reports-band .section-head { grid-column: 1 / -1; }
.reports-band a { color: #b5dcff; }
.reports-band .latest-reports { margin: 0; padding-left: 1.25rem; border-left: 1px solid #506987; }
.reports-band .latest-reports li { position: relative; display: flex; align-items: center; gap: .7rem; margin: 0; border-top: 1px solid #334968; }
.reports-band .latest-reports li::before { content: ""; position: absolute; left: -1.52rem; width: .46rem; height: .46rem; border-radius: 50%; background: #a9d3ff; }
.reports-band .latest-reports a { display: grid; flex: 1; gap: .12rem; padding: .7rem 0; color: #eff6ff; overflow-wrap: anywhere; }
.report-stage, .report-preview-stage { color: #f0bf96; font-size: .85rem; font-weight: 700; }
.report-select { min-height: 44px; padding: .35rem .65rem; border: 1px solid #587394; border-radius: 7px; background: transparent; color: #cce5ff; font: inherit; cursor: pointer; }
.report-select:hover, .report-select[aria-pressed="true"] { background: #a9d3ff; color: #10223c; }
.report-preview { padding: 1.3rem; border: 1px solid #48617f; border-radius: 14px; background: #142941; overflow-wrap: anywhere; }
.report-preview-stage { margin: 0 0 .5rem; }
.report-preview-status { color: #c6d7ec; }
.report-preview > a { display: inline-block; margin-top: .8rem; }
.reports-band :focus-visible { outline: 2px solid #b5dcff; outline-offset: 3px; }
@media (prefers-reduced-motion: no-preference) {
  .report-preview-enter h3 { animation: report-appear 200ms ease-out; }
  @keyframes report-appear { from { opacity: .45; transform: translateY(4px); } }
}
@media (max-width: 760px) {
  .reports-band > .wrap { grid-template-columns: minmax(0, 1fr); }
  .report-preview { grid-row: 2; }
}