.receipt-preview-button {
  margin-top: 12px;
  border: 1px solid #8a5360;
  background: transparent;
  color: #ffb3c0;
}
.receipt-preview-button:disabled { opacity: .5; cursor: not-allowed; }
#page-tracking-form input[hidden], #tracking-lookup-form input[hidden] { display: none !important; }
.receipt-access-status { color: #eadcdf; font-size: 13px; line-height: 1.5; }
#receipt-preview { width: min(560px, 94vw); max-height: 90dvh; padding: 24px; overflow-y: auto; }
.receipt-preview-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.receipt-preview-toolbar h2 { font-size: 28px; }
.receipt-preview-timer { margin: 12px 0 20px; color: #ffb3c0; font-size: 14px; font-variant-numeric: tabular-nums; }
.verified-receipt { padding: 28px; background: #fff; color: #202020; border-radius: 4px; overflow-wrap: anywhere; }
.receipt-store-name { margin: 0; font-weight: 700; letter-spacing: .15em; font-size: 23px; }
.receipt-kind { margin: 8px 0 20px; font-size: 11px; letter-spacing: .1em; color: #555; }
.receipt-reference { display: block; padding-bottom: 18px; border-bottom: 1px solid #ddd; font-size: 20px; letter-spacing: .06em; }
.verified-receipt dl { display: grid; grid-template-columns: 75px minmax(0, 1fr); gap: 9px 15px; margin: 20px 0; font-size: 13px; }
.verified-receipt dt { color: #555; }
.verified-receipt dd { margin: 0; }
.receipt-table-wrap { overflow-x: auto; }
.verified-receipt table { width: 100%; border-collapse: collapse; font-size: 12px; }
.verified-receipt th { color: #555; text-align: left; }
.verified-receipt th, .verified-receipt td { padding: 12px 6px 12px 0; border-bottom: 1px solid #ddd; vertical-align: top; }
.verified-receipt th:last-child, .verified-receipt td:last-child { text-align: right; padding-right: 0; white-space: nowrap; }
.verified-receipt small { display: block; margin-top: 5px; color: #666; }
.receipt-preview-total { display: flex; justify-content: space-between; gap: 12px; margin-top: 20px; font-size: 18px; }
.receipt-demo-note { margin: 22px 0 0; padding: 10px; background: #f5f5f5; color: #555; font-size: 12px; }
.receipt-thanks { margin: 22px 0 0; color: #666; text-align: center; font-size: 12px; }
@media (max-width: 480px) {
  #receipt-preview { padding: 18px; }
  .verified-receipt { padding: 20px 16px; }
}