/* ============================================================
   Sandy Fashion — الطباعة
   يُحمّل بعد style.css في كل شاشة.

   المشكلتين اللي كانوا بيخلّوا الورقة تطلع بيضاء:
   1) المتصفح بيشيل ألوان الخلفيات في الطباعة افتراضيًا، فرؤوس الجداول
      (خلفية غامقة + نص فاتح) كانت تبقى نص أبيض على ورق أبيض = مش باين.
   2) كشف الحساب والفاتورة كانوا جوه نافذة position:fixed فيها overflow،
      فالمتصفح بيطبع الشاشة الظاهرة بس ويقطع الباقي.

   الحل: نبني منطقة طباعة مستقلة (#printArea) ونخفي كل حاجة تانية،
   ونجبر النصوص تبقى سودا على أبيض.
   ============================================================ */

#printArea{ display:none; }

@media print{
  @page{ size:A4; margin:14mm 12mm; }

  html, body{
    background:#fff !important;
    color:#000 !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* اخفي كل الواجهة، وسيب منطقة الطباعة بس */
  body > *{ display:none !important; }
  body > #printArea{ display:block !important; }

  #printArea{
    position:static !important;
    width:100% !important;
    max-width:none !important;
    max-height:none !important;
    overflow:visible !important;
    font:400 11.5pt/1.5 "IBM Plex Sans Arabic", system-ui, sans-serif;
    color:#000;
  }
  #printArea *{
    overflow:visible !important;
    max-height:none !important;
    box-shadow:none !important;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }

  /* ترويسة المستند */
  .pr-head{
    display:flex; align-items:flex-start; justify-content:space-between;
    gap:16px; padding-bottom:9px; margin-bottom:14px;
    border-bottom:2px solid #000;
  }
  .pr-brand{ font-family:"Reem Kufi", serif; font-weight:600; font-size:19pt; line-height:1.1 }
  .pr-brand small{ display:block; font-family:inherit; font-size:9pt; font-weight:400; margin-top:3px }
  .pr-meta{ text-align:end; font-size:9.5pt; line-height:1.7 }
  .pr-meta b{ font-family:"IBM Plex Mono", monospace; font-size:12pt }

  .pr-title{ font-family:"Reem Kufi", serif; font-size:13pt; font-weight:600; margin:0 0 8px }
  .pr-sub{ font-size:10pt; margin:0 0 12px }
  .pr-block{ margin-bottom:14px; break-inside:avoid }

  /* الجداول: حدود سودا بدل الخلفيات الملوّنة */
  #printArea table{ width:100%; border-collapse:collapse; margin-bottom:10px }
  #printArea th, #printArea td{
    border:0.5pt solid #555; padding:5pt 7pt; font-size:10pt; text-align:start;
  }
  #printArea th{
    background:#EEE !important; color:#000 !important;
    font-weight:600; font-size:9.5pt; border-bottom:1pt solid #000;
  }
  #printArea td.n, #printArea th.n{
    text-align:end; font-family:"IBM Plex Mono", monospace; font-variant-numeric:tabular-nums;
    white-space:nowrap;
  }
  #printArea tr.tot td{ font-weight:700; border-top:1.5pt solid #000; background:#F4F4F4 !important }
  #printArea tr.sub td{ background:#FAFAFA !important }
  #printArea thead{ display:table-header-group }   /* يعيد الرأس في كل صفحة */
  #printArea tr{ break-inside:avoid }

  .pr-kv{ display:flex; flex-wrap:wrap; gap:6pt 22pt; font-size:10pt; margin-bottom:10px }
  .pr-kv div span{ color:#444 }
  .pr-kv div b{ font-family:"IBM Plex Mono", monospace }

  .pr-big{
    display:flex; justify-content:space-between; align-items:baseline;
    border-top:1.5pt solid #000; border-bottom:1.5pt solid #000;
    padding:7pt 0; margin:10px 0; font-size:12pt; font-weight:600;
  }
  .pr-big b{ font-family:"IBM Plex Mono", monospace; font-size:16pt }

  .pr-note{ font-size:9pt; color:#333; border:0.5pt solid #777; padding:6pt 8pt; margin-top:8px }
  .pr-foot{
    margin-top:18px; padding-top:8px; border-top:0.5pt solid #777;
    font-size:8.5pt; color:#333; display:flex; justify-content:space-between;
  }
  .pr-sign{ margin-top:26px; display:flex; gap:40pt; font-size:9.5pt }
  .pr-sign div{ flex:1; border-top:0.5pt solid #000; padding-top:4pt; text-align:center }

  /* ---------- ملصقات QR للأصناف: 3 × 8 على A4 ---------- */
  .lbl-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:3mm }
  .lbl{
    display:flex; align-items:center; gap:2.5mm; break-inside:avoid;
    border:0.5pt dashed #777; border-radius:1.5mm; padding:2mm; height:30mm; overflow:hidden;
  }
  .lbl-qr{ flex-shrink:0; width:19mm; height:19mm }
  .lbl-qr svg{ width:19mm; height:19mm; display:block }
  .lbl-txt{ min-width:0; flex:1 }
  .lbl-code{ font-family:"IBM Plex Mono", monospace; font-weight:700; font-size:12pt; line-height:1.1 }
  .lbl-name{
    font-size:8pt; line-height:1.25; margin-top:1mm;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  }
  .lbl-meta{ font-size:7pt; color:#444; margin-top:.6mm }
  .lbl-price{ font-family:"IBM Plex Mono", monospace; font-size:9pt; font-weight:600; margin-top:.8mm }
}