/* The approved full-screen thermal reader. Printing retains its own layout. */
#receipt-reader{width:min(480px,100%);max-width:100vw;height:100dvh;max-height:100dvh;inset:0;border:0;border-radius:0;background:#101b35;margin:auto;padding:0;color:#f4ead2;box-shadow:0 0 60px #0008;overflow:hidden}
#receipt-reader .receipt-reader-header{padding:6px 14px;min-height:62px;gap:10px;border-bottom:1px solid #34454e;background:#101b35;color:#f4ead2}
#receipt-reader .receipt-reader-header button{font:700 15px/1.2 Receipt,monospace;min-height:48px;padding:8px 4px;text-align:left;letter-spacing:.3px}
.receipt-reader-label{font:12px Receipt,monospace;color:#a7bac1;letter-spacing:1px}
#receipt-reader .receipt-reader-content{flex:1;display:flex;min-height:0;overflow:hidden;padding:16px 16px 24px;background:linear-gradient(#101b35aa,#101b35aa),repeating-linear-gradient(0deg,transparent 0 29px,#3a4967 30px 31px),repeating-linear-gradient(90deg,#172443 0 57px,#354466 58px 59px)}
#receipt-reader #paper{font:17px/1.5 Receipt,Consolas,monospace;background:#faf5e7;color:#19293b;box-shadow:0 4px 16px #0005;height:100%;min-height:0;max-height:100%;overflow:visible}
#receipt-reader #paper::before{opacity:.08}
#receipt-reader #paper::after{background:linear-gradient(135deg,#faf5e7 5px,transparent 0) 0 0/10px 10px,linear-gradient(225deg,#faf5e7 5px,transparent 0) 0 0/10px 10px}
#receipt-reader .p-inner{height:100%;min-height:0;max-height:100%;overflow:hidden}
#receipt-reader .p-body{height:100%;min-height:0;max-height:100%;display:flex;flex-direction:column;overflow:hidden;padding:22px}
#receipt-reader .receipt-pages{position:relative;flex:1;min-height:0;overflow:hidden}
#receipt-reader .receipt-page{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;outline:none}
#receipt-reader .receipt-page[hidden]{display:none}
#receipt-reader .receipt-chunk{flex:none;display:flow-root;min-width:0}
#receipt-reader .receipt-chunk:has(.p-actions){margin-top:auto}
#receipt-reader .p-brand{font-size:13px;letter-spacing:1px}
#receipt-reader .p-title{margin:13px 0 10px}
#receipt-reader .p-title-name{font-size:26px;line-height:1.1;letter-spacing:.5px}
#receipt-reader .p-label{font-size:15px;line-height:1.35;margin:8px 0 4px}
#receipt-reader .p-small{font-size:13px;letter-spacing:.7px}
#receipt-reader .p-prose{margin:7px 0}
#receipt-reader .p-rule{margin:12px 0}
#receipt-reader .p-value,#receipt-reader .p-prose,#receipt-reader .p-small{overflow-wrap:anywhere}
#receipt-reader .p-actions{margin:0 22px 10px;min-height:48px;gap:12px;padding:4px 0 0}
#receipt-reader .p-action{font-size:15px;min-height:48px;white-space:normal}
#receipt-reader .p-action:only-child,#receipt-reader .p-action:last-child{margin-inline:auto}
#receipt-reader .receipt-next{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;flex:none;padding:10px 0;margin-top:8px;color:#145070;background:none;border:0;font:700 17px/1.3 Receipt,monospace;text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#receipt-reader .receipt-next:disabled,#receipt-reader .receipt-paging button:disabled{visibility:hidden}
#receipt-reader .receipt-paging{display:flex;align-items:center;justify-content:space-between;flex:none;min-height:48px;margin-top:10px;border-top:1px dashed #8d9081;font:14px Receipt,monospace;color:#526859}
#receipt-reader .receipt-paging button{min-height:44px;font:inherit;color:#145070;background:none;border:0;padding:4px 0;cursor:pointer}
#receipt-reader button:focus-visible{outline:2px solid #6b9c9b;outline-offset:3px}
@media(max-width:350px){
  #receipt-reader .receipt-reader-content{padding-inline:12px}
  #receipt-reader .p-body{padding-inline:18px}
  #receipt-reader #paper{font-size:16px}
  #receipt-reader .p-title-name{font-size:23px}
  #receipt-reader .receipt-reader-header{padding-inline:10px}
  .receipt-reader-label{font-size:10px}
}
@media(max-height:640px){
  #receipt-reader .receipt-reader-header{min-height:54px;padding-block:2px}
  #receipt-reader .receipt-reader-content{padding:12px 12px 20px}
  #receipt-reader .p-body{padding:17px 19px}
  #receipt-reader .p-title-name{font-size:23px}
  #receipt-reader .p-prose{font-size:15px;margin:6px 0}
  #receipt-reader .p-rule{margin:10px 0}
  #receipt-reader .receipt-next{margin-top:4px}
  #receipt-reader .receipt-paging{margin-top:6px}
}
@media(max-height:440px){
  #receipt-reader .receipt-reader-header{min-height:44px}
  #receipt-reader .receipt-reader-header button{min-height:44px}
  #receipt-reader .receipt-reader-content{padding:8px 12px 16px}
  #receipt-reader .p-body{position:relative;padding:12px 16px 58px}
  #receipt-reader .receipt-next{position:absolute;right:16px;bottom:7px;width:auto;min-height:44px;font-size:14px;padding:0;z-index:1}
  #receipt-reader .receipt-paging{position:absolute;left:16px;right:16px;bottom:7px;padding-right:100px;margin:0;min-height:44px}
}

@media(min-height:441px){#receipt-reader .p-inner:has(.p-actions:not(:empty)) .p-body{padding-bottom:10px}}
#receipt-reader .p-actions:empty{display:none}