/* HMS-40 — the collections view. Totals lead; the table behind them is quiet
   detail. Overdue gets the danger tone, matching the cutoff board's urgency. */

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

.collections__totals {
  margin: 0 0 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(8rem, 14rem));
  gap: 0.75rem;
}

.collections__total {
  border: 1px solid var(--wa-color-neutral-border-normal);
  border-radius: var(--wa-border-radius-m);
  padding: 0.75rem 1rem;
}

.collections__total--overdue .collections__value {
  color: var(--wa-color-danger-fill-loud);
}

.collections__label {
  font-size: 0.8125rem;
  color: var(--wa-color-text-quiet);
}

.collections__value {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--wa-color-text-normal);
}

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

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

.collections__row--overdue td {
  color: var(--wa-color-danger-fill-loud);
}

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