.paypal-receipt-dialog { width: min(1180px, calc(100vw - 32px)); max-width: 1180px; }
.paypal-receipt-controls { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; margin-bottom: 16px; }
.paypal-receipt-controls label { display: grid; gap: 6px; font-size: 13px; min-width: 110px; }
.paypal-receipt-controls label:first-child { flex: 1; min-width: 190px; }
.paypal-receipt-controls input, .paypal-receipt-controls select { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
.paypal-receipt-controls input { min-height: 40px; border: 1px solid #dce2e9; border-radius: 6px; padding: 8px 10px; font: inherit; }
.paypal-receipt-controls label:has([data-receipt-outcome]) { min-width: 230px; }
.paypal-receipt-table { width: 100%; table-layout: fixed; }
.paypal-receipt-table th:nth-child(1) { width: 20%; }
.paypal-receipt-table th:nth-child(2) { width: 23%; }
.paypal-receipt-table th:nth-child(3) { width: 23%; }
.paypal-receipt-table td { overflow-wrap: anywhere; vertical-align: top; white-space: normal; }
.paypal-receipt-result { font-size: 13px; font-weight: 600; }
.paypal-receipt-result.is-confirmed { color: #16834a; }
.paypal-receipt-result.is-rejected, .paypal-receipt-result.is-not_sent { color: #c73538; }
.paypal-receipt-result.is-accepted, .paypal-receipt-result.is-uncertain { color: #95620c; }
.paypal-receipt-table dl { display: grid; gap: 4px; margin: 8px 0 0; font-size: 12px; }
.paypal-receipt-table dt { color: #697386; }
.paypal-receipt-table dd { margin: 0 0 6px; }
.paypal-receipt-table summary { cursor: pointer; margin-top: 8px; }
.paypal-receipt-pagination { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 16px; }
.paypal-receipt-pagination span { margin-right: auto; }
@media (max-width: 650px) {
  .paypal-receipt-dialog { width: calc(100vw - 16px); }
  .paypal-receipt-dialog .panel-body { padding: 14px; }
  .paypal-receipt-dialog .table-wrap { overflow: visible; }
  .paypal-receipt-table, .paypal-receipt-table tbody, .paypal-receipt-table tr, .paypal-receipt-table td { display: block; width: auto; min-width: 0; }
  .paypal-receipt-table thead { display: none; }
  .paypal-receipt-table tr { border-bottom: 1px solid #dce2e9; padding: 10px 0; }
  .paypal-receipt-table td { border: 0; padding: 6px 0; }
  .paypal-receipt-table td::before { content: attr(data-label); display: block; font-size: 12px; color: #697386; margin-bottom: 4px; }
  .paypal-receipt-controls label, .paypal-receipt-controls label:first-child { flex: 1 1 100%; min-width: 0; }
}
