*{box-sizing:border-box}body{margin:0;background:#f1f2ef;color:#252925;font:16px/1.5 Arial,sans-serif}header{display:flex;justify-content:space-between;gap:20px;padding:24px 5%;background:#252925;color:white}header a{color:white}main{max-width:1120px;margin:35px auto;padding:0 22px}h1{font-size:36px;font-weight:500}h2{font-size:22px;font-weight:500}section{background:white;padding:26px;margin:22px 0;border:1px solid #ddd}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}label{display:block;font-size:14px}input,select,textarea{display:block;width:100%;padding:11px;border:1px solid #adb2aa;border-radius:3px;margin-top:5px;font:16px Arial}textarea{min-height:75px;resize:vertical}button,.file{padding:12px 17px;border:1px solid #a6aba2;background:white;color:#252925;font:15px Arial;cursor:pointer;min-height:44px}.primary{background:#d94017;color:white;border-color:#d94017}.toolbar,.section-title{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:space-between}.item{padding:20px;background:#f5f6f3;margin:15px 0;border-left:3px solid #ed4b22}.item .grid{grid-template-columns:repeat(3,1fr)}.item h3{margin:0}.remove{font-size:14px;padding:8px}.muted{color:#596153;font-size:14px}.total{text-align:right;font-size:27px}#error{color:#a21e0b}.extra{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;margin-bottom:12px;align-items:end}.file input{max-width:220px;font-size:12px;border:0;padding:0}#document{padding:40px;color:#202720;overflow-wrap:anywhere}.doc-head{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid #ed4b22;padding-bottom:20px}.doc-brand{font-size:24px;font-weight:bold}.doc-title{font-size:26px}.doc-meta{font-size:14px;color:#50584c}.doc-table{border-collapse:collapse;width:100%;font-size:13px;margin-top:20px}.doc-table th,.doc-table td{padding:10px 7px;border-bottom:1px solid #ccd0c8;text-align:left;vertical-align:top}.doc-table th{background:#edf0e8}.doc-table td.num{text-align:right;white-space:nowrap}.spec{display:block;font-size:12px;color:#596153;margin-top:5px;white-space:pre-line}.doc-total{margin-left:auto;width:320px;max-width:100%;padding:20px 0}.doc-total p{display:flex;justify-content:space-between;gap:20px}.doc-terms{white-space:pre-line}.signature{margin-top:30px;border-top:1px solid #ccc;padding-top:15px}.print-foot{font-size:12px;color:#62695e}@media(max-width:720px){.grid,.item .grid{grid-template-columns:1fr}.extra{grid-template-columns:1fr}.wide{grid-column:auto}header{display:block}#document{padding:12px}section{padding:16px}.doc-table{font-size:11px}.doc-table th,.doc-table td{padding:5px 3px}.doc-head{display:block}}@page{size:A4;margin:14mm}@media print{body{background:white;font-size:11pt}.controls{display:none!important}main{max-width:none;margin:0;padding:0}#output{border:0;padding:0;margin:0}#document{padding:0}.doc-table{font-size:9pt}.doc-table thead{display:table-header-group}.doc-table tr{break-inside:avoid}.doc-head,.doc-total,.signature{break-inside:avoid}h2,h3{break-after:avoid}.doc-title{font-size:20pt}a{color:inherit;text-decoration:none}}
/* Compact editorial A4 quotation */
.doc-banner{display:block;width:100%;height:110px;object-fit:cover;margin:0 0 20px}#document{max-width:850px;margin:auto;background:#fff}.doc-head{padding-bottom:12px;align-items:start}.doc-brand{font-size:23px}.doc-title{margin:20px 0 7px;letter-spacing:-.5px}.doc-title+p{margin:0 0 16px;color:#5b6356}.doc-table{table-layout:fixed}.doc-table th:nth-child(1){width:5%}.doc-table th:nth-child(2){width:48%}.doc-table th:nth-child(3){width:11%}.doc-table th:nth-child(4),.doc-table th:nth-child(5){width:18%}.qty-head{white-space:nowrap}.doc-table td.num{white-space:normal}.doc-total{padding:12px 0}.doc-total p{margin:8px 0}.doc-total p:last-child{padding:12px;background:#edf0e8;border-left:3px solid #ed4b22;font-size:18px}.signature-block{break-inside:avoid}.tax-note{text-align:right;font-size:12px;margin-top:0}#document h2{font-size:18px;margin:17px 0 8px}.doc-terms p{margin:6px 0}.signature{margin-top:16px;padding-top:12px}.print-foot{margin:8px 0 0}.doc-table:has(th)~.doc-table{table-layout:auto}.doc-table:not(:has(th)) td:first-child{width:72%}
@media print{body{font-size:9pt;line-height:1.35}#document{max-width:none}.doc-banner{height:23mm;margin-bottom:4mm;print-color-adjust:exact}.doc-head{padding-bottom:3mm}.doc-brand{font-size:17pt}.doc-meta{font-size:8.5pt}.doc-title{font-size:18pt;margin:4mm 0 2mm}.doc-title+p{margin:0 0 3mm}#document>p{margin:2mm 0}.doc-table{margin-top:3mm;font-size:8.5pt}.doc-table td,.doc-table th{padding:2.2mm 1.5mm}.spec{font-size:7.8pt;line-height:1.35}.doc-table th{background:#edf0e8;print-color-adjust:exact}.doc-total{padding:2mm 0;width:75mm}.doc-total p{margin:1.5mm 0}.doc-total p:last-child{font-size:12pt;padding:2.5mm;print-color-adjust:exact}#document h2{font-size:11pt;margin:3mm 0 2mm}.doc-terms p{margin:1.5mm 0}.signature{font-size:9pt;margin-top:4mm;padding-top:3mm}.print-foot{font-size:7.5pt}.tax-note{font-size:8pt}.doc-head{display:flex}.doc-table td.num{overflow-wrap:normal}}