/* GOODLOAD — बिल्टी (Lorry Receipt)
   ═══════════════════════════════════════════════════════════════
   यह इकलौता पर्दा है जो **काग़ज़ पर छपता** भी है। इसलिए इसका रूप
   screen और printer दोनों पर ठीक दिखना चाहिए।

   ⚠️ छपाई का नियम: छपते वक़्त सिर्फ़ बिल्टी छपे — app की पट्टियाँ,
      बटन और नीचे का nav नहीं। वही नीचे @media print करता है।
   ═══════════════════════════════════════════════════════════════ */

.lr{
  background:#fff; border:1px solid var(--border); border-radius:.8rem;
  overflow:hidden; color:#1a1a1a;
}

.lr-sir{ background:var(--p); color:#fff; padding:11px 13px; }
.lr-firm{ font-size:1rem; font-weight:800; line-height:1.25; }
.lr-pata{ font-size:.66rem; font-weight:600; opacity:.85; margin-top:2px; line-height:1.4; }
.lr-naam{
  text-align:center; margin-top:8px; padding-top:6px;
  border-top:1px solid rgba(255,255,255,.3);
  font-size:.74rem; font-weight:800; letter-spacing:.12em;
}

.lr-body{ padding:11px 13px; }

.lr-2, .lr-3{ display:flex; gap:9px; margin-bottom:9px; }
.lr-2 > *{ flex:1; min-width:0; }
.lr-3 > *{ flex:1; min-width:0; }
/* छोटे फ़ोन पर तीन खाने एक पंक्ति में नहीं अँटते */
@media (max-width:22rem){ .lr-3{ flex-wrap:wrap; } .lr-3 > *{ flex:1 1 45%; } }

.lr-k span{ display:block; font-size:.6rem; font-weight:700; color:#888; line-height:1.3; }
.lr-k b{ display:block; font-size:.76rem; font-weight:800; color:#222; line-height:1.35; word-break:break-word; }

.lr-party{
  background:#EEF3FC; border-inline-start:3px solid var(--p2);
  padding:8px 10px; margin-bottom:9px;
}
.lr-party .lr-2:last-child{ margin-bottom:0; }

.lr-tbl{ width:100%; border-collapse:collapse; font-size:.74rem; }
.lr-tbl th{
  background:var(--p2); color:#fff; border:1px solid #c9d4e8;
  padding:5px 6px; text-align:start; font-weight:800; font-size:.68rem;
}
.lr-tbl td{ border:1px solid #d8dfec; padding:7px 6px; vertical-align:top; }
.lr-tbl td.bic{ text-align:center; white-space:nowrap; }
.lr-tbl small{ color:#777; font-size:.64rem; }

.lr-paisa{ margin-top:10px; margin-inline-start:auto; max-width:14rem; }

/* ⚠️ यह पंक्ति क़ानून की माँग है — GST कौन भरेगा, यह हर
   consignment note पर लिखा होना ही चाहिए।                    */
.lr-gst{
  margin-top:10px; background:#FFF8E9; border:1px solid #F3D9A4;
  border-radius:.5rem; padding:7px 10px;
  font-size:.7rem; font-weight:700; color:#6b4a10; line-height:1.6;
}
.lr-gst small{ color:#8a6d33; font-weight:600; }

.lr-neeche{
  display:flex; justify-content:space-between; align-items:flex-end;
  gap:12px; margin-top:12px;
}
.lr-shart{ flex:1; min-width:0; font-size:.6rem; font-weight:600; color:#888; line-height:1.5; }
.lr-sign{ flex:none; text-align:end; font-size:.66rem; font-weight:700; color:#333; }
.lr-sign span{
  display:block; margin-top:2.1rem; padding-top:3px;
  border-top:1px solid #bbb; font-size:.6rem; font-weight:600; color:#777;
}

/* ── छपाई ───────────────────────────────────────────────────
   छपते वक़्त पूरी app छिप जाती है और सिर्फ़ #print-area रहता है। */
#print-area{ display:none; }

@media print{
  body{ background:#fff; }
  body.chhap-raha #app,
  body.chhap-raha .botnav,
  body.chhap-raha #bina-net,
  body.chhap-raha #toast{ display:none !important; }
  body.chhap-raha #print-area{ display:block !important; }
  #print-area .lr{ border:0; border-radius:0; }
  #print-area .lr-sir{
    /* printer अक्सर background नहीं छापता — तब भी सिर लिखा दिखे */
    background:#fff !important; color:#000 !important;
    border-bottom:2px solid #000;
  }
  #print-area .lr-naam{ border-top-color:#999; }
  #print-area .lr-tbl th{ background:#eee !important; color:#000 !important; }
  #print-area .lr-party{ background:#f6f6f6 !important; }
  #print-area .bill-print { padding: 8mm; color: #000; font-size: 11pt; overflow-wrap: anywhere; }
  #print-area .bill-print .bigamt { background: #fff; color: #000; border: 1pt solid #777; }
  #print-area .bill-print .sarko { overflow: visible; }
  #print-area .bill-print table { min-width: 0 !important; table-layout: fixed; }
  #print-area .bill-print th, #print-area .bill-print td { overflow-wrap: anywhere; }
  #print-area .bill-print thead { display: table-header-group; }
  #print-area .bill-print tr, #print-area .bill-print .tot { break-inside: avoid; }
  #print-area .bill-print .tot-r { display: flex; flex-wrap: wrap; gap: 2mm; }
  #print-area .bill-print .tot-r > * { min-width: 0; max-width: 100%; }
}