.install-btn[hidden]{display:none}.receipt-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.receipt{max-width:880px;margin:auto}.receipt>header{text-align:center;padding:12px 0 24px;border-bottom:1px solid var(--line)}.receipt-logo{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;border-radius:14px;background:var(--soft);color:var(--teal);font-size:22px}.receipt>header p,.receipt-customer p{color:var(--muted);margin:5px 0;line-height:1.6}.receipt-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 0}.receipt-meta div,.receipt-customer{padding:13px;border-radius:10px;background:var(--field)}.receipt-meta small,.receipt-meta strong,.receipt-customer small{display:block}.receipt-meta small,.receipt-customer small{color:var(--muted);margin-bottom:5px}.receipt-customer{margin-bottom:18px}.receipt-customer h3{font-size:16px}.receipt-totals{width:min(390px,100%);margin:20px 0 0 auto}.receipt-totals p{display:flex;justify-content:space-between;margin:0;padding:8px 0;border-bottom:1px solid var(--line)}.receipt-totals .grand{font-size:17px;color:var(--teal);padding:12px 0}.receipt>footer{text-align:center;color:var(--muted);padding-top:26px}.printer-panel{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);background:var(--field);border-radius:14px}.printer-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:var(--soft);color:var(--teal);font-size:20px}.printer-panel h3{font-size:16px}.printer-panel p{margin-top:4px}.printer-setup{max-width:900px}
@media(max-width:760px){.receipt-meta{grid-template-columns:1fr 1fr}.printer-panel{grid-template-columns:auto 1fr}.printer-panel .btn{grid-column:span 1}}@media print{.sidebar,.topbar,.no-print{display:none!important}.app{margin:0}.content{padding:0}.receipt{box-shadow:none;border:0;max-width:none}.receipt td,.receipt th{color:#000}.receipt,.receipt *{background:#fff!important;color:#000!important}.receipt>header{padding-top:0}@page{margin:10mm}}


/* 80 mm thermal system-print layout. Keep this block last so it overrides desktop styles. */
@media print{
  @page{size:80mm auto;margin:4mm}
  html,body{width:72mm;min-width:0;margin:0!important;padding:0!important;background:#fff!important}
  body{font-family:Arial,sans-serif;font-size:9pt;line-height:1.25;color:#000}
  .sidebar,.topbar,.no-print,.mobile-shade{display:none!important}
  .app,.content{width:72mm;min-width:0;max-width:72mm;margin:0!important;padding:0!important}
  .receipt{display:block;width:72mm;min-width:0;max-width:72mm;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
  .receipt,.receipt *{background:transparent!important;color:#000!important;box-shadow:none!important}
  .receipt>header{padding:0 0 2.5mm;border-bottom:1px dashed #000}
  .receipt-logo{display:none}
  .receipt h2{margin:0 0 1mm;font-size:14pt;line-height:1.15}
  .receipt>header p,.receipt-customer p{margin:1mm 0;line-height:1.25;overflow-wrap:anywhere}
  .receipt-meta{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:2mm 0;border-bottom:1px dashed #000}
  .receipt-meta div{min-width:0;padding:1mm 1.5mm;border-radius:0}
  .receipt-meta small{margin-bottom:.5mm;font-size:7.5pt}
  .receipt-meta strong{font-size:8.5pt;overflow-wrap:anywhere}
  .receipt-customer{margin:0;padding:2mm 0;border-radius:0;border-bottom:1px dashed #000}
  .receipt-customer h3{margin:.5mm 0;font-size:10pt;overflow-wrap:anywhere}
  .receipt .table-wrap{width:100%;overflow:visible;margin-top:1.5mm}
  .receipt table{width:100%;table-layout:fixed;white-space:normal;font-size:7.5pt}
  .receipt th,.receipt td{padding:1.2mm .7mm;border-bottom:1px dotted #777;vertical-align:top;overflow-wrap:anywhere}
  .receipt th:first-child,.receipt td:first-child{width:35%;text-align:left}
  .receipt th:nth-child(2),.receipt td:nth-child(2){width:19%;text-align:right}
  .receipt th:nth-child(3),.receipt td:nth-child(3){width:23%;text-align:right}
  .receipt th:nth-child(4),.receipt td:nth-child(4){width:23%;text-align:right}
  .receipt td small{font-size:7pt}
  .receipt-totals{width:100%;margin:2mm 0 0}
  .receipt-totals p{gap:3mm;padding:1.2mm 0}
  .receipt-totals strong{text-align:right;white-space:nowrap}
  .receipt-totals .grand{font-size:11pt;padding:2mm 0;border-top:1px solid #000;border-bottom:1px solid #000}
  .receipt>footer{padding:4mm 0 0;font-size:8pt;overflow-wrap:anywhere}
}