/* The receipt replaces only the editor, keeping the cabinet and page live. */
#machine #pk-panel[data-receipt-open]{--receipt-chrome:max(var(--chrome-h,0px),calc(var(--nav-h,56px) + var(--ticker-h,42px)));scroll-margin-top:calc(var(--receipt-chrome) + 12px);height:var(--pk-h);max-height:var(--pk-h);overflow:hidden;display:flex;flex-direction:column;align-self:end}
#machine #pk-panel[data-receipt-open]>:not(#order-receipt){display:none!important}
#machine #pk-panel[data-receipt-open]>#order-receipt{display:flex;visibility:visible}
#order-receipt{box-sizing:border-box;position:static;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;display:flex;flex-direction:column;color:#171717;font:14px/1.5 var(--mono,monospace);outline:none}
#order-receipt[hidden],#order-receipt [hidden]{display:none!important}
#order-receipt.receipt-standalone{width:min(640px,calc(100% - 32px));height:auto;margin:24px auto}
.receipt-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none;padding:0 0 14px;color:#111}
#receipt-title{margin:0;font:600 16px/1.4 var(--mono,monospace);letter-spacing:0}
#receipt-close{font:12px/1.4 var(--mono,monospace);min-height:40px;padding:8px 12px;border:1px solid #aaa;border-radius:2px;background:#fff;color:#111;cursor:pointer}
.receipt-scroll{min-height:0;flex:1 1 auto;overflow:auto;overscroll-behavior:contain;padding:16px;background:#f3f3f2;border:1px solid #dedede;scrollbar-color:#555 #e5e5e5}
#receipt-print-pages{display:none}
#receipt-body{width:min(100%,420px);margin:0 auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.08))}
#receipt-body svg{display:block;width:100%;height:auto}
#receipt-actions{display:flex;flex-wrap:wrap;flex:none;gap:8px;padding-top:14px}
#receipt-actions button,#receipt-retry,#receipt-machine{flex:1;min-height:44px;padding:10px 12px;border:1px solid #222;background:#fff;color:#171717;font:12px/1.5 var(--mono,monospace);cursor:pointer}
#receipt-actions #receipt-share{background:#171717;color:#fff}
#receipt-note{flex:none;font-size:12px;line-height:1.65;margin:10px 0 0;color:#555}
#receipt-note:empty{display:none}
#receipt-machine{display:block;flex:none;margin:8px auto 0;border:0;padding:6px 10px;background:transparent;text-decoration:underline;text-underline-offset:4px}
#order-receipt button:focus-visible,.receipt-scroll:focus-visible{outline:3px solid #19845b;outline-offset:2px}
@media(max-width:800px){
 #machine #pk-panel[data-receipt-open]{height:min(760px,calc(100svh - var(--receipt-chrome) - 24px));min-height:420px;max-height:none}
 .receipt-scroll{padding:8px}
 #receipt-actions button{flex:1 1 120px}
}
@media print{
 body.receipt-visible>*:not(#receipt-print-pages){display:none!important}
 body.receipt-visible #receipt-print-pages{display:block!important}
 #receipt-print-pages section{break-after:page}
 #receipt-print-pages section:last-child{break-after:auto}
 #receipt-print-pages svg{display:block;width:auto;height:auto;max-width:100%;max-height:250mm;margin:0 auto;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 @page{margin:12mm;size:auto}
}
