/* Phase 66: clean receipt print spacing and Tawk left-side placement
   Goals:
   - Keep 80mm receipt compact but readable for thermal printers.
   - Increase business logo slightly.
   - Keep enough receipt left/right padding for real printer cut area.
   - Prevent report print/PDF from including app/page hero chrome.
   - Move Tawk.to chat away from bottom-right cart by forcing bottom-left. */
:root{--sk66-ink:#050b16;--sk66-muted:#334155;--sk66-line:#111;--sk66-brand:#006d6f;}

/* ===== 80mm receipt preview and print: readable compact body ===== */
.doc-preview.thermal,
.doc-preview.paper-80,
.doc-preview.thermal.paper-80,
.sk60-paper-thermal80{
  box-sizing:border-box!important;
  width:80mm!important;
  max-width:80mm!important;
  margin:0 auto!important;
  padding:3.2mm 3.6mm 3.4mm!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
  color:#000!important;
  font-family:Arial,"Helvetica Neue",sans-serif!important;
  font-size:9.1px!important;
  line-height:1.16!important;
}
.doc-preview.thermal .doc-head,
.sk60-paper-thermal80 .sk60-doc-header{
  display:block!important;
  text-align:center!important;
  margin:0 0 5px!important;
  padding:0 0 4px!important;
  border-bottom:1px solid #c99a22!important;
}
.doc-preview.thermal .doc-logo,
.sk60-paper-thermal80 .sk60-brandline img{
  width:54px!important;
  height:auto!important;
  max-width:54px!important;
  max-height:38px!important;
  margin:0 auto 2px!important;
  object-fit:contain!important;
  display:block!important;
}
.doc-preview.thermal .doc-business,
.sk60-paper-thermal80 .sk60-brandline p{
  font-size:7.4px!important;
  line-height:1.06!important;
  margin:0!important;
  color:#000!important;
}
.doc-preview.thermal .doc-business h2,
.sk60-paper-thermal80 .sk60-brandline h1{
  font-size:10px!important;
  line-height:1.03!important;
  margin:1px 0 0!important;
  font-weight:800!important;
  color:#000!important;
}
.doc-preview.thermal .doc-title,
.sk60-paper-thermal80 .sk60-doc-title{
  margin:2px 0 0!important;
  padding:0!important;
  text-align:center!important;
}
.doc-preview.thermal .doc-title h1,
.sk60-paper-thermal80 .sk60-doc-title h2{
  font-size:14px!important;
  line-height:1.04!important;
  letter-spacing:.015em!important;
  margin:1px 0 2px!important;
  color:#005f63!important;
  font-weight:800!important;
}
.doc-preview.thermal .doc-title p,
.sk60-paper-thermal80 .sk60-doc-title p{
  font-size:8.2px!important;
  line-height:1.12!important;
  margin:1px 0!important;
  color:#000!important;
}
.doc-preview.thermal .doc-meta,
.sk60-paper-thermal80 .sk60-meta-grid{
  display:block!important;
  margin:5px 0 5px!important;
  padding:0!important;
}
.doc-preview.thermal .doc-meta>div,
.sk60-paper-thermal80 .sk60-meta-grid div{
  border:0!important;
  background:#fff!important;
  border-radius:0!important;
  padding:0!important;
  margin:0 0 3px!important;
  color:#000!important;
}
.doc-preview.thermal .doc-meta strong,
.sk60-paper-thermal80 .sk60-meta-grid span{
  display:block!important;
  font-size:8.5px!important;
  line-height:1.08!important;
  margin:0 0 1px!important;
  font-weight:800!important;
  color:#000!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.sk60-paper-thermal80 .sk60-meta-grid b,
.sk60-paper-thermal80 .sk60-meta-grid small,
.doc-preview.thermal .doc-meta div{
  font-size:8.2px!important;
  line-height:1.12!important;
  color:#000!important;
  font-weight:400!important;
}
.sk60-paper-thermal80 .sk60-meta-grid b,
.sk60-paper-thermal80 .sk60-meta-grid small{display:block!important;margin:0!important;}

/* Item rows: no currency label, fit columns, slightly larger than Phase 65 */
.doc-preview.thermal .doc-table,
.sk60-paper-thermal80 .sk60-items{
  width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  margin:5px 0 5px!important;
  font-size:8.6px!important;
  line-height:1.12!important;
  color:#000!important;
}
.doc-preview.thermal .doc-table th,
.doc-preview.thermal .doc-table td,
.sk60-paper-thermal80 .sk60-items th,
.sk60-paper-thermal80 .sk60-items td{
  padding:2px 1px!important;
  border:0!important;
  border-bottom:1px dotted #999!important;
  background:#fff!important;
  color:#000!important;
  font-size:8.4px!important;
  line-height:1.13!important;
  vertical-align:top!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.doc-preview.thermal .doc-table th,
.sk60-paper-thermal80 .sk60-items th{
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.doc-preview.thermal .doc-table th:nth-child(1),.doc-preview.thermal .doc-table td:nth-child(1),
.sk60-paper-thermal80 .sk60-items th:nth-child(1),.sk60-paper-thermal80 .sk60-items td:nth-child(1){width:58%!important;text-align:left!important;white-space:normal!important;overflow-wrap:break-word!important;}
.doc-preview.thermal .doc-table th:nth-child(2),.doc-preview.thermal .doc-table td:nth-child(2),
.sk60-paper-thermal80 .sk60-items th:nth-child(2),.sk60-paper-thermal80 .sk60-items td:nth-child(2){width:8%!important;text-align:center!important;white-space:nowrap!important;}
.doc-preview.thermal .doc-table th:nth-child(3),.doc-preview.thermal .doc-table td:nth-child(3),
.sk60-paper-thermal80 .sk60-items th:nth-child(3),.sk60-paper-thermal80 .sk60-items td:nth-child(3){width:16%!important;text-align:right!important;white-space:nowrap!important;}
.doc-preview.thermal .doc-table th:nth-child(4),.doc-preview.thermal .doc-table td:nth-child(4),
.sk60-paper-thermal80 .sk60-items th:nth-child(4),.sk60-paper-thermal80 .sk60-items td:nth-child(4){width:18%!important;text-align:right!important;white-space:nowrap!important;}
.doc-preview.thermal .doc-table small,
.sk60-paper-thermal80 .sk60-items small{font-size:7.5px!important;line-height:1.08!important;color:#222!important;display:block!important;margin:1px 0 0!important;}

.doc-preview.thermal .doc-total,
.sk60-paper-thermal80 .sk60-summary,
.sk60-paper-thermal80 .sk60-totals{display:block!important;max-width:100%!important;margin:4px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#000!important;}
.sk60-paper-thermal80 .sk60-tax-box,.sk60-paper-thermal80 .sk60-signature{display:none!important;}
.doc-preview.thermal .doc-total>div,
.sk60-paper-thermal80 .sk60-totals p{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:5px!important;
  padding:0!important;
  margin:1.8px 0!important;
  font-size:8.9px!important;
  line-height:1.12!important;
  color:#000!important;
}
.doc-preview.thermal .doc-total span,
.doc-preview.thermal .doc-total strong,
.sk60-paper-thermal80 .sk60-totals p span,
.sk60-paper-thermal80 .sk60-totals p b{font-weight:800!important;white-space:nowrap!important;color:#000!important;}
.doc-preview.thermal .doc-total strong,
.sk60-paper-thermal80 .sk60-totals p b{text-align:right!important;}
.doc-preview.thermal .doc-total .rule{display:block!important;border-top:1px solid #000!important;margin:3px 0!important;height:0!important;padding:0!important;}
.doc-preview.thermal .doc-total .grand,
.sk60-paper-thermal80 .sk60-totals .grand{font-size:10.3px!important;line-height:1.13!important;margin-top:4px!important;padding-top:3px!important;border-top:1px solid #000!important;}
.doc-preview.thermal .terms{display:none!important;}
.doc-preview.thermal .doc-footer,
.sk60-paper-thermal80 .sk60-footer{display:block!important;text-align:center!important;border-top:1px dashed #555!important;margin-top:5px!important;padding-top:3px!important;font-size:7.8px!important;line-height:1.1!important;color:#000!important;}

/* ===== Reports: print only business/report content, no app chrome/header hero. ===== */
@media print{
  html,body{background:#fff!important;color:#000!important;height:auto!important;min-height:0!important;overflow:visible!important;margin:0!important;padding:0!important;}
  .admin-sidebar,.admin-topbar,.admin-header,.top-actions,.owner-chip,.mobile-menu-btn,.admin-overlay,
  .customer-header,.site-header,.page-hero,.actions,.sk62-actions,.sk60-print-toolbar,.no-print,nav,aside,button,.btn,.sk62-btn,form:not(.print-keep),script{display:none!important;visibility:hidden!important;}
  .admin-app,.admin-main-wrap,.admin-main,.admin-content,main,.content,.receipt-wrap{display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;background:#fff!important;box-shadow:none!important;border:0!important;overflow:visible!important;}
  .sk62-report-shell,.sk60-report-shell,.sk62-print-page,.sk60-print-shell{display:block!important;position:static!important;visibility:visible!important;margin:0 auto!important;padding:0!important;background:#fff!important;color:#000!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;height:auto!important;overflow:visible!important;break-after:auto!important;page-break-after:auto!important;}
  .sk62-report-shell *,.sk60-report-shell *,.sk62-print-page *,.sk60-print-shell *{visibility:visible!important;color:#000!important;}
  .sk62-report-head,.sk60-report-head{margin:0 0 6mm!important;padding-bottom:3mm!important;border-bottom:1px solid #cfd8e3!important;}
  .sk62-report-head img,.sk60-report-head img{max-width:26mm!important;max-height:15mm!important;object-fit:contain!important;}
  .sk62-report-table th,.sk62-report-table td,.sk60-report-table th,.sk60-report-table td{font-size:8.5pt!important;line-height:1.14!important;padding:2.8pt 4pt!important;border:1px solid #d7dce2!important;background:#fff!important;}
  .sk62-print-footer,.sk60-print-footer,.report-browser-footer{display:none!important;}
  table{border-collapse:collapse!important;page-break-inside:auto!important;} thead{display:table-header-group!important;} tr{page-break-inside:avoid!important;break-inside:avoid!important;}
  .doc-preview.thermal,.doc-preview.paper-80,.sk60-paper-thermal80{width:80mm!important;max-width:80mm!important;margin:0!important;padding:3.2mm 3.6mm 3.4mm!important;}
}
@page{margin:6mm;}
@page thermal{size:80mm auto;margin:0;}

/* ===== Tawk.to move to bottom-left to avoid covering cart/floating actions. ===== */
iframe[title*="chat" i],iframe[src*="tawk" i],iframe[src*="tawk.to" i]{left:18px!important;right:auto!important;}
body .tawk-min-container,body .tawk-button,body #tawkchat-container{left:18px!important;right:auto!important;}
@media(max-width:768px){iframe[title*="chat" i],iframe[src*="tawk" i],iframe[src*="tawk.to" i]{left:12px!important;right:auto!important;bottom:78px!important;}.tawk-min-container,#tawkchat-container{left:12px!important;right:auto!important;bottom:78px!important;}}