.bido-receipt-main {
  padding: 24px 32px 40px;
}

.bido-receipt-layout {
  display: grid;
  /* Summary rail flexes with the viewport instead of a fixed 360px (Rule 7). */
  grid-template-columns: minmax(0, 1fr) clamp(18rem, 26vw, 22.5rem);
  gap: 18px;
  align-items: start;
}

.bido-receipt-lines {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.bido-receipt-participant,
.bido-receipt-payment-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--bx-line);
}

.bido-receipt-payment-row {
  grid-template-columns: minmax(0, 1fr) auto auto;
  font-size: var(--bx-text-sm);
}

.bido-receipt-participant div {
  min-width: 0;
  display: grid;
}

.bido-receipt-support {
  margin-top: 18px;
}

.bido-receipt-support .bido-support-actions {
  margin-top: 14px;
}

/* === Responsive — receipt ===
   The summary rail stacks below the receipt body when they can't fit. */
@media (max-width: 64rem) {
  .bido-receipt-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 48rem) {
  .bido-receipt-main {
    padding-left: 16px;
    padding-right: 16px;
  }
}