/* DukaanKit free tools — printable invoice / bill (A4 + 80mm/58mm thermal).
   The same .inv markup is shown scaled in .prev and cloned into #dk-print. */
.prev{position:relative;overflow:hidden;margin-top:12px;border-radius:14px;background:var(--bg-2);border:1px solid var(--line);min-height:120px}
.prev-scale{position:absolute;top:8px;left:8px;transform-origin:0 0}
.prev .inv{box-shadow:0 10px 30px rgba(15,23,42,.12)}

.inv{background:#fff;color:#111;font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.4;text-align:left}
.inv b{font-weight:700}
.inv small{display:block;font-size:.82em;color:#555;font-weight:400}
.inv img{display:block}

/* ---------- A4 ---------- */
.inv.a4{width:794px;min-height:600px;padding:34px 38px 26px;font-size:12px}
.i-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:14px;border-bottom:2px solid #111}
.i-seller{display:flex;gap:14px;align-items:flex-start;min-width:0}
.i-logo{width:72px;height:72px;object-fit:contain;flex:none}
.i-name{font-size:19px;font-weight:800;letter-spacing:-.01em;margin-bottom:2px}
.i-muted{color:#444}
.i-title{text-align:right;flex:none}
.i-title .t{font-size:20px;font-weight:800;letter-spacing:.06em}
.i-title .o{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
.i-stmt{padding:6px 0;font-size:10.5px;font-weight:600;border-bottom:1px solid #ddd}
.i-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px 14px;padding:12px 0;border-bottom:1px solid #ddd}
.i-meta span,.i-lbl{display:block;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#666}
.i-meta b{font-size:12.5px}
.i-party{padding:12px 0;border-bottom:1px solid #ddd}
.i-party b{font-size:13.5px}
.i-items{width:100%;border-collapse:collapse;margin-top:12px}
.i-items th{background:#F3F4F6;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:#333;text-align:left;padding:7px 6px;border-bottom:1.5px solid #111}
.i-items td{padding:7px 6px;border-bottom:1px solid #e5e5e5;vertical-align:top}
.i-items .n{text-align:right;white-space:nowrap}
.i-items th small{display:inline;text-transform:none;letter-spacing:0;margin-left:3px}
.i-bottom{display:grid;grid-template-columns:1fr 250px;gap:22px;margin-top:14px;align-items:start}
.i-hsn{width:100%;border-collapse:collapse;font-size:10.5px}
.i-hsn th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#555;border-bottom:1px solid #999;padding:4px 5px}
.i-hsn td{padding:4px 5px;border-bottom:1px solid #eee}
.i-hsn .n{text-align:right}
.i-hsn small{display:inline;margin-left:4px}
.i-words{margin-top:10px}
.i-words b{font-size:11.5px}
.i-pay{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;align-items:flex-start}
.i-upi{display:flex;gap:10px;align-items:center}
.i-qr{width:96px;height:96px;image-rendering:pixelated}
.i-note{margin-top:10px;font-weight:600}
.i-terms{margin-top:10px;font-size:10.5px;color:#444}
.i-tot div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #eee}
.i-tot div.g{border-top:2px solid #111;border-bottom:2px solid #111;margin-top:4px;padding:8px 0;font-size:15px}
.i-tot div.g b{font-size:16px}
.i-sign{margin-top:26px;margin-left:auto;width:230px;text-align:center}
.i-sign .sp{height:44px;border-bottom:1px solid #999;margin-bottom:4px}
.i-foot{margin-top:18px;font-size:9.5px;color:#777;text-align:center}

/* ---------- thermal ---------- */
.inv.t{padding:12px 10px 16px;font-size:12px;line-height:1.35;font-family:Inter,Arial,Helvetica,sans-serif}
.inv.t80{width:302px}
.inv.t58{width:219px;font-size:11px}
.inv.t .c{text-align:center}
.inv.t .i-logo{width:56px;height:56px;margin:0 auto 4px}
.inv.t .t-name{font-size:15px;font-weight:800}
.inv.t .t-title{font-weight:800;letter-spacing:.08em;margin:6px 0 4px}
.inv.t hr{border:0;border-top:1px dashed #111;margin:6px 0}
.inv.t .rw{display:flex;justify-content:space-between;gap:8px}
.inv.t .rw span:last-child{text-align:right;white-space:nowrap}
.inv.t .t-item{font-weight:600;margin-top:3px}
.inv.t .t-sub{font-size:.85em;color:#333}
.inv.t .t-tot{font-size:1.2em;font-weight:800;margin:4px 0 2px}
.inv.t .i-qr{width:130px;height:130px;margin:4px auto}
.inv.t .t-made{margin-top:8px;color:#666}

/* ---------- print ---------- */
@media print{
  #dk-print .inv{box-shadow:none}
  #dk-print .inv.a4{width:auto;min-height:0;padding:0}
  #dk-print .inv.t80{width:72mm;margin:0 auto;padding:2mm 1mm 6mm}
  #dk-print .inv.t58{width:48mm;margin:0 auto;padding:2mm 0 6mm}
  #dk-print .i-items tr,#dk-print .i-hsn tr{break-inside:avoid}
  #dk-print .i-bottom,#dk-print .i-sign{break-inside:avoid}
}