/* Quote / invoice document (rendered by WW.render in q.js, printed to PDF at 794px = A4) */
.qdoc{--qn:#1f3a68;--ql:#eaf0f8;--qline:#dfe5ee;width:794px;padding:28px 40px 30px;background:#fff;color:#1d2433;font:10px/1.45 Arial,Helvetica,sans-serif;box-sizing:border-box}
.qdoc *{box-sizing:border-box}
.qdoc i{font-style:normal}
.qdoc h4{margin:0 0 6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--qn)}

.qhead{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:12px;border-bottom:2px solid var(--qn)}
.qlogo img{width:200px;display:block}
.qhead>div:last-child{text-align:right}
.qtitle{font-size:22px;font-weight:700;letter-spacing:.08em;color:var(--qn)}
.qsub{font-size:11.5px;font-weight:600;margin:2px 0 8px}
.qmeta{display:inline-grid;grid-template-columns:auto auto;gap:2px 10px;text-align:left}
.qmeta b{color:#5b6475;font-weight:600}

.qparty{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:12px 0 4px}
.qparty>div{background:var(--ql);border-radius:6px;padding:8px 12px}
.qbrand{font-weight:700}

.qt{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:10px}
.qt th{background:var(--qn);color:#fff;font-size:9.5px;font-weight:700;padding:6px;text-align:right;white-space:nowrap}
.qt th:nth-child(1){text-align:center}
.qt th:nth-child(2){text-align:left}
.qt th.c{text-align:center}
.qt td{padding:3px 6px;border-bottom:1px solid var(--qline);vertical-align:top;text-align:right}
.qt td.n{text-align:center;color:#7a8394}
.qt td.d{text-align:left;overflow-wrap:anywhere}
.qt td.c{text-align:center}
.qm td.c{text-align:right}
.qt td.m,.qt td.p{white-space:nowrap;font-variant-numeric:tabular-nums}
.qt tr.main td{background:var(--ql);font-weight:700}
.qt tr.inc td{font-weight:600;color:#5b6475}
.qt tr:not(.main):not(.inc):not(.tot) td.m,.qt tr:not(.main):not(.inc):not(.tot) td.p,.qt tr.inc td.m,.qt tr.inc td.p{color:#a2a9b6}
.qt tr.pad td{height:19px}
.qt tfoot td{border:0;padding-top:8px}
.qt tr.tot td.lbl{background:var(--ql);font-weight:700;text-align:right;padding:6px}
.qt tr.tot td.m{background:var(--qn);color:#fff;font-weight:700;padding:6px}

.qbar{margin-top:12px;padding:6px 10px;background:var(--ql);border-left:4px solid var(--qn);font-weight:700;letter-spacing:.06em;color:var(--qn)}

.qpay{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}
.qpay>div{border:1px solid var(--qline);border-radius:6px;padding:10px 14px}
.qpay .row{display:flex;justify-content:space-between;gap:12px;padding:2px 0}
.qpay .row.due{border-top:1px solid var(--qline);margin-top:4px;padding-top:6px;font-weight:700;color:var(--qn)}

.qterms{margin-top:12px}
.qterms>div{margin-bottom:0}
.qadd{display:grid;grid-template-columns:1fr 160px;gap:24px;align-items:end;margin-top:10px}
.qadd .sm{font-size:9px}
.qadd .sm:nth-of-type(odd){font-weight:700;margin-top:6px}
.qadd img{width:160px;opacity:.9}
.qsign{margin-top:12px;padding-top:10px;border-top:1px solid var(--qline)}
.qsrow{display:grid;grid-template-columns:1.3fr 1.3fr 1fr;gap:28px;margin-top:16px;color:#5b6475;font-size:9px}
.qsrow .ln{border-bottom:1px solid #1d2433;margin-bottom:4px}