/* Apple original: Lists/ReportsList/ReportListView.swift - a report covering the whole window.
   Measured from the Catalyst app's Vessel Issues & Incidents (2026-10-16), then given the web's
   room (Barney): buttons at the main toolbar's height, the title a little above the main screen's
   heading line, and wider margins (--reportInset). */
.ReportListView { --reportInset: 26px; }
.ReportListView {
  position: absolute; inset: 0; z-index: 70;
  display: flex; flex-direction: column;
}
/* The header, buttons included, sits on the page (--pageSide, ContentView.css) */
.ReportListView-header { flex: none; position: relative; padding-bottom: 23.7px; margin: 0 calc(var(--pageSide) + 6.5px + var(--reportInset)); border-bottom: 0.65px solid rgb(235, 235, 235); }
.ReportListView-buttons { height: 79.2px; position: relative; margin: 0 calc(-1 * var(--reportInset)); }
/* HeaderBackIcon / HeaderButtonGroup: round glass buttons, titanium symbols */
.ReportListView-back, .ReportListView-group {
  position: absolute; top: var(--toolbarItemTop); height: 44.8px;
  border-radius: 22.4px; background: rgba(252, 252, 252, 0.95);
  box-shadow: 0 0 0 0.65px rgba(0, 0, 0, 0.07), 0 1px 5px rgba(0, 0, 0, 0.06);
  color: var(--titanium);
}
/* The back chevron's tip lines up with the title's first letter, and the export symbol ends the
   same distance from the right edge (Barney 2026-10-16) */
.ReportListView-back { left: calc(var(--reportInset) - 3.9px); width: 44.8px; display: grid; place-items: center; }
.ReportListView-group { right: calc(var(--reportInset) - 5.4px); display: flex; align-items: center; gap: 15.6px; padding: 0 10px; min-width: 44.8px; justify-content: center; }
.ReportListView-icon { display: grid; place-items: center; height: 44.8px; color: var(--titanium); }
.ReportListView-back .Icon, .ReportListView-icon .Icon { width: 26px; height: 26px; stroke-width: 1.2; }
/* formTitleTextStyle: 17 semibold textCharcoal */
/* 12 closer to the buttons than the main screen's heading line (Barney 2026-10-16: "a more
   cohesive look" with the size of the text). The form screen's header follows. */
.ReportListView-title { padding: 25.2px 20px 0 13px; font-size: 17px; font-weight: 600; line-height: 22px; color: var(--textCharcoal); }
/* rowDescriptionText: 16 light titanium */
.ReportListView-description { padding: 20.5px 20px 0 13.5px; font-size: 16px; font-weight: var(--lightWeight); line-height: 20px; color: var(--titanium); }
.ReportListView-problems { padding: 14px 20px 0 13.5px; font-size: 13px; line-height: 16px; color: rgb(255, 59, 48); white-space: pre-line; }
.ReportListView-problems[hidden] { display: none; }
/* The list scrolls on the page (ContentView.css), which ends with its own gap and corners */
.ReportListView-scroll { flex: 1; min-height: 0; overflow-y: auto; }
.ReportListView .ReportListView-list { flex: none; overflow: visible; padding: 8.6px calc(20.1px + var(--reportInset)) 40px calc(34.4px + var(--reportInset)); }
.ReportListView .ReportListView-list.sectioned { padding-left: calc(30px + var(--reportInset)); }
.ListRowView-title.missing { color: gray; }
.ListRowView-info { font-size: 13px; line-height: 16px; color: var(--titanium); white-space: pre-line; margin-top: 2px; }
.ReportListView .ReportListView-list .ListSectionLabel { top: -8.6px; }   /* the report list's top padding */