/* ---------- PRINT SYSTEM ---------- */
.print-only{display:none} 
#printArea{color:#000;font-family:var(--ui)}
.pdoc{color:#000}
.plogo{text-align:center}
.plogo svg{height:54px}
.plogo img{max-height:64px;max-width:220px;object-fit:contain}
.pfoot{text-align:center;font-size:9px;color:#555;margin-top:14px;padding-top:8px;border-top:1px solid #bbb}
/* thermal 78mm */
.ptherm{width:74mm;margin:0 auto;font-family:'Inter',monospace;color:#000}
.ptherm .plogo svg{height:40px}
.ptherm .plogo img{max-height:44px;max-width:64mm;object-fit:contain}
.ptherm *{font-size:11px;line-height:1.35}
.ptherm .big{font-size:15px;font-weight:700}
.ptherm .row2{display:flex;justify-content:space-between}
.ptherm .hr{border-top:1px dashed #000;margin:5px 0}
.ptherm .pfoot{font-size:8px;border-top:1px dashed #000}
/* A4 */
.pa4{width:180mm;margin:0 auto;color:#000}
.pa4 table{width:100%;border-collapse:collapse}
@media print{
  body *{visibility:hidden}
  #printArea,#printArea *{visibility:visible}
  #printArea{position:absolute;left:0;top:0;width:100%}
  .print-only{display:block}
  html,body{background:#fff!important}
}
/* page size driven by body class set just before printing */
@page{margin:8mm}
body.print-thermal #printArea{width:78mm}
body.print-a4{}
@media(max-width:820px){
  #side{position:fixed;left:-220px;transition:.2s;z-index:60}
  #side.open{left:0}
  .g2,.g3,.g4{grid-template-columns:1fr}
  #menuBurger{display:inline-block!important}
}

@media print{
  body *{visibility:hidden}
  #printArea,#printArea *{visibility:visible}
  #printArea{position:absolute;left:0;top:0;width:100%}
  .print-only{display:block}     /* ← already here; re-shows it when printing */
  html,body{background:#fff!important}
}