.receipt { text-align: left; }
.rc-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.rc-brand { display: flex; align-items: center; gap: 10px; }
.rc-brand img { width: 28px; height: 28px; border-radius: 7px; }
.rc-brand b { font-size: 16px; letter-spacing: -.02em; }
.rc-amount { font: 700 40px/1.05 var(--display); letter-spacing: -.04em; }
.rc-desc { color: var(--muted); margin: 4px 0 20px; }
.rc-rows { display: grid; grid-template-columns: max-content 1fr; gap: 10px 18px; margin: 0; padding: 16px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 14px; }
.rc-rows dt { color: var(--muted); }
.rc-rows dd { margin: 0; overflow-wrap: anywhere; }
.rc-total { display: flex; justify-content: space-between; align-items: baseline; padding: 14px 0 0; font-size: 15px; }
.rc-total b { font-size: 18px; }
.rc-foot { margin: 18px 0 0; color: var(--faint); font-size: 12.5px; text-align: center; }
.modal-card .receipt + .modal-actions { margin-top: 22px; }

.print-only { display: none; }
@media print {
  body.printing > *:not(.print-only) { display: none !important; }
  body.printing .print-only { display: block; padding: 40px; color: #000; }
  body.printing { background: #fff; }
  .print-only .badge { border: 1px solid #999; }
}