/* Receipts (js/front/receipt.js): the sheet, the list under Orders, and the printed page. */
#rcpt{z-index:56;top:auto;max-height:90svh;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -20px 60px -20px rgba(15,23,42,.5);background-image:var(--tonga);background-size:128px 128px}
.rcpt-paper{margin-top:14px;padding:18px 18px 14px;border-radius:var(--r);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-lg)}
.rcpt-brand{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px dashed var(--line)}
.rcpt-brand b{font:800 17px/1.2 var(--serif)}
.rcpt-brand small{margin-left:auto;color:var(--ink-2);font-size:13px}
.rcpt-title{margin-top:10px;font-weight:700}
.rcpt-lines{margin:8px 0 0}
.rcpt-lines>div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.rcpt-lines dt{color:var(--ink-2);flex:none;max-width:48%}
.rcpt-lines dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}
.rcpt-lines .tot{border-bottom:0;border-top:2px solid var(--midnight);margin-top:2px;padding-top:10px;font-size:17px}
.rcpt-lines .tot dt,.rcpt-lines .tot dd{color:var(--midnight);font-weight:800}
.rcpt-foot{margin-top:10px;font-size:12.5px;color:var(--ink-2)}
.info-in .rcpt-note{font-size:13.5px}
.rcpt-print-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.rcpt-list{margin-top:18px}
.rcpt-list h3{font:800 19px/1.2 var(--serif);margin-bottom:8px}
.rcpt-row{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-top:8px;border-radius:var(--r);background:#fff;border:1px solid var(--line);color:inherit;text-decoration:none}
.rcpt-row>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}
.rcpt-row small{color:var(--ink-2);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rcpt-row strong{font-weight:800}
.oacts [data-receipt],.racts [data-receipt]{display:inline-flex;align-items:center;justify-content:center;gap:6px}
/* Print: only the receipt, plain black on white. */
@media print{
  body.print-rcpt>*:not(#rcpt){display:none!important}
  body.print-rcpt{background:#fff!important}
  body.print-rcpt #rcpt{position:static!important;max-height:none!important;box-shadow:none!important;background:#fff!important;transform:none!important;opacity:1!important;border-radius:0}
  body.print-rcpt #rcpt .grab,body.print-rcpt #rcpt [data-close],body.print-rcpt .rcpt-print-btn,body.print-rcpt .rcpt-note{display:none!important}
  body.print-rcpt .rcpt-paper{border:0;box-shadow:none;padding:0}
}
.rcpt-row .av{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}
.rcpt-row .av .ic{width:20px;height:20px}
.rcpt-row b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rcpt-row strong{flex:none}
/* the finished ride page: Receipt gets its own row above Close and Ride again */
.racts:has([data-receipt]){flex-wrap:wrap}
.racts [data-receipt]{flex:1 1 100%;order:-1;min-height:44px}