.pickup-summary { margin-top: 20px; color: var(--ui-text, #23332b); }
.pickup-summary-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 16px; }
.pickup-summary-heading h2 { margin: 0; font-size: 20px; }
.pickup-summary-heading > span, .pickup-summary-help { font-size: 12px; color: var(--ui-muted, #58655e); }
.pickup-summary-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border: 1px solid var(--ui-line, #e4e9e5); border-radius: 8px; background: var(--ui-surface, #fff); }
.pickup-summary-metrics > div { padding: 16px 20px; }
.pickup-summary-metrics > div + div { border-left: 1px solid var(--ui-line, #e4e9e5); }
.pickup-summary-metrics dt { font-size: 12px; color: var(--ui-muted, #58655e); }
.pickup-summary-metrics dd { margin: 6px 0 0; font-size: 30px; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.pickup-summary-metrics small { margin-left: 8px; font-size: 12px; font-weight: 400; }
.pickup-summary-balance { margin: 14px 0 8px; font-size: 14px; line-height: 1.8; font-variant-numeric: tabular-nums; }
.pickup-summary-help { margin: 0 0 16px; max-width: 88em; line-height: 1.8; }
.pickup-summary .pickup-summary-table-wrap { border-radius: 8px; }
.pickup-summary-table { min-width: 960px; font-variant-numeric: tabular-nums; }
.pickup-summary-table :is(th, td) { padding: 12px; }
.pickup-summary-table :is(th, td):nth-child(n+5), .pickup-summary-table tfoot td { text-align: right; white-space: nowrap; }
.pickup-summary-table td:nth-child(2) { min-width: 120px; }
.pickup-summary-table td:nth-child(3), .pickup-summary-table td:nth-child(4) { min-width: 100px; }
.pickup-summary-table tfoot :is(th, td) { border-top: 1px solid var(--ui-line, #e4e9e5); background: var(--ui-raised, #f5f7f5); font-weight: 600; }
.pickup-summary-table-wrap:focus-visible { outline: 2px solid var(--ui-accent, #214f3d); outline-offset: 2px; }
@media screen and (max-width: 600px) {
  .pickup-summary-heading h2 { font-size: 18px; }
  .pickup-summary-metrics > div { padding: 12px; }
  .pickup-summary-metrics dd { font-size: 24px; }
  .pickup-summary-metrics small { display: block; margin-left: 0; }
}
@media print {
  .pickup-summary { margin-top: 16px; color: #000; }
  .pickup-summary-heading, .pickup-summary-metrics, .pickup-summary-balance { break-inside: avoid; }
  .pickup-summary-heading h2 { font-size: 16px; }
  .pickup-summary-metrics > div { padding: 8px 12px; }
  .pickup-summary-metrics dd { font-size: 20px; }
  .pickup-summary-help, .pickup-summary-balance { font-size: 10px; }
  .pickup-summary .pickup-summary-table { min-width: 0; width: 100%; }
  .pickup-summary-table :is(th, td) { padding: 8px 6px; }
  .pickup-summary-table :is(td:nth-child(2), td:nth-child(3), td:nth-child(4)) { min-width: 0; overflow-wrap: anywhere; }
  .pickup-summary-table tfoot { display: table-row-group; }
}