.android-receipt{box-sizing:border-box;margin:0 auto;background:#fff;color:#000;font-family:'Courier New',monospace;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.android-receipt *{box-sizing:border-box;color:#000!important;text-shadow:none!important}
.android-receipt.android-style-minimal{font-family:Arial,sans-serif}
.android-receipt.android-paper-58{width:58mm;max-width:100%;padding:12px 6px 14px;font-size:10px}
.android-receipt.android-paper-80{width:80mm;max-width:100%;padding:12px 9px 14px}
.android-receipt.android-paper-a5{width:148mm;max-width:100%;padding:20px 25px 24px;font-size:13px}
.modal-body .android-receipt{border:1px solid #dde1e7;border-radius:2px;box-shadow:0 12px 30px #14243a14}
@media screen and (min-width:760px){.modal-body .android-paper-58{zoom:1.25}.modal-body .android-paper-80{zoom:1.2}}
.android-receipt-identity{text-align:center;display:grid;justify-items:center;gap:3px}
.android-receipt-identity strong{font-size:14px;line-height:1.25;letter-spacing:.01em}
.android-paper-58 .android-receipt-identity strong{font-size:12px}
.android-paper-a5 .android-receipt-identity strong{font-size:17px}
.android-receipt-identity span{white-space:pre-wrap}
.android-receipt-rule{height:1px;margin:13px 0;border-top:1px solid #000}
.android-receipt-rule.dashed{border-top-style:dashed}
.android-receipt-meta{display:grid;gap:4px}
.android-receipt-meta>div:not(.android-receipt-pair){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:7px}
.android-receipt-meta>div>span:last-child{text-align:right}
.android-receipt-meta p{margin:3px 0 0}
.android-receipt-meta.classic .android-receipt-pair{display:grid;grid-template-columns:96px minmax(0,1fr);gap:3px}
.android-receipt-meta.classic .android-receipt-pair>span:last-child{text-align:left;max-width:none}
.android-paper-58 .android-receipt-meta.classic .android-receipt-pair{grid-template-columns:80px minmax(0,1fr)}
.android-receipt-table-head,.android-receipt-table-row{display:grid;grid-template-columns:minmax(0,1fr) 55px 58px 70px;gap:3px;align-items:start}
.android-paper-58 .android-receipt-table-head,.android-paper-58 .android-receipt-table-row{grid-template-columns:minmax(0,1fr) 46px 47px 55px;font-size:8px;gap:2px}
.android-paper-a5 .android-receipt-table-head,.android-paper-a5 .android-receipt-table-row{grid-template-columns:minmax(0,1fr) 62px 94px 100px}
.android-receipt-table-head{font-size:9px;font-weight:700}
.android-receipt-table-row span:not(:first-child){font-size:9px}
.android-receipt-table-head span:not(:first-child),.android-receipt-table-row span:not(:first-child){text-align:right}
.android-receipt-table-row strong{font-size:10px;line-height:1.3}
.android-paper-58 .android-receipt-table-row strong{font-size:8px}
.android-paper-a5 .android-receipt-table-row strong{font-size:13px}
.android-receipt-items>.android-receipt-rule{margin:7px 0}
.android-receipt-item{break-inside:avoid}
.android-receipt-item.table{margin:11px 0}
.android-receipt-pricing{display:block;margin-top:4px;font-size:9px;line-height:1.4}
.android-paper-58 .android-receipt-pricing{font-size:8px}
.android-paper-a5 .android-receipt-pricing{font-size:11px}
.android-receipt-variant{display:block;margin-top:2px;font-size:8px}
.android-receipt-stacked-head,.android-receipt-stacked-row{display:grid;grid-template-columns:90px minmax(0,1fr) 81px;gap:4px;align-items:start}
.android-paper-58 .android-receipt-stacked-head,.android-paper-58 .android-receipt-stacked-row{grid-template-columns:64px minmax(0,1fr) 62px}
.android-paper-a5 .android-receipt-stacked-head,.android-paper-a5 .android-receipt-stacked-row{grid-template-columns:65px minmax(0,1fr) 115px}
.android-receipt-stacked-head{font-size:9px;font-weight:700}
.android-receipt-stacked-head span:last-child,.android-receipt-stacked-row span:last-child{text-align:right}
.android-receipt-item.stacked{margin:12px 0 18px}
.android-receipt-item.stacked>strong{display:block;font-size:11px}
.android-receipt-stacked-row{margin-top:5px}
.android-receipt-stacked-row span:first-child{font-size:9px}
.android-receipt-items-label{display:inline-block;padding:4px 7px;border:1px solid #000;font-size:10px;font-weight:700}
.android-receipt-item.minimal{margin:12px 0 16px}
.android-receipt-item.minimal>div,.android-receipt-item.classic>div{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.android-receipt-item.minimal>div strong:first-child{flex:1;min-width:0}
.android-receipt-item.minimal>div strong:last-child{flex:0 0 83px;text-align:right}
.android-paper-58 .android-receipt-item.minimal>div strong:last-child{flex-basis:66px}
.android-receipt-item.classic{margin:5px 0 7px}
.android-receipt-item.classic>span:first-child{display:block}
.android-receipt-item.classic>div{margin-top:3px}
.android-receipt-item.classic>div span:last-child{flex:0 0 95px;text-align:right}
.android-paper-58 .android-receipt-item.classic>div span:last-child{flex-basis:72px}
.android-receipt-pair{display:flex;justify-content:space-between;gap:9px;margin:6px 0}
.android-receipt-pair>span:first-child{flex:1;min-width:0}
.android-receipt-pair>span:last-child{flex:0 0 auto;text-align:right;max-width:62%}
.android-receipt-pair.strong{font-weight:700}
.android-receipt-grand-total{display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:13px}
.android-receipt-grand-total strong:last-child{text-align:right}
.android-receipt-grand-total.framed{padding:9px 7px;border:1px solid #000}
.android-paper-58 .android-receipt-grand-total{font-size:11px}
.android-paper-a5 .android-receipt-grand-total{font-size:16px}
.android-receipt-footer{text-align:center;white-space:pre-wrap}
.android-receipt-footer p{margin:4px 0}
.android-receipt-footer p:last-child{margin-top:14px;font-size:9px}
.android-paper-58 .android-receipt-footer p:last-child{font-size:8px}
.android-paper-a5 .android-receipt-footer p:last-child{font-size:11px}
@media print{
  @page{margin:2mm}
  #print-root .android-receipt{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0 auto;break-inside:auto;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #print-root .android-paper-58{width:58mm;max-width:58mm;padding:5mm 2mm}
  #print-root .android-paper-80{width:80mm;max-width:80mm;padding:5mm 3mm}
  #print-root .android-paper-a5{width:148mm;max-width:148mm;padding:8mm}
}

/* Android ReceiptPrintStyleCard uses 204 dp (58 mm) and 272 dp (80 mm/A5).
   Keep those layout widths in the browser; enlarge only the on-screen modal. */
.android-receipt{font-family:Consolas,'Courier New',monospace;font-size:10px;line-height:1.35;white-space:normal}
.android-receipt.android-style-minimal{font-family:Arial,sans-serif}
.android-receipt.android-paper-58{width:204px;max-width:100%;padding:12px 6px 14px;font-size:9px}
.android-receipt.android-paper-80,.android-receipt.android-paper-a5{width:272px;max-width:100%;padding:12px 9px 14px;font-size:10px}
.android-receipt-identity{gap:0}
.android-receipt-identity>span{margin-top:4px}
.android-receipt-identity>span+span{margin-top:3px}
.android-receipt-identity strong{font-size:14px;line-height:1.25}
.android-paper-58 .android-receipt-identity strong{font-size:12px}
.android-paper-a5 .android-receipt-identity strong{font-size:14px}
.android-receipt-identity span{font-size:10px;line-height:1.35}
.android-paper-58 .android-receipt-identity span{font-size:9px}
.android-receipt-meta{gap:4px;font-size:10px;line-height:1.4}
.android-paper-58 .android-receipt-meta{font-size:9px}
.android-receipt-rule{margin:13px 0;border-top:1px solid #000}
.android-receipt-items>.android-receipt-rule{margin:7px 0}
.android-receipt-items>.android-receipt-rule.dashed{margin:5px 0}
.android-receipt-items+.android-receipt-rule{margin:10px 0}
.android-receipt-summary+.android-receipt-rule,.android-receipt-grand-total+.android-receipt-rule{margin:11px 0}
.android-receipt-table-head,.android-receipt-table-row{grid-template-columns:minmax(0,1fr) 40px 65px 67px;gap:0;align-items:center}
.android-paper-58 .android-receipt-table-head,.android-paper-58 .android-receipt-table-row{grid-template-columns:minmax(0,1fr) 34px 54px 55px;gap:0}
.android-receipt-table-head{font-size:9px;line-height:1.2}
.android-paper-58 .android-receipt-table-head{font-size:7px}
.android-receipt-table-head span:nth-child(2),.android-receipt-table-row span:nth-child(2){text-align:center}
.android-receipt-table-row span:not(:first-child){font-size:9px}
.android-paper-58 .android-receipt-table-row span:not(:first-child){font-size:7px}
.android-receipt-table-row strong{font-size:10px}
.android-paper-58 .android-receipt-table-row strong{font-size:8px}
.android-receipt-item.table{margin:11px 0}
.android-receipt-pair{margin:6px 0;font-size:10px;line-height:1.35}
.android-paper-58 .android-receipt-pair{font-size:9px}
.android-receipt-grand-total{font-size:12px}
.android-receipt-grand-total strong:last-child{font-size:13px}
.android-paper-58 .android-receipt-grand-total,.android-paper-58 .android-receipt-grand-total strong:last-child{font-size:11px}
.android-receipt-footer p{font-size:10px;margin:5px 0 0}
.android-receipt-footer p:last-child{font-size:8px;margin-top:14px}
.android-paper-58 .android-receipt-footer p{font-size:9px}
.android-paper-58 .android-receipt-footer p:last-child{font-size:7px}
.android-receipt-meta.classic .android-receipt-pair{margin:3px 0}
.android-receipt-items-label{font-size:10px;padding:4px 7px}
.android-receipt-grand-total.framed{padding:9px 7px}
.web-receipt-modal #web-receipt-preview{overflow-x:auto}
.web-receipt-modal .android-receipt{max-width:none}
@media screen and (max-width:400px){
  dialog.web-receipt-modal{max-width:calc(100vw - 12px)}
  .web-receipt-modal .modal-body{padding:16px 6px}
}
@media screen and (min-width:760px){
  .modal-body .android-receipt.android-paper-58{zoom:1.8}
  .modal-body .android-receipt.android-paper-80,.modal-body .android-receipt.android-paper-a5{zoom:1.45}
}
@media print{
  #print-root .android-receipt.android-paper-58{width:54mm;max-width:54mm;padding:3.175mm 1.588mm 3.704mm}
  #print-root .android-receipt.android-paper-80,#print-root .android-receipt.android-paper-a5{width:72mm;max-width:72mm;padding:3.175mm 2.381mm 3.704mm}
}

/* Full-width values keep long invoices and cashier names aligned on every paper. */
.android-receipt-meta.neat{display:grid;gap:7px}
.android-receipt-meta.neat .android-receipt-meta-line{display:grid;grid-template-columns:63px minmax(0,1fr);gap:6px;align-items:start}
.android-paper-58 .android-receipt-meta.neat .android-receipt-meta-line{grid-template-columns:52px minmax(0,1fr)}
.android-receipt-meta.neat .android-receipt-meta-label{white-space:nowrap;text-align:left}
.android-receipt-meta.neat .android-receipt-meta-value{min-width:0;text-align:left;overflow-wrap:anywhere;word-break:normal}
.android-receipt-meta.neat .android-receipt-meta-line.invoice .android-receipt-meta-value{font-weight:700}

/* Thermal Ringkas: three dependable columns for package quantity and price. */
.android-style-stacked .android-receipt-stacked-head,
.android-style-stacked .android-receipt-stacked-row{grid-template-columns:70px minmax(0,1fr) 78px;column-gap:6px;align-items:baseline}
.android-paper-58.android-style-stacked .android-receipt-stacked-head,
.android-paper-58.android-style-stacked .android-receipt-stacked-row{grid-template-columns:51px minmax(0,1fr) 59px;column-gap:3px}
.android-style-stacked .android-receipt-stacked-head{font-size:8px;line-height:1.25;white-space:nowrap}
.android-paper-58.android-style-stacked .android-receipt-stacked-head{font-size:7px}
.android-style-stacked .android-receipt-stacked-row{margin-top:7px;font-size:9px;line-height:1.35}
.android-paper-58.android-style-stacked .android-receipt-stacked-row{font-size:7px}
.android-style-stacked .android-receipt-stacked-row span:first-child{font-size:inherit}
.android-style-stacked .android-receipt-stacked-row span:nth-child(2){text-align:left;white-space:nowrap}
.android-style-stacked .android-receipt-item.stacked{margin:11px 0 13px}
.android-style-stacked .android-receipt-item.stacked:not(:last-child){padding-bottom:12px;border-bottom:1px dashed #777}
.android-style-stacked .android-receipt-item.stacked>strong{font-size:10px;line-height:1.35}
.android-style-stacked .android-receipt-variant{margin-top:3px;font-size:8px;line-height:1.3}