/* HMS-58 — the reports & analytics screen. Sections stacked; every chart has
   a printed table beside or beneath it. */

.reports__title {
  margin: 0 0 1.25rem;
  font-size: 1.375rem;
  color: var(--wa-color-text-normal);
}

.reports__section {
  margin-bottom: 2rem;
}

.reports__section-title {
  margin: 0 0 0.5rem;
  font-size: 1.125rem;
  color: var(--wa-color-text-normal);
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}

.reports__manage-link {
  font-size: 0.875rem;
  font-weight: 400;
  /* fill-normal resolves to brand-90 (#d9e4eb): ~1.3:1 on white. */
  color: var(--wa-color-text-link);
  text-decoration: none;
}

.reports__numeric {
  text-align: right;
}

.reports__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.reports__table th,
.reports__table td {
  text-align: left;
  padding: 0.5rem;
  border-bottom: 1px solid var(--wa-color-neutral-border-quiet);
}

.reports__table tfoot td,
.reports__table tfoot th {
  font-weight: 700;
  border-bottom: none;
}

.reports__empty {
  margin: 0.5rem 0;
  color: var(--wa-color-text-quiet);
}

/* Pickup progress + trend indicator above the occupancy chart. The triangle
   direction is paired with the words "ahead of"/"behind" so shape alone never
   carries the meaning (WCAG 1.4.1). */
.reports__pickup {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.reports__pickup-value {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--wa-color-text-normal);
}

.reports__pickup-trend {
  color: var(--wa-color-text-quiet);
}

.reports__chart {
  display: block;
  width: 100%;
  min-height: 18rem;
}

.reports__table--trend caption {
  text-align: left;
  padding-bottom: 0.375rem;
  color: var(--wa-color-text-quiet);
}