/* ============================================================
   PHARMACY — TAX INVOICE (print output)
   #print-invoice-area is invisible on screen at all times; @media
   print flips it to visible and hides everything else so only the
   invoice comes out of the printer, not the whole app chrome.
   ============================================================ */
#print-invoice-area{display:none;}
@media print{
  body *{visibility:hidden;}
  #print-invoice-area, #print-invoice-area *{visibility:visible;}
  #print-invoice-area{display:block !important;position:absolute;top:0;left:0;width:100%;padding:16px;}
}
.invoice-box{max-width:800px;margin:0 auto;font-family:Arial,Helvetica,sans-serif;color:#111;}
.invoice-head{text-align:center;margin-bottom:6px;}
.invoice-head h2{margin:0 0 4px;font-size:1.3rem;}
.invoice-head p{margin:2px 0;font-size:.82rem;}
.invoice-title{text-align:center;text-decoration:underline;letter-spacing:.1em;margin:12px 0;font-size:1rem;}
.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;font-size:.85rem;margin-bottom:12px;border-top:1px dashed #333;border-bottom:1px dashed #333;padding:8px 0;}
.invoice-table{width:100%;border-collapse:collapse;font-size:.76rem;margin-bottom:12px;}
.invoice-table th,.invoice-table td{border:1px solid #444;padding:5px 6px;text-align:left;}
.invoice-totals{max-width:340px;margin-left:auto;font-size:.85rem;}
.invoice-totals div{display:flex;justify-content:space-between;padding:2px 0;}
.invoice-totals .grand{font-weight:800;font-size:1.05rem;border-top:1px solid #333;margin-top:4px;padding-top:6px;}
.invoice-footer{font-size:.72rem;text-align:center;margin-top:18px;color:#333;}
.low-stock-badge{margin-left:6px;}