/* MatArc CashBook — billing tab and the printed tax invoice */
/* billing — invoice form */
dialog#dlg.wide{width:min(980px,calc(100vw - 24px))}
dialog#dlg.xwide{width:min(1180px,calc(100vw - 24px))}
dialog#dlg.wide .dlgbody{max-height:min(78vh,820px)}
.invhead,.invrow{display:grid;grid-template-columns:minmax(140px,2.4fr) .9fr .6fr 1fr .6fr auto 1fr auto;gap:6px;align-items:center}
.invhead{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600;margin-bottom:4px}
.invrow{margin-bottom:6px}
.invrow input{padding:8px 9px;font-size:13px}
.invincl{display:flex;gap:4px;align-items:center;font-size:11px;color:var(--muted);white-space:nowrap}
.invincl input{width:auto;margin:0;accent-color:var(--green)}
.invamt{font-weight:600;font-size:13px}
@media(max-width:760px){.invhead{display:none}.invrow{grid-template-columns:1fr 1fr 1fr;border-bottom:1px dashed var(--line);padding-bottom:8px}.invrow input[name=it_name]{grid-column:1/-1}}
.invpreview{background:#e9e9e9;max-height:min(80vh,900px)!important}
.invpreview .inv{box-shadow:0 2px 12px #0002}

/* billing — the printed tax invoice (always light, like the Vyapar bill) */
.inv{--ib:#3f4155;--ih:#f4f4f4;background:#fff;color:#2b2d3a;font:11.5px/1.4 Roboto,"Segoe UI",Arial,sans-serif;width:1060px;max-width:100%;margin:0 auto;padding:22px 30px;box-sizing:border-box}
.inv h1{text-align:center;font-size:23px;font-weight:700;color:#3f4155;margin:0 0 12px}
.inv .ibox{border:1px solid var(--ib);margin-bottom:8px;width:100%}
.inv table{width:100%;border-collapse:collapse;font-size:11.5px}
.inv th,.inv td{border:1px solid var(--ib);padding:4px 6px;vertical-align:top;text-align:left;position:static;background:none;
  text-transform:none;letter-spacing:0;color:#2b2d3a;font-weight:400;font-size:11.5px}
.inv th{font-weight:700}
.inv tr:hover{background:none}
.inv .hd,.inv tr.hd th{background:var(--ih);font-weight:700}
.inv .r{text-align:right}.inv .c{text-align:center;vertical-align:middle}
.inv tr.b td{font-weight:700}
.inv .ihead{display:flex;gap:18px;align-items:center;padding:10px 12px}
.inv .ilogo{width:90px;height:86px;flex:0 0 90px;background-repeat:no-repeat;background-size:172px auto;background-position:-38px -2px}
.inv .ico{flex:1;min-width:0}
.inv .iname{font-size:22px;font-weight:700;color:#3f4155;margin-bottom:4px}
.inv .igrid{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px;margin-top:4px}
.inv .iitems{border-bottom:0;margin-bottom:0}
.inv .ibot{display:flex;border:1px solid var(--ib);border-top:0;margin-bottom:8px}
.inv .ileft{flex:3;border-right:1px solid var(--ib)}
.inv .iright{flex:1}
.inv .ipad{padding:4px 6px}
.inv .itax th,.inv .itax td{border-left:0}
.inv .itax tr>*:last-child{border-right:0}
.inv .irow{display:grid;grid-template-columns:1fr 20px auto;padding:4px 6px;border-bottom:1px solid var(--ib)}
.inv .irow.b{font-weight:700}
.inv .iright .ipad{border-bottom:1px solid var(--ib)}
.inv .isign{text-align:center;vertical-align:bottom}
.inv .isigimgs{display:flex;justify-content:center;align-items:flex-end;gap:18px;margin-bottom:4px}
.inv .iseal{max-height:74px;max-width:120px}
.inv .isig{max-height:56px;max-width:190px}
.signslots{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.signslot{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px}
.signprev{width:120px;height:80px;flex:0 0 120px;display:grid;place-items:center;background:#fff;border:1px dashed var(--line);border-radius:8px;overflow:hidden;font-size:11px;text-align:center}
.signprev img{max-width:100%;max-height:100%}
@media(max-width:620px){.signslots{grid-template-columns:1fr}}
.inv .istamp{font-family:"Times New Roman",serif;font-size:7.5px;line-height:1.25;margin-bottom:10px;color:#111}
.inv .istamp b{display:block;font-size:10px;font-weight:700}
#invoicePrint{display:none}
@page invoice{size:A4 landscape;margin:8mm}
@media print{
  body.print-invoice>*:not(#invoicePrint){display:none!important}
  body.print-invoice{padding:0!important;background:#fff!important}
  body.print-invoice #invoicePrint{display:block;page:invoice}
  #invoicePrint .inv{width:100%;padding:0;box-shadow:none}
  #invoicePrint .inv *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}