/* Payment receipts section after Purchase history. Shared theme tokens, card, table, badge, check and button rules only; no transitions or animation. */
.billing-receipts .receipts-intro { margin: 0 0 12px; }
.billing-receipts .section-heading { flex-wrap: wrap; gap: 8px 20px; margin-bottom: 8px; }
.billing-receipts h2:focus-visible, .billing-receipts h3:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
.billing-receipts h3 { font-size: 15px; font-weight: 600; margin: 0 0 8px; }
.billing-receipts .receipts-kind { display: block; }
.billing-receipts .receipts-id { display: block; font-size: 12px; color: hsl(var(--muted-foreground)); overflow-wrap: anywhere; word-break: break-all; }
.billing-receipts .receipts-note { display: block; font-size: 12px; color: hsl(var(--muted-foreground)); margin-top: 4px; }
.billing-receipts td { overflow-wrap: anywhere; vertical-align: top; }
.billing-receipts .badge { white-space: normal; }
.billing-receipts tr[data-state="failed"] .badge, .billing-receipts tr[data-state="history_unknown"] .badge { border-color: hsl(var(--primary)); }
.billing-receipts .receipts-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0 0; }
.billing-receipts .receipts-originals, .billing-receipts .receipts-create { border-top: 1px solid hsl(var(--border)); margin-top: 20px; padding-top: 16px; }
.billing-receipts .receipts-list { list-style: none; padding: 0; margin: 8px 0 0; }
.billing-receipts .receipts-list li { border-top: 1px solid hsl(var(--border)); padding: 10px 0; }
.billing-receipts .receipts-list li:last-child { border-bottom: 1px solid hsl(var(--border)); }
.billing-receipts .receipts-list .check { margin: 0; min-height: 44px; cursor: pointer; }
.billing-receipts .receipts-list .check > span { min-width: 0; }
.billing-receipts .receipts-list p { margin: 6px 0 0; }
.billing-receipts .field select { max-width: 320px; }
.billing-receipts button:focus-visible, .billing-receipts input:focus-visible, .billing-receipts select:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
@media (max-width: 640px) {
  .billing-receipts .receipts-actions { flex-direction: column; align-items: stretch; }
  .billing-receipts .receipts-actions button, .billing-receipts .section-heading button { width: 100%; min-height: 44px; }
  .billing-receipts .field select { max-width: none; }
}
@media (prefers-reduced-motion: reduce) { .billing-receipts * { transition: none; animation: none; } }