@font-face{font-family:Sarabun;src:url('vendor/Sarabun-Regular.ttf')}*{box-sizing:border-box}body{margin:0;background:#ecebe5;color:#21382f;font-family:Sarabun,Georgia,serif;font-size:14px}header{height:88px;background:#173b30;color:#f3eadd;display:flex;align-items:center;padding:0 4%;gap:17px;border-bottom:4px solid #b99a5c}header b{letter-spacing:3px}header small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}.seal{border:1px solid #c7b588;border-radius:50%;padding:12px;font:22px Georgia}.local{margin-left:auto;font-size:11px;color:#c8d5c9}main{display:grid;grid-template-columns:minmax(400px,44%) 1fr;max-width:1800px;margin:auto}aside{padding:36px 35px;background:#faf8f1;border-right:1px solid #d7d8cf}.eyebrow{font-size:9px;letter-spacing:2px;color:#947c45}h1{font:38px/1.12 Georgia,serif;font-weight:normal;margin:15px 0}p{line-height:1.65;color:#667267}section{padding:25px 0;border-top:1px solid #deded1;margin-top:24px}h2{font-size:13px;color:#9c8651;font-weight:normal;letter-spacing:2px;margin:0 0 18px}h2 span{font-size:17px;color:#203b30;letter-spacing:0;margin-left:15px}h3{font-size:12px;font-weight:normal;text-transform:uppercase;letter-spacing:1px;margin-top:24px}.hint{font-size:11px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:11px;color:#637065}input,textarea,select{display:block;width:100%;padding:10px;border:1px solid #d9dcd0;background:#fffef9;color:#203b30;border-radius:3px;font:13px Sarabun,serif;margin-top:5px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #ae975e}.check{display:flex;align-items:flex-start;gap:7px;margin-top:14px}.check input{width:auto;margin:2px}button{background:#234b3b;color:#fffdf3;border:1px solid #234b3b;padding:10px 15px;border-radius:3px;cursor:pointer;font:12px Sarabun,serif}button:disabled{opacity:.4;cursor:not-allowed}.ghost{background:transparent;color:#284d3b;border-color:#b8c0af}.actions{display:flex;gap:9px;margin-top:12px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%}.editor th{font-size:10px;text-align:left}.editor td{min-width:65px}.editor td:first-child{min-width:150px}.editor input{padding:6px}.editor button{padding:6px}.policy{margin-top:18px}.storage{border-left:3px solid #b49a62;padding-left:15px}.storage p{font-size:12px}article{padding:30px;overflow:hidden}.previewbar{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;margin-bottom:20px}.previewbar button{letter-spacing:0}.previewbar div{display:flex;gap:7px}#status{padding:14px;background:#e2e8d9;font-size:12px;margin-bottom:20px;white-space:pre-line}#status.error{background:#f3e2d7;color:#833b29}.paper{width:794px;min-height:1123px;padding:48px 52px;background:white;color:#202b25;margin:0 auto 25px;box-shadow:0 8px 35px #26372b12;font:14px Sarabun,serif;position:relative;overflow:hidden}.paperhead{display:flex;justify-content:space-between;border-bottom:3px solid #254b3a;padding-bottom:22px}.brand{font:29px Georgia;color:#234b3b}.doctype{text-align:right;font-size:18px}.meta{font-size:11px;line-height:1.7;margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}.parties{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:28px 0}.partytitle{color:#89784f;font-size:10px;letter-spacing:2px}.invoice-table th{background:#244b39;color:#fff;padding:10px;font-weight:normal;font-size:12px;text-align:right}.invoice-table th:nth-child(2){text-align:left}.invoice-table td{padding:11px 8px;border-bottom:1px solid #e6e8df;text-align:right;overflow-wrap:anywhere;max-width:300px}.invoice-table td:nth-child(2){text-align:left}.summary{width:300px;margin:25px 0 0 auto}.summary div{display:flex;justify-content:space-between;padding:6px}.summary .grand{background:#edf0e7;border-top:2px solid #254b3a;font-size:18px;padding:13px 8px;margin-top:8px}.signature{display:flex;justify-content:space-between;margin-top:65px;font-size:11px;color:#70766b}.signature span{border-top:1px solid #bcc3b4;padding:8px 15px}.pagefoot{margin-top:30px;font-size:10px;color:#899080;border-top:1px solid #e5e8df;padding-top:10px;display:flex;justify-content:space-between}.watermark{color:#b54d32;font-size:11px;letter-spacing:3px;margin:15px 0}.footnote{text-align:center;font-size:10px}#expected label{margin-top:8px}#parseWarnings{font-size:11px;color:#963e28;white-space:pre-wrap;margin-top:8px}@media(max-width:1450px){.paper{zoom:.75}}@media(max-width:1100px){main{grid-template-columns:1fr}.paper{zoom:.85}aside{padding:25px}article{padding:20px}}@media(max-width:750px){.paper{zoom:.44}article{padding:12px}.previewbar{display:block}.previewbar div{margin-top:10px}.local{display:none}h1{font-size:32px}.grid{gap:8px}header{padding:0 20px}}@page{size:letter;margin:0}@media print{header,aside,.previewbar,#status,.footnote{display:none!important}body,main,article,#preview{display:block;margin:0;padding:0;background:white;overflow:visible}.paper{zoom:1!important;box-shadow:none;width:210mm;height:297mm;min-height:0;page-break-after:always;margin:0;padding:12mm 14mm}.paper:last-child{page-break-after:auto}}
aside,article{min-width:0}.scroll{max-width:100%}.grid>*{min-width:0}input,select,textarea{min-width:0}@media(max-width:750px){main{width:100%;max-width:100%}.paper{zoom:.42}.previewbar>div{flex-wrap:wrap}}

/* Source: uploaded original is US Letter (612 x 792 pt); adapted to requested A4. */
@font-face{font-family:InvoiceRoboto;src:url('vendor/Roboto.ttf')}@font-face{font-family:InvoiceThai;src:url('vendor/NotoSansThai.ttf')}
.paper{height:1123px;min-height:1123px;padding:38px 36px;color:#111;font:11.7px/1.55 InvoiceRoboto,InvoiceThai,Sarabun,sans-serif;overflow:hidden}.source-header{display:grid;grid-template-columns:1fr 1fr;min-height:293px;gap:0}.source-left{padding-right:15px}.source-logo{display:block;width:70px;height:70px;object-fit:contain;margin-bottom:15px}.store-lines>div,.customer-lines>div{display:flex;gap:11px;line-height:18.5px}.store-lines span,.customer-lines span{flex:1;overflow-wrap:anywhere}.store-lines .address-line span,.customer-lines .address-line span{margin-left:0}.customer-title{color:#3d5d2e;font-size:13.6px;margin:15px 0 2px}.source-title{font-size:20px;color:#3d5d2e;text-align:center;height:42px;border-bottom:1px solid #ececec}.invoice-meta{padding:11px 22px 13px;border-bottom:1px solid #ececec}.invoice-meta>div,.contact-meta>div{display:flex;line-height:18.5px;min-height:18.5px}.invoice-meta span,.contact-meta span{width:102px;flex-shrink:0;color:#3d5d2e}.invoice-meta b,.contact-meta b{font-weight:normal;overflow-wrap:anywhere}.contact-meta{padding:12px 22px}.invoice-table{table-layout:fixed}.invoice-table th{background:white;color:#aaa;font-size:11.7px;font-weight:normal;padding:9px 0 10px;text-align:center;white-space:nowrap}.invoice-table th:nth-child(2){text-align:center}.invoice-table td{padding:5px 0;border-bottom:1px solid #e8e8e8;font-size:11.7px;line-height:17px;text-align:center;max-width:none;overflow-wrap:anywhere}.invoice-table td:nth-child(2){text-align:left}.summary{width:305px;margin:11px 0 0 auto}.summary>div{padding:0;display:grid;grid-template-columns:1fr 160px;line-height:18.5px;text-align:right}.summary>div span:first-child{color:#3d5d2e}.payment-text{margin-top:13px;line-height:19px}.payment-fields{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:12px}.payment-fields>div{display:flex;gap:7px;border-bottom:1px solid #ececec;min-height:20px}.payment-fields span{flex:1;text-align:center;overflow-wrap:anywhere}.representatives{display:flex;justify-content:space-between;margin-top:10px}.signatures{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:12px;margin-top:24px;text-align:center}.signatures>div>span{display:block;height:20px;border-bottom:1px solid #e9e9e9}.pagecount{position:absolute;bottom:18px;right:36px;color:#aaa;font-size:9px}.paper:only-child .pagecount{display:none}.watermark{position:absolute;top:15px;left:120px;margin:0;font-size:9px}.continued{margin-top:20px;color:#3d5d2e}@media print{.paper{padding:38px 36px;width:794px;height:1123px;min-height:1123px}}
/* Preserve original normalized vertical geometry on taller A4. */
.paper{font-size:12.7px}.source-header{min-height:315px}.source-title{height:46px}.source-logo{margin-bottom:18px}.store-lines>div,.customer-lines>div{line-height:20px}.invoice-meta>div,.contact-meta>div{line-height:20px;min-height:20px}.invoice-table th{font-size:12.7px}.invoice-table td{font-size:12.7px;line-height:19px;padding:5px 0}.summary>div{line-height:20px}.payment-text{line-height:20px}.signatures{margin-top:30px}

.store-lines{font-size:11.7px}.store-lines .address-line span{white-space:nowrap;font-size:11.5px}.payment-text{font-size:11.7px}.source-title{font-size:20px}

/* Match original US Letter, 612 x 792 pt at 96 CSS dpi. */
.paper{width:816px;height:1056px;min-height:1056px;font-size:11.7px}.source-header{min-height:293px}.source-title{height:42px}.source-logo{margin-bottom:15px}.store-lines>div,.customer-lines>div{line-height:18.5px}.invoice-meta>div,.contact-meta>div{line-height:18.5px;min-height:18.5px}.invoice-table th,.invoice-table td{font-size:11.7px}.invoice-table td{line-height:17px}.summary>div{line-height:18.5px}.payment-text{line-height:19px}.signatures{margin-top:24px}@media print{.paper{width:816px;height:1056px;min-height:1056px}}
.ocr-review{border:1px solid #b8c0af;padding:12px;margin-top:12px}.ocr-review textarea{white-space:pre-wrap}.ocr-status{white-space:pre-wrap;font-size:12px}progress{width:100%}


.customer-paste{border:1px solid #b69661;border-left:4px solid #b69661;padding:18px;margin:18px 0 24px;background:#f7f0e3}
.customer-paste h3{margin-top:0}.customer-paste button{margin:8px 8px 8px 0}
.proposal-row{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center}.proposal-row>input{width:18px;height:18px}.proposal-row textarea{min-height:90px}
.customer-paste .ocr-status{white-space:pre-wrap;overflow-wrap:anywhere}.customer-lines .address-line span{white-space:pre-line}

details{border-top:1px solid #d7ddcc;margin:16px 0;padding:14px 0}summary{cursor:pointer;font-size:13px;font-weight:600;color:#284b3d;min-height:28px}details[open]>summary{margin-bottom:14px}details section{border:0;padding:8px 0;margin:0}.issue-step{border:1px solid #d7ddcc;padding:18px!important}#status{cursor:pointer}.intro{padding-bottom:8px} .intro h1{font-size:32px}.intro p{margin-bottom:8px}.customer-paste{margin-top:12px}#customer_address{min-height:90px}#scanExtras{margin-top:22px}

/* Restrained staff workflow; native keyboard-accessible disclosure. */
main{max-width:1500px;grid-template-columns:minmax(360px,480px) 1fr}aside{padding:28px}h1{font-size:30px}details{border-top:1px solid #deded1;margin:12px 0;padding:12px 0}summary{cursor:pointer;font-size:13px;color:#234b3b;list-style-position:inside}summary:focus-visible,button:focus-visible{outline:3px solid #ae975e;outline-offset:3px}details section{border:0;margin:0;padding:12px 0}.intro p{margin-bottom:0}.customer-paste{padding:12px;margin:12px 0}.customer-paste .hint{display:none}.customer-paste h3{display:none}#pdfStep button{margin:5px 6px 5px 0}#pdfStep>div{display:flex;flex-wrap:wrap}#status{scroll-margin-top:20px}.editor{min-width:420px}@media(max-width:1100px){main{grid-template-columns:1fr}}@media(max-width:750px){aside{padding:20px}h1{font-size:28px}.paper{zoom:.40}article{overflow:auto}}@media print{#pdfStep{display:none!important}}

/* Source-sized type, tighter rows; height-measured pagination. */
.paper .invoice-table td{padding:3px 0;line-height:17px}.paper .source-header{min-height:0}.paper .invoice-table{margin-top:12px}

@media print{html,body{width:816px!important}main,article,#preview{width:816px!important;max-width:none!important}.paper{break-inside:avoid;break-after:page;page-break-inside:avoid;zoom:1!important}.paper:last-child{break-after:auto}}

/* Authoritative English seller address: wrap within its column, never clip. */
.store-lines .address-line span{white-space:normal}