:root{--green:#153f35;--ink:#24362e;--muted:#68786e;--line:#ccd6cf;--pale:#eff4f0}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#e9eeea;font:14px Arial,sans-serif}.bar{height:76px;padding:0 38px;display:flex;justify-content:space-between;align-items:center;background:var(--green);color:white}.bar strong{font-size:24px;letter-spacing:5px}.bar span{border-left:1px solid #648379;margin-left:24px;padding-left:24px}#clock{font-size:12px;color:#d5e3db}main{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;max-width:1270px;margin:32px auto;padding:0 28px}aside{position:sticky;top:24px;height:fit-content;padding:18px 0}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--muted)}h1{font-size:28px;line-height:1.5;margin:16px 0}aside p{color:var(--muted);line-height:1.8}button,.import{display:block;width:100%;padding:12px 16px;border:1px solid #c5d1c8;border-radius:7px;background:#fff;color:var(--green);font:inherit;text-align:center;cursor:pointer;margin:10px 0}button:hover,.import:hover{background:#dae5dd}button.primary{background:var(--green);color:white;border-color:var(--green)}button:disabled{opacity:.5;cursor:wait}.history{display:block;margin-top:25px;font-size:12px}.history select{width:100%;padding:10px;margin-top:8px;border:1px solid var(--line);border-radius:6px}.import input{display:none}.hint{padding:18px;border-left:2px solid var(--green);font-size:12px;line-height:2;background:#e1e8e2;margin-top:24px}.small{font-size:11px}#status{font-size:12px;line-height:1.6;color:var(--green);margin-top:16px}.paper-wrap{overflow:auto;padding:1px 8px 24px}.paper{background:white;width:794px;min-height:1123px;padding:40px 42px 35px;box-shadow:0 8px 35px #19332812;margin:auto;font-size:12px}.letterhead{display:flex;align-items:flex-start;gap:18px;padding-bottom:26px;border-bottom:2px solid var(--green)}.logo{width:84px;height:84px}.brand{flex:1}.brand h2{font-size:22px;margin:0 0 13px;color:var(--green)}.brand p{font-size:9px;line-height:1.6;color:var(--muted);margin:0}.title{text-align:right;white-space:nowrap;font-size:12px;line-height:1.8;padding-top:4px}.title b{display:block}.info{display:grid;grid-template-columns:1fr 1fr;gap:16px 25px;padding:22px 0}.field{display:flex;align-items:baseline;gap:8px;min-width:0}.field>label{font-weight:bold;white-space:nowrap;font-size:11px}.field .editable{flex:1;min-width:0}.wide{grid-column:1/-1}input,textarea,select{font:inherit;color:inherit}input,textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:#f8faf8;padding:6px 3px;outline:none;border-radius:0}input:focus,textarea:focus{background:#eef5f0;border-color:var(--green)}textarea{resize:vertical;min-height:34px}input[readonly]{background:transparent;color:var(--muted)}.sectiontitle{display:flex;justify-content:space-between;margin:12px 0 15px;font-size:12px;color:var(--green)}.sectiontitle span{font-size:10px;color:var(--muted)}table{width:100%;border-collapse:collapse;table-layout:fixed}th{background:var(--green);color:white;font-size:10px;padding:13px 5px;text-align:center}td{border:1px solid var(--line);padding:6px 4px;height:53px;text-align:center;vertical-align:middle}td:first-child{font-size:10px;color:var(--muted)}td input{padding:8px 2px;text-align:right;border-color:transparent}td textarea{font-size:11px;text-align:left;border-color:transparent;min-height:40px}td:nth-child(3) input,.qty{color:#cb2424;font-weight:600}.money{font-size:13px;font-weight:700}td.money{font-size:13px;overflow-wrap:anywhere}.summary{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:15px 0 20px}.ship h3{font-size:11px;margin:10px 0;color:var(--green)}.ship .field{margin-bottom:8px}.ship label{font-size:10px;font-weight:normal}.ship select{padding:5px;width:100%;border:1px solid var(--line);background:white}.totals>div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;border-bottom:1px solid var(--line);padding:5px 8px}.totals label{font-size:10px}.totals .editable{width:104px}.totals input{text-align:right}.totals .em{background:var(--pale)}.terms{border-top:1.5px solid var(--green);padding-top:16px}.terms h3{font-size:12px;margin:0 0 16px}.terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.terms p{font-size:9px;line-height:1.5;margin:0 0 11px}.footer{font-size:19px;font-weight:bold;text-align:center;border-top:1px solid var(--line);margin-top:26px;padding-top:22px;color:var(--green)}.print-value{display:none;white-space:pre-wrap;overflow-wrap:anywhere}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}.invalid{color:#bd2323} @media(max-width:1000px){main{grid-template-columns:1fr}aside{position:static}h1,aside>p,.eyebrow,.hint{display:none}aside{display:flex;flex-wrap:wrap;gap:8px}aside button,.import{width:auto;margin:0}.history{margin:0;min-width:200px}.history select{margin:0}.small,#status{width:100%}.bar{padding:0 18px}.bar span{display:none}.paper-wrap{margin:0 -15px}}@page{size:A4;margin:8mm}@media print{html,body{background:white}body{font-size:12px}.bar,aside{display:none!important}main{display:block;margin:0;padding:0}.paper-wrap{overflow:visible;padding:0;margin:0}.paper{width:100%;min-height:0;padding:5mm 3mm;box-shadow:none;margin:0;font-size:11px}.paper input,.paper textarea,.paper select{display:none!important}.print-value{display:block;min-height:17px}.editable{min-height:20px}.info{padding:18px 0;gap:14px 20px}.field .editable{border-bottom:1px solid var(--line)}td{height:48px}.money{font-size:12px;font-weight:700}.footer{font-size:18px}.terms p{font-size:8.4px}.summary{gap:22px}.letterhead{padding-bottom:19px}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* The approved PDF is the exact artwork; transparent fields sit on its blank areas. */
@font-face{font-family:Order;src:url(font.ttf)}@font-face{font-family:Order;src:url(font-bold.ttf);font-weight:700}
.paper{position:relative;width:794px;height:1123px;min-height:0;padding:0;font-family:Order,sans-serif;font-size:12px;overflow:hidden}.template{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.entry{position:absolute;display:flex;align-items:center;min-width:0}.entry input,.entry textarea{display:block;width:100%;height:100%;padding:0;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0;background:transparent!important;font:inherit;color:inherit;resize:none;line-height:1.45}.entry textarea{min-height:0}.entry input[readonly]{color:inherit}.entry.qty{color:#cb2424;text-align:center}.entry.qty input{text-align:center}.entry.money{font-size:13.33px;font-weight:700;justify-content:flex-end;text-align:right}.entry.money input{text-align:right}.entry.computed{white-space:nowrap}.paycheck{position:absolute;display:flex;align-items:center;justify-content:center}.paycheck input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.paycheck span{font-size:11px;line-height:1;pointer-events:none}.entry .print-value{width:100%;line-height:1.45}.paper input[type=number]{appearance:textfield}.entry .print-value{min-height:0}
@page{size:A4;margin:0}@media print{.paper{width:210mm;height:297mm;padding:0;margin:0;min-height:0;font-size:9pt;overflow:hidden}.entry.money{font-size:10pt;font-weight:700}.paper-wrap{padding:0;margin:0;overflow:visible}.paper .entry input,.paper .entry textarea,.paper .paycheck input{display:none!important}.entry .print-value{display:block}.entry{border:0!important}.paycheck span{font-size:8pt}.template{display:block}}

.summary-cover{position:absolute;background:white}.summary-label{position:absolute;display:flex;align-items:center;border-bottom:1px solid #d9e2dc;font-size:10px;padding-left:8px;color:#193b32}.summary-label span{max-width:67%;line-height:1.35}.summary-total{background:#eef4ef;font-weight:700}