.receipt-viewer{box-sizing:border-box;width:820px;max-width:calc(100% - 16px);height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:16px;border:1px solid #d4d2c9;border-radius:16px;background:#fffdf7;color:#233d32;overflow:hidden}
.receipt-viewer[open]{display:flex;flex-direction:column;gap:10px}
.receipt-viewer::backdrop{background:#152c2480}
.receipt-viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}
.receipt-viewer-heading h2{font-size:1.4rem;margin:0}
.receipt-viewer button{min-height:44px;margin:0;flex-shrink:0}
.receipt-viewer-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0}
.receipt-viewer-controls button{padding:8px 12px}
.receipt-viewer-page{min-width:55px;text-align:center}
.receipt-viewer-status{margin:0;flex-shrink:0}
.receipt-viewer-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.receipt-viewer img{display:block;max-width:100%;height:auto;margin:auto}
.receipt-viewer canvas{display:block;width:100%;height:auto;background:white}
.receipt-viewer [hidden]{display:none!important}
@media(max-width:480px){.receipt-viewer{padding:12px;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.receipt-viewer-heading h2{font-size:1.25rem}}