@font-face{font-family:Local;src:url(font.ttf)}@font-face{font-family:Local;src:url(font-bold.ttf);font-weight:700}*{box-sizing:border-box}body{margin:0;background:#eeeae4;color:#24201c;font-family:Local,Arial,sans-serif}.bar{height:68px;background:#24221f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.bar strong{letter-spacing:3px}.bar small{font-weight:400;letter-spacing:0;color:#c9bfb2;margin-left:18px}#clock{font-size:13px}main{display:grid;grid-template-columns:280px 1fr;max-width:1280px;margin:32px auto;gap:32px;padding:0 24px}aside{padding:10px 0;position:sticky;top:24px;align-self:start}.eyebrow{font-size:10px;letter-spacing:3px;color:#ae5429}h1{font-size:30px;line-height:1.5;margin:14px 0}aside p{font-size:13px;line-height:1.8;color:#777}button,.import{display:block;width:100%;padding:12px 14px;border:1px solid #d6cfc4;background:#faf8f5;border-radius:6px;margin:9px 0;cursor:pointer;text-align:left;font:inherit;font-size:13px}.primary{background:#ad522b;color:white;border-color:#ad522b}button:hover{filter:brightness(.95)}.control{display:block;font-size:12px;margin:18px 0 12px;color:#6f6154}select{width:100%;margin-top:8px;padding:10px;border:1px solid #d6cfc4;background:white;border-radius:4px}.import input{display:block;margin-top:9px;width:100%;font-size:11px}.small{font-size:11px!important}#status{font-size:12px;line-height:1.7;color:#9a4d29}.paper-wrap{overflow:auto;padding-bottom:30px}.paper{background:white;width:794px;min-height:1123px;padding:42px 42px 30px;box-shadow:0 8px 30px #37261712;position:relative;border-top:7px solid #ae552d}.brand{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #ddd2c5;padding-bottom:20px}.brand img{width:142px;height:78px;object-fit:contain;object-position:left center}.brand-title{text-align:right}.brand-title h2{margin:8px 0;font-size:23px;letter-spacing:1.2px}.brand-title p{font-size:11px;color:#897660;margin:0}.address{font-size:10px;line-height:1.6;margin:14px 0 22px;color:#675b51}.section{font-size:10px;letter-spacing:2px;color:#aa552e;border-bottom:1px solid #e5ded5;padding-bottom:7px;margin:23px 0 13px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.field{min-width:0}.wide{grid-column:1/-1}label.caption{font-size:10px;display:block;color:#87786a;margin-bottom:3px}input,textarea{font:inherit;color:inherit;width:100%;border:0;border-bottom:1px solid #ece6de;background:transparent;padding:4px 0;font-size:12px;border-radius:0;outline:none}input:focus,textarea:focus{border-bottom-color:#ad522b;background:#fff9ef}textarea{resize:vertical;min-height:45px;line-height:1.5}input[readonly]{color:#7d6c5d}table{border-collapse:collapse;width:100%;table-layout:fixed}th{text-align:left;background:#292521;color:#fff;font-size:9px;padding:10px 6px;font-weight:400}td{padding:8px 6px;border-bottom:1px solid #e8e0d5;vertical-align:top;font-size:11px}td input{font-size:11px}td textarea{font-size:11px;min-height:48px}th:nth-child(1){width:42%}th:nth-child(2){width:9%}th:nth-child(3){width:17%}th:nth-child(4){width:13%}th:nth-child(5){width:19%}.qty input{color:#c3422b;font-weight:700}.amount{font-weight:700;text-align:right;font-size:13px;padding-top:14px}.notes-summary{display:grid;grid-template-columns:1fr 280px;gap:28px;margin-top:22px}.summary .sumrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #ece6de;font-size:11px}.summary input{width:115px;text-align:right;font-weight:700}.summary output{font-size:16px;font-weight:700}.summary .total{color:#ab5027;background:#fcf3e9;padding:12px 9px}.summary .total output{font-size:21px}.footer{margin-top:35px;border-top:1px solid #d8ccbb;text-align:center;padding-top:17px}.footer strong{font-size:19px;letter-spacing:2px}.footer p{font-size:10px;color:#827263;margin:7px}.print-value{display:none;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;min-height:22px;padding:4px 0}.exporting input,.exporting textarea{display:none}.exporting .print-value{display:block}.exporting .qty .print-value{color:#c3422b;font-weight:700}.exporting .summary .print-value{text-align:right;font-weight:700;width:115px}@media(max-width:1100px){main{grid-template-columns:230px 1fr;gap:20px}.paper-wrap{max-width:100%}}@media(max-width:700px){.bar{padding:0 18px}#clock{font-size:10px}main{display:block;margin-top:15px;padding:0 12px}aside{position:static}h1{font-size:23px}aside button{display:inline-block;width:48%;margin:5px 1% 5px 0}.paper-wrap{margin-top:20px}.paper{transform-origin:top left}}@page{size:A4;margin:0}@media print{body{background:white}.bar,aside{display:none}main{display:block;margin:0;padding:0;max-width:none}.paper-wrap{overflow:visible;padding:0}.paper{width:210mm;min-height:297mm;box-shadow:none;margin:0;padding:11mm;border-top-width:2mm}input,textarea{display:none}.print-value{display:block}.summary .print-value{width:115px;text-align:right;font-weight:700}.qty .print-value{color:#c3422b;font-weight:700}tr{break-inside:avoid}}
.paper{padding:30px 38px 24px}.brand{padding-bottom:12px}.brand img{height:62px}.address{margin:10px 0 14px}.grid{gap:7px 24px}.section{margin:15px 0 9px;padding-bottom:6px}textarea{min-height:34px}td{padding:5px 6px}td textarea{min-height:34px}.notes-summary{margin-top:14px;gap:22px}.summary .sumrow{padding:5px 0}.summary .total{padding:9px}.footer{margin-top:21px;padding-top:12px}@media print{.paper{padding:8mm 10mm 6mm}.grid{gap:5px 24px}.section{margin-top:12px}.footer{margin-top:14px}}
@media print{.paper{zoom:.9;width:233.33mm;min-height:329mm}}
.terms-area textarea{height:128px;min-height:128px;resize:vertical;font-size:10px;line-height:1.7;padding:7px 0}.terms-area .print-value{font-size:10px;line-height:1.7;padding:7px 0}.assurance-row{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding:13px 16px;border:1px solid #e3d9cc;background:#faf7f2;border-radius:6px;gap:25px}.delivery-box{width:230px}.courier-logo{width:100px;height:38px;object-fit:contain;object-position:left center;display:block;margin:4px 0}.delivery-box input,.delivery-box .print-value{font-size:10px;padding:2px 0;min-height:17px}.quality-marks{display:flex;gap:22px;align-items:center}.halal-badge img{width:139px;height:47px;object-fit:contain;border-radius:3px}.food-mark{display:grid;grid-template-columns:36px auto;column-gap:7px;color:#605544;align-items:center}.food-mark svg{width:35px;height:39px;grid-row:1/3}.food-mark strong{font-size:10px;line-height:1.4}.food-mark small{font-size:7px;margin-top:3px;grid-column:1/-1}.footer{margin-top:17px}@media print{.assurance-row{break-inside:avoid}}
@media print{.paper{zoom:.8;width:262.5mm;min-height:370mm}}
.courier-logo[hidden]{display:none}
/* Compact receipt layout */
.paper{min-height:0;padding:22px 34px 20px;isolation:isolate;overflow:hidden}.paper>.watermark{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:330px;height:330px;object-fit:contain;opacity:.035;z-index:-1;pointer-events:none}.brand{align-items:center;gap:15px;padding-bottom:9px}.brand>img:first-child{width:107px;height:53px}.brand-title{flex:1;text-align:right}.brand-title h2{font-size:20px;margin:2px 0 5px}.brand-title p{font-size:9px}.brand>.top-halal{width:94px;height:34px;object-fit:contain;object-position:center;margin-left:8px}.address{margin:8px 0 10px;font-size:9px;line-height:1.45}.section{margin:11px 0 6px;padding-bottom:5px;font-size:9px;letter-spacing:1.6px}.grid{gap:4px 22px}label.caption{font-size:9px;margin-bottom:1px}input,textarea{font-size:11px;padding:2px 0;line-height:1.35}textarea{height:29px;min-height:29px}.print-value{font-size:11px;line-height:1.35;min-height:19px;padding:2px 0}th{padding:7px 6px}td{padding:4px 6px}td textarea{height:31px;min-height:31px;line-height:1.35;font-size:10px}td input{font-size:10px}.amount{padding-top:9px;font-size:12px}.notes-summary{margin-top:10px;gap:22px;grid-template-columns:1fr 270px}.summary .sumrow{padding:4px 0;font-size:10px}.summary input{font-size:11px;padding:1px 0}.summary output{font-size:14px}.summary .total{padding:7px 8px}.summary .total output{font-size:19px}.terms-area textarea{height:113px;min-height:113px;font-size:9px;line-height:1.55;padding:4px 0}.terms-area .print-value{font-size:9px;line-height:1.55;padding:4px 0}.footer{margin-top:12px;padding-top:10px}.footer strong{font-size:15px}.footer p{font-size:9px;margin:4px 0 0}.exporting .paper{min-height:0}@media print{.paper{zoom:1;width:210mm;min-height:0;padding:7mm 9mm 6mm}.grid{gap:4px 22px}.section{margin:11px 0 6px}.footer{margin-top:12px}.paper>.watermark{opacity:.035}}
/* Larger watermark and crisp, readable type */
.paper>.watermark{width:610px;height:610px;top:46%;opacity:.045}.paper{color:#201c18}label.caption{font-size:10px;color:#50463d}.address{font-size:10px;color:#50463d}.section{font-size:10px;color:#8e3e1e;font-weight:700}.brand-title p,.footer p{color:#50463d}.paper input,.paper textarea{font-size:12px;color:#201c18}.paper input[readonly]{color:#50463d}.print-value{font-size:12px}.paper th{font-size:10px;font-weight:700}.paper td input,.paper td textarea{font-size:11px}.summary .sumrow{font-size:11px}.summary input{font-size:12px}.terms-area textarea,.terms-area .print-value{font-size:10px;line-height:1.5;color:#27211b}.terms-area textarea{height:118px;min-height:118px}.grind-options{border:1px solid #d5c7b8;border-radius:3px;margin:12px 0 0;padding:9px 10px 10px;display:grid;grid-template-columns:1fr 1fr;gap:10px 8px}.grind-options legend{font-size:10px;font-weight:700;letter-spacing:.8px;color:#6e422e;padding:0 5px}.grind-option{display:flex;align-items:center;gap:7px;position:relative;cursor:pointer;font-size:11px;font-weight:700;line-height:1.2}.grind-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tick-box{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border:1.5px solid #755744;background:#fff;color:#9e431e;font-size:13px;font-family:Arial,sans-serif;flex-shrink:0}.grind-option:focus-within .tick-box{outline:2px solid #b25c32;outline-offset:2px}@media print{.paper>.watermark{width:610px;height:610px;opacity:.045}.grind-option input{display:none}.grind-options{break-inside:avoid}}
.paper .qty input,.paper .qty .print-value{color:#bb3725;font-weight:700}
.mode-status{font-size:12px;color:#8e3e1e;padding:8px 0;font-weight:700}#back-zh[hidden]{display:none}button:disabled{opacity:.55;cursor:wait}.paper[data-language=id] input,.paper[data-language=id] textarea{border-bottom-color:transparent}.paper[inert]{opacity:.6}
#new[hidden],#save[hidden],#export[hidden],label[hidden]{display:none}.brand-control{margin-top:12px}.brand-control select{font-weight:700;color:#382b22;padding:12px}.paper .address span{font-size:9px}body[data-brand=kapal]{background:#f1e9e7}body[data-brand=kapal] .primary{background:#ac1325;border-color:#ac1325}body[data-brand=kapal] .paper{border-top-color:#ad1426}body[data-brand=kapal] .section,body[data-brand=kapal] .mode-status{color:#98182a}body[data-brand=kapal] .summary .total{background:#fbefed;color:#a91024}body[data-brand=kapal] .summary .total output{color:#a91024}body[data-brand=kapal] .brand>.top-halal{width:94px}body[data-brand=kapal] .paper>.watermark{opacity:.035;width:610px;height:610px}body[data-brand=kapal] .paper .brand>img:first-child{width:110px;height:70px}body[data-brand=kapal] .footer strong{color:#951529}body[data-brand=kapal] .bar{background:#391019}body[data-brand=kapal] .brand-control select{border-color:#c7968c}
.address-tool{margin:17px 0 13px}.address-tool>label{font-size:12px;font-weight:700;color:#3b3027}.address-tool textarea{width:100%;height:118px;min-height:118px;resize:vertical;border:1px solid #c9baaa;border-radius:5px;padding:10px;margin-top:8px;background:#fff;font-family:Arial,'Microsoft YaHei',sans-serif;font-size:13px;line-height:1.55}.address-tool button{margin-top:7px;background:#3e332a;color:white;border-color:#3e332a;font-weight:700}#address-result{font-size:11px;line-height:1.65;color:#8a3c20;overflow-wrap:anywhere}.paper input,.paper textarea,.paper .print-value{font-size:14px;font-weight:500;color:#171310}.paper label.caption{font-size:11px;font-weight:700;color:#332b24}.paper th{font-size:11px;font-weight:700}.paper td input,.paper td textarea{font-size:12px;font-weight:500}.paper td .print-value{font-size:12px}.paper .section{font-size:11px;color:#703b26}.paper .address{font-size:11px;color:#302820}.paper .address span{font-size:10px;color:#40352b}.paper .summary .sumrow{font-size:12px;color:#2b211a}.paper .summary output{font-size:18px}.paper .summary .total output{font-size:24px}.paper .summary input{font-size:14px;font-weight:700}.paper .amount{font-size:15px}.paper .terms-area textarea,.paper .terms-area .print-value{font-size:11px;line-height:1.5;font-weight:500;color:#201914}.paper .terms-area textarea{height:140px;min-height:140px}.paper .brand-title p,.paper .footer p{font-size:10px;color:#40352b}.paper>.watermark,body[data-brand=kapal] .paper>.watermark{opacity:.025}.paper input,.paper textarea{border-bottom-color:#cfc4b6}.paper .qty input,.paper .qty .print-value{font-weight:700;color:#bb3725}
/* A single rule belongs to each row, never to the editable text itself. */
#paper input,#paper textarea{border:0;border-radius:2px;box-shadow:none;line-height:1.45;padding:2px 0;vertical-align:middle}
#paper input:focus,#paper textarea:focus{background:#fff4e3;outline:1px solid #dcc4a8;outline-offset:2px}
#paper textarea{height:auto;min-height:0;resize:none;overflow:hidden;display:block}
#paper .grid{row-gap:3px}
#paper .grid>.field{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:8px;border-bottom:1px solid #e5ded5;padding:4px 0}
#paper .grid>.field>.caption{line-height:1.85;margin:0}
#paper .grid>.field>.value{min-width:0}
#paper td{vertical-align:middle;padding:5px 6px}
#paper td input,#paper td textarea,#paper td .print-value{line-height:1.45;padding:2px 0;min-height:0}
#paper .amount{padding:5px 6px;vertical-align:middle}
#paper .notes-summary{margin-top:8px;gap:20px;align-items:start}
#paper .notes-summary>div:first-child>.field{padding:5px 0;border-bottom:1px solid #e5ded5}
#paper .notes-summary .caption{margin-bottom:2px}
#paper .summary .sumrow{min-height:29px;padding:3px 0}
#paper .summary .total{padding:5px 8px}
#paper .summary input{padding:0}
#paper .print-value{min-height:0;padding:2px 0;line-height:1.45}
#paper .terms-area textarea,#paper .terms-area .print-value{height:auto;min-height:0;line-height:1.5;padding:2px 0}
#paper.exporting textarea{display:none}
@media print{#paper textarea{display:none}#paper .grid{row-gap:3px}}
#paper .grid>.field{grid-template-columns:116px minmax(0,1fr)}
/* Identical field geometry in both languages; captions cannot move values. */
#paper .grid>.field{grid-template-columns:142px minmax(0,1fr)}
#paper .grid>.field>.caption{font-size:10px;line-height:20px;white-space:nowrap}
#paper .grid>.field>.value{align-self:start}
#paper .grid>.field input{line-height:20px;padding:0}
#paper td{vertical-align:top}
#paper .amount{vertical-align:top;padding-top:7px}

/* Dedicated Simplus appliance document, separate from coffee branding. */
body[data-brand=simplus]{background:#eaf0f3;color:#142f3a}body[data-brand=simplus] .bar{background:#142f3a}body[data-brand=simplus] .primary{background:#23667b;border-color:#23667b}body[data-brand=simplus] .paper{border-top-color:#23667b}body[data-brand=simplus] .section,body[data-brand=simplus] .mode-status,body[data-brand=simplus] .eyebrow{color:#23667b}body[data-brand=simplus] .summary .total{background:#eaf3f6;color:#174b5b}body[data-brand=simplus] .summary .total output,body[data-brand=simplus] .footer strong{color:#174b5b}body[data-brand=simplus] .brand>img:first-child{width:142px;height:65px}body[data-brand=simplus] .paper>.watermark{width:640px;height:220px;opacity:.035}body[data-brand=simplus] .brand-title{margin-left:auto}body[data-brand=simplus] .brand-control select{border-color:#a7c3cd}.blanket-field input{width:100%}
body[data-brand=simplus] .paper thead{background:#142f3a}body[data-brand=simplus] #recognize-address{background:#142f3a;border-color:#142f3a}body[data-brand=simplus] #paper input:focus,body[data-brand=simplus] #paper textarea:focus{background:#edf7fb;outline-color:#98c1ce}

/* Bottom reference terms: retain the Thai original's two-column structure. */
#paper .kapal-reference-terms{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;break-inside:avoid}
#paper .kapal-reference-terms textarea,#paper .kapal-reference-terms .print-value{font-size:11px;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word}
/* Anlene: emerald and gold, with authentic brand artwork. */
body[data-brand=anlene]{background:#eef3ef;color:#123d2d}body[data-brand=anlene] .bar,body[data-brand=anlene] .paper thead{background:#075237}body[data-brand=anlene] .primary,body[data-brand=anlene] #recognize-address{background:#075237;border-color:#075237}body[data-brand=anlene] .paper{border-top-color:#b99448}body[data-brand=anlene] .section,body[data-brand=anlene] .eyebrow,body[data-brand=anlene] .mode-status{color:#075237}body[data-brand=anlene] .summary .total{background:#edf4ed;border-color:#b99448;color:#075237}body[data-brand=anlene] .summary .total output{color:#075237}body[data-brand=anlene] .brand>img:first-child{width:150px;height:76px;object-fit:contain}body[data-brand=anlene] .brand-title{margin-left:auto}body[data-brand=anlene] .brand-title p{color:#98712b;font-weight:700;letter-spacing:2px}body[data-brand=anlene] .paper>.watermark{width:570px;height:210px;object-fit:contain;opacity:.035}body[data-brand=anlene] .footer strong{display:flex;align-items:center;justify-content:center;gap:18px;color:#98712b;font-size:18px}body[data-brand=anlene] .footer strong img{width:105px;height:43px;object-fit:contain}body[data-brand=anlene] #paper input:focus,body[data-brand=anlene] #paper textarea:focus{background:#eef7ee;outline-color:#b99448}
body[data-brand=anlene] .paper th{background:#075237}body[data-brand=anlene] .paper .qty input,body[data-brand=anlene] .paper .qty .print-value{color:#075237}

/* Anlene: requested campaign terms on the left; existing order guidance on the right. */
#paper .anlene-reference-terms{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:start;break-inside:avoid}
#paper .anlene-reference-terms textarea,#paper .anlene-reference-terms .print-value{font-size:11px;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word}

body[data-brand=anlene] #paper .anlene-terms-heading{color:#c63c35}