/* Ticket list: an order's tickets under their event's header, as quiet rows
   — type, place, code — each with secondary ways to open it */
.ticket-list {
  display: flex;
  flex-direction: column;
}

.ticket-list__row {
  align-items: center;
  border-block-start: var(--border-width) solid var(--color-subtle);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs) var(--space-xs);
  justify-content: space-between;
  padding-block: var(--space-xs);

  &:last-child {
    padding-block-end: 0;
  }
}

.ticket-list__type {
  font-weight: var(--weight-semibold);
}

.ticket-list__code {
  color: var(--color-muted);
  font-size: var(--step--1);
  font-variant-numeric: tabular-nums;
}

/* The held seat, a chip that keeps its own width in the column */
.ticket-list__place {
  align-self: flex-start;
}