@font-face{font-family:Sarabun;src:url('./fonts/Sarabun-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Sarabun;src:url('./fonts/Sarabun-Bold.ttf') format('truetype');font-style:normal;font-weight:600 800;font-display:swap}
:root{--bg:#f5f6f2;--surface:#fff;--ink:#203b32;--muted:#728078;--green:#1d5344;--green-hover:#143f33;--lime:#dff0be;--border:#dde4dd;--soft:#eff4ec;--orange:#b97e30;--error:#ad3f37;--radius:18px;--shadow:0 5px 22px #263c2910;font-family:Sarabun,Tahoma,sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}button svg{pointer-events:none}button:focus-visible,a:focus-visible{outline:3px solid #8ab58b;outline-offset:3px}input,select,textarea{border:1px solid #d8dfd8;border-radius:9px;background:#fff;color:var(--ink);min-width:0;max-width:100%;width:100%;padding:11px 12px;outline:none;transition:border-color .16s,box-shadow .16s}input:focus,select:focus,textarea:focus{border-color:#5d9376;box-shadow:0 0 0 3px #5d937619}input[aria-invalid=true]{border-color:#c55a50;background:#fffafa}input::placeholder,textarea::placeholder{color:#a1aaa3;font-size:.94em}select{appearance:auto;padding-right:5px}textarea{resize:vertical;line-height:1.7}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.5;letter-spacing:-.7px;font-weight:700}h2{font-size:17px;font-weight:700;line-height:1.6}h3{font-size:14px;font-weight:700}small{font-size:12px}.topbar{height:90px;display:flex;align-items:center;gap:40px;padding:0 max(32px,calc((100vw - 1320px)/2));background:#fff;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:21px;font-weight:700;line-height:1.25}.brand small{display:block;font-size:9px;letter-spacing:2.2px;color:var(--muted);font-weight:400;margin-top:6px}.brand-mark{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:var(--green);color:#e5f1cc}.brand-mark svg{width:29px;height:29px}.topbar nav{display:flex;gap:8px;align-self:stretch;align-items:stretch}.nav-button{border:0;background:transparent;color:var(--muted);padding:0 17px;font-size:14px;position:relative;white-space:nowrap}.nav-button.active{color:var(--green);font-weight:700}.nav-button.active:after{content:'';height:3px;border-radius:2px 2px 0 0;background:var(--green);position:absolute;bottom:0;left:17px;right:17px}.nav-button svg{width:14px;height:14px}.nav-button #saved-count{font-size:10px;background:#edf2e9;padding:1px 6px;border-radius:8px;margin-left:4px;color:var(--green)}.storage-status{margin-left:auto;display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted);white-space:nowrap}.status-dot{height:6px;width:6px;border-radius:50%;background:#5a956b;display:inline-block}.shell{max-width:1384px;margin:auto;padding:35px 32px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.eyebrow{font-size:11px;letter-spacing:.5px;color:var(--green);margin-bottom:6px}.page-subtitle{font-size:13px;color:var(--muted);margin-top:7px}.heading-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:11px 17px;min-height:43px;font-weight:700;font-size:13px;white-space:nowrap;transition:background .15s,transform .15s}.button svg{width:17px;height:17px}.button:active{transform:translateY(1px)}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--green-hover)}.button.secondary{background:#fff;border-color:var(--border)}.button.secondary:hover{background:#f2f6ee}.text-button{display:inline-flex;align-items:center;gap:7px;padding:5px 0;color:var(--green);border:0;background:transparent;font-weight:700;font-size:12px}.text-button:hover{color:#7b812b}.text-button svg{width:15px;height:15px}.text-button.small{font-size:11px}.example-banner{border:1px solid #dce5d0;border-radius:12px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#edf3e5;margin-bottom:24px}.example-banner>div{display:flex;align-items:center;gap:13px}.example-banner strong{display:block;font-size:12px}.example-banner small{display:block;margin-top:3px;color:#6a7b65;font-size:11px}.example-icon{height:34px;width:34px;border-radius:10px;background:#dce9c9;display:grid;place-items:center;color:#55763d}.example-icon svg{width:18px;height:18px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:23px;align-items:start}.editor-column{display:flex;flex-direction:column;gap:19px;min-width:0}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:23px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.section-title h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.step-number{font-size:11px;font-weight:700;width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#edf3e8;color:#63825a}.muted{color:var(--muted)}.pill{padding:4px 8px;background:#f5f6f2;border-radius:6px;font-size:10px}.recipe-fields{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field>span{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700}.field>span small{font-size:10px;color:var(--muted);font-weight:400;margin-left:auto}.input-unit{display:flex;border:1px solid #d8dfd8;border-radius:9px;background:white;align-items:center;transition:border-color .15s,box-shadow .15s;min-width:0}.input-unit:focus-within{border-color:#5d9376;box-shadow:0 0 0 3px #5d937619}.input-unit input{border:0;border-radius:9px;padding-right:6px;background:transparent;min-width:0}.input-unit input:focus{box-shadow:none}.input-unit input[aria-invalid=true]{background:#fff8f7}.input-unit>span{font-size:11px;white-space:nowrap;color:var(--muted);padding-right:12px}.inline-help{border:0;background:transparent;color:#7b8b80;display:inline-flex;padding:0;align-items:center;justify-content:center}.inline-help svg{width:14px;height:14px}.small-hint{font-size:10px;color:var(--muted);line-height:1.8;margin-top:9px}.count-badge{font-size:10px;font-weight:400;color:var(--muted);background:#f4f6f1;border:1px solid #e8ede5;padding:2px 7px;border-radius:6px}.ingredient-panel{padding:23px 0 0;overflow:hidden}.ingredient-panel>.section-title{padding:0 23px}.ingredient-head,.ingredient-fields{display:grid;grid-template-columns:minmax(112px,1fr) 87px 122px 122px 55px 78px 26px;gap:9px;align-items:center}.ingredient-head{color:var(--muted);background:#f7f8f5;border-top:1px solid #edf0e9;border-bottom:1px solid #edf0e9;padding:10px 20px;font-size:10px}.ingredient-row{padding:14px 20px;border-bottom:1px solid #edf0e9}.ingredient-row:last-child{border-bottom:0}.ingredient-fields input{padding:9px 8px;font-size:12px}.qty-field{display:flex;border:1px solid #d8dfd8;border-radius:8px;background:#fff;align-items:center;min-width:0}.qty-field:focus-within{border-color:#5d9376;box-shadow:0 0 0 3px #5d937619}.qty-field input{border:0;border-radius:8px;width:58%;padding-right:1px}.qty-field input:focus{box-shadow:none}.qty-field select{border:0;border-left:1px solid #e9ede6;border-radius:0 7px 7px 0;width:42%;font-size:10px;padding:7px 0 7px 3px;min-width:45px;color:var(--muted);background:#fafbf8}.ingredient-name input{font-size:12px}.ingredient-label{display:block;min-width:0}.mini-label{display:none}.row-cost{text-align:right;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--green);white-space:nowrap}.icon-button{width:30px;height:30px;background:transparent;border:0;border-radius:6px;display:inline-grid;place-items:center;color:#8a978e;padding:0}.icon-button:hover{color:var(--error);background:#fff2ef}.icon-button svg{width:16px;height:16px}.row-error{font-size:10px;color:var(--error);margin-top:8px;line-height:1.8}.yield-note{font-size:9px;color:#84907f;margin-top:6px;line-height:1.6}.right{text-align:right}.add-ingredient{margin:9px 20px 18px;width:calc(100% - 40px);display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;border:1px dashed #bacbb4;border-radius:9px;background:#f8faf5;color:var(--green);font-size:12px;font-weight:700}.add-ingredient:hover{background:#edf4e5}.add-ingredient svg{width:16px;height:16px}.ingredient-footer{padding:14px 20px;background:#f8faf6;border-top:1px solid #e7ede2;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:var(--muted)}.ingredient-footer>span{display:flex;align-items:center;gap:5px}.ingredient-footer svg{width:14px;height:14px}.ingredient-footer strong{font-size:13px;color:var(--green)}.extras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.note-field{margin-top:21px}.optional{font-size:10px}.summary-sticky{position:sticky;top:20px}.cost-summary{background:var(--green);border-radius:var(--radius);padding:24px;color:#fff;box-shadow:0 7px 24px #1d53441a}.summary-label{font-size:12px;color:#d7e6db}.main-cost{display:flex;align-items:baseline;gap:8px;margin:8px 0 19px;font-variant-numeric:tabular-nums}.main-cost .baht{font-size:23px;color:#c8dfc1}.main-cost strong{font-size:46px;line-height:1.3;letter-spacing:-1.5px;font-weight:700;overflow-wrap:anywhere}.batch-total{padding:13px 0;display:flex;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;font-size:11px;color:#dbe8de}.batch-total strong{font-size:13px;color:white}.cost-breakdown{margin-top:14px}.breakdown-bar{height:5px;display:flex;border-radius:4px;overflow:hidden;background:#ffffff1a;margin-bottom:14px}.breakdown-bar i{height:100%}.breakdown-row{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:5px 0;color:#d4e2d7}.breakdown-row>span:first-child{display:flex;align-items:center;gap:7px}.legend-dot{width:6px;height:6px;border-radius:2px;display:inline-block}.breakdown-row strong{font-size:11px;font-weight:400;font-variant-numeric:tabular-nums;color:#f3f8f1}.cost-status{font-size:11px;line-height:1.8;color:#ffdfb0;margin-top:10px}.cost-status:empty{display:none}.price-panel{margin-top:17px;padding:22px}.price-panel h2{font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:19px}.price-panel h2 svg{width:17px;height:17px;color:#729267}.price-panel .field{margin-top:14px}.fee-field .input-unit>span{font-size:9px}.price-panel .fee-field>span{font-weight:400;color:var(--muted);font-size:11px}.profit-result{background:#f0f5e9;border:1px solid #e0e9d5;border-radius:10px;padding:13px 14px;margin-top:17px}.profit-result>div{display:flex;align-items:center;justify-content:space-between;gap:7px}.profit-result>div>span{font-size:11px}.profit-result strong{font-size:20px;color:var(--green);font-variant-numeric:tabular-nums}.profit-result p{font-size:10px;color:#76866d;margin-top:5px}.profit-result.negative{background:#fff2ed;border-color:#f0ddd4}.profit-result.negative strong,.profit-result.negative p{color:var(--error)}.pricing-divider{height:1px;background:var(--border);margin:20px 0}.suggestion-title{display:flex;justify-content:space-between;align-items:center}.target-field{display:grid!important;grid-template-columns:1fr 95px;align-items:center}.target-field>.field-error{grid-column:1/-1}.target-field>span{font-size:11px}.suggested-price{display:flex;align-items:baseline;justify-content:space-between;margin:18px 0 13px;gap:8px}.suggested-price>span{font-size:11px;color:var(--muted)}.suggested-price strong{font-size:24px;font-variant-numeric:tabular-nums;white-space:nowrap}.use-price{width:100%;background:#e5efd6;color:var(--green);border-color:#d8e5c7}.use-price:hover:not(:disabled){background:#d8e8c3}.price-panel .small-hint{font-size:9px}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.export-actions .button{font-size:10px;padding:10px 7px;gap:5px}.export-actions svg{width:14px;height:14px}.page-footer{border-top:1px solid var(--border);margin-top:35px;padding:24px 0 28px;display:flex;align-items:center;gap:20px;color:#8a968c;font-size:10px}.footer-brand{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#657966}.footer-brand svg{width:18px;height:18px}.page-footer>.text-button{margin-left:auto}.notice{display:flex;gap:11px;align-items:flex-start;background:#edf3e8;border:1px solid #dbe7d2;border-radius:12px;padding:17px 20px;font-size:12px;line-height:1.9;margin-bottom:24px;color:#5c7652}.notice svg{width:18px;height:18px;margin-top:3px}.notice.error{background:#fff3ef;border-color:#ebc6bd;color:var(--error)}.field-error{font-size:10px;color:var(--error);font-weight:400;line-height:1.7}.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-height:400px}.saved-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:23px;align-self:start;box-shadow:var(--shadow)}.saved-card-top{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.saved-card h2{font-size:18px;overflow-wrap:anywhere}.saved-date{font-size:10px;color:var(--muted);margin-top:6px}.recipe-card-icon{width:38px;height:38px;display:grid;place-items:center;background:#eff4e8;border-radius:11px;color:#738b5f;flex-shrink:0}.saved-numbers{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:23px 0;padding:17px 0;border-top:1px solid #edf0e9;border-bottom:1px solid #edf0e9}.saved-numbers small{color:var(--muted);font-size:10px;display:block;margin-bottom:5px}.saved-numbers strong{font-size:21px;font-variant-numeric:tabular-nums}.saved-actions{display:flex;align-items:center;gap:8px}.saved-actions .button{flex:1}.saved-actions .icon-button{height:39px;width:35px}.empty-state{grid-column:1/-1;align-self:start;text-align:center;padding:75px 25px;border:1px dashed #cdd8c8;border-radius:var(--radius);background:#fafcf7}.empty-state>span{display:grid;place-items:center;width:65px;height:65px;border-radius:20px;background:#eaf1df;margin:0 auto 20px}.empty-state>span svg{width:28px;height:28px;color:#66825a}.empty-state p{font-size:13px;color:var(--muted);margin:10px 0 22px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100% - 30px);background:#223d31;color:#fff;border-radius:10px;padding:14px 20px;box-shadow:0 4px 30px #18342533;font-size:12px;display:flex;gap:17px;align-items:center}.toast button{background:transparent;border:0;color:#dcedb7;font-size:12px;font-weight:700;padding:3px;white-space:nowrap}dialog{border:0;border-radius:22px;max-width:700px;width:calc(100% - 32px);padding:0;box-shadow:0 15px 80px #173b2938;max-height:88vh;color:var(--ink)}dialog::backdrop{background:#17342666;backdrop-filter:blur(3px)}.dialog-heading{padding:26px 28px 20px;display:flex;gap:18px;justify-content:space-between;border-bottom:1px solid var(--border)}.dialog-heading h2{font-size:20px}.dialog-heading .icon-button{flex-shrink:0}.help-content{padding:7px 28px 25px;overflow:auto;max-height:calc(88vh - 200px)}.help-content section{margin-top:22px}.help-content h3{font-size:14px;margin-bottom:9px}.help-content p{font-size:12px;line-height:1.9;color:#67796a;margin-top:7px}.help-example{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.help-example>div{padding:14px;background:#f0f5e9;border-radius:10px;font-size:11px;line-height:1.8}.help-example strong{display:block;margin-top:8px;color:var(--green);font-size:13px}.dialog-footer{border-top:1px solid var(--border);padding:16px 28px;text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#print-report{display:none}[hidden]{display:none!important}
@media(min-width:1450px){.summary-sticky{top:25px}.ingredient-head,.ingredient-fields{grid-template-columns:minmax(145px,1fr) 95px 135px 135px 60px 85px 28px;gap:12px}}
@media(max-width:1250px){.topbar{gap:24px;padding:0 25px}.shell{padding-left:25px;padding-right:25px}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.ingredient-head,.ingredient-fields{grid-template-columns:minmax(90px,1fr) 73px 108px 108px 48px 66px 24px;gap:7px}.ingredient-row,.ingredient-head{padding-left:16px;padding-right:16px}.ingredient-panel>.section-title{padding:0 17px}.count-badge{display:none}.ingredient-head{font-size:9px}.ingredient-footer{font-size:9px}.topbar nav{gap:0}.nav-button{padding:0 12px}.storage-status{font-size:10px}}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.ingredient-head{display:none}.ingredient-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ingredient-name{grid-column:1/3;grid-row:1}.ingredient-fields>.icon-button{grid-column:3;grid-row:1;justify-self:end}.ingredient-price{grid-column:1}.ingredient-fields>.row-cost{grid-column:3;text-align:right;align-self:end;padding:9px 0}.ingredient-label.yield-field{grid-column:2}.mini-label{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}.ingredient-fields input{width:100%}.qty-field input{width:60%}.qty-field select{width:40%;min-width:45px}.ingredient-footer{align-items:flex-start;flex-direction:column;gap:10px}.panel{padding:20px}.ingredient-panel{padding:20px 0 0}.main-cost strong{font-size:42px}.page-heading{align-items:flex-start}h1{font-size:29px}.recipe-fields{grid-template-columns:minmax(0,1fr) 130px;gap:12px}.section-title h2{font-size:16px}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-status{display:none}}
@media(max-width:760px){.topbar{height:auto;min-height:77px;padding:16px 20px 0;gap:15px;flex-wrap:wrap}.brand{font-size:19px}.brand-mark{width:37px;height:37px;border-radius:11px}.brand-mark svg{width:24px;height:24px}.brand small{font-size:8px;margin-top:4px}.topbar nav{width:100%;height:49px;justify-content:flex-start;gap:8px;overflow-x:auto}.nav-button{padding:0 12px;font-size:12px}.nav-button:first-child{padding-left:0}.nav-button.active:after{left:12px;right:12px}.nav-button:first-child.active:after{left:0}.shell{padding:24px 17px 0}.page-heading{gap:15px;flex-direction:column;margin-bottom:21px}.page-heading h1{font-size:27px;letter-spacing:-.5px}.page-subtitle{font-size:11px}.heading-actions{width:100%;justify-content:flex-end;margin-top:1px}.heading-actions .button{flex:1;font-size:12px;padding:10px 14px}.workspace{display:flex;flex-direction:column;gap:20px}.editor-column,.summary-column{width:100%}.summary-sticky{position:static}.example-banner{padding:13px 14px;margin-bottom:19px;align-items:flex-start;flex-direction:column;gap:7px}.example-banner>div{gap:10px}.example-banner .text-button{align-self:flex-end;font-size:10px}.example-banner small{font-size:10px;line-height:1.7}.example-icon{width:29px;height:29px;flex-shrink:0}.example-banner strong{font-size:11px}.panel{padding:19px 17px;border-radius:15px}.section-title{margin-bottom:18px}.section-title h2{font-size:15px;gap:8px}.step-number{width:24px;height:24px;font-size:10px}.recipe-fields{grid-template-columns:minmax(0,1fr) 120px;gap:12px}.recipe-fields .field>span{font-size:11px}.recipe-fields input{font-size:14px;padding:11px 9px}.field>span{font-size:11px}.field>span small{font-size:9px}.ingredient-panel{padding:19px 0 0}.ingredient-panel>.section-title{padding:0 16px}.ingredient-panel .text-button.small{font-size:10px;gap:4px}.ingredient-row{padding:17px 16px}.ingredient-row:nth-child(2n){background:#fcfdfb}.ingredient-fields{gap:12px 10px}.ingredient-fields input{font-size:13px;padding:10px 8px}.ingredient-name input{font-size:14px}.mini-label{font-size:10px}.qty-field select{font-size:10px;min-width:39px}.ingredient-head{display:none}.ingredient-label.yield-field .mini-label{font-size:9px}.ingredient-fields>.row-cost{font-size:15px;padding-bottom:11px}.yield-note{font-size:10px;margin-top:9px}.row-error{font-size:11px}.ingredient-footer{padding:14px 16px;font-size:10px;flex-direction:row;align-items:center;flex-wrap:wrap}.ingredient-footer>span:first-child{font-size:9px}.extras-grid{gap:18px 14px}.note-field{margin-top:20px}.cost-summary{padding:24px}.main-cost strong{font-size:49px}.summary-label{font-size:13px}.batch-total{font-size:12px}.breakdown-row{font-size:12px}.breakdown-row strong{font-size:12px}.price-panel{padding:23px}.price-panel h2{font-size:16px}.price-panel .field>span{font-size:12px}.price-panel .field>span small{font-size:10px}.price-panel .field input{font-size:16px}.price-panel .field select{font-size:14px}.profit-result strong{font-size:24px}.profit-result>div>span{font-size:12px}.profit-result p{font-size:11px}.price-panel .small-hint{font-size:10px}.target-field{grid-template-columns:1fr 115px}.target-field>span{font-size:12px}.suggested-price strong{font-size:28px}.suggested-price>span{font-size:12px}.export-actions .button{font-size:12px;padding:13px}.page-footer{gap:12px;flex-wrap:wrap;font-size:9px;margin-top:28px}.page-footer>.text-button{font-size:10px}.page-footer>span:nth-child(2){order:3;width:100%}.saved-grid{grid-template-columns:1fr;gap:16px;min-height:300px}.saved-card{padding:21px}.notice{padding:14px 16px;font-size:11px}.help-content{padding-left:20px;padding-right:20px}.dialog-heading{padding:22px 20px 18px}.dialog-heading h2{font-size:18px}.dialog-footer{padding:15px 20px}.help-example{grid-template-columns:1fr}.toast{bottom:18px;font-size:11px;padding:13px 15px;width:max-content}.small-hint{font-size:10px}.field-error{font-size:10px}.dialog-heading .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:#fff;color:#111;font-family:Sarabun,Tahoma,sans-serif}#application,dialog,.toast,noscript{display:none!important}#print-report{display:block;font-size:11px;line-height:1.65}#print-report h1{font-size:23px;margin-bottom:5px}#print-report h2{font-size:14px;margin:22px 0 10px}#print-report .print-meta{color:#666;font-size:10px;margin-bottom:20px}#print-report .print-overview{display:flex;gap:35px;border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:15px 0;margin:18px 0}#print-report .print-overview strong{display:block;font-size:19px;margin-top:3px}#print-report table{width:100%;border-collapse:collapse;font-size:10px}#print-report th,#print-report td{border:1px solid #ccc;padding:7px 8px;text-align:left}#print-report th{background:#f2f2f2}#print-report tr{break-inside:avoid}#print-report thead{display:table-header-group}#print-report .print-note{white-space:pre-wrap;margin-top:18px;font-size:10px;color:#555}@page{margin:15mm}}

/* Readable numeric fields at both desktop and workshop mobile sizes. */
.ingredient-head{font-size:11px}.ingredient-fields input{font-size:14px}.ingredient-fields .row-cost{font-size:14px}.field>span{font-size:13px}
@media(max-width:1250px){.ingredient-head{font-size:10px}}
@media(max-width:1050px){.ingredient-label.yield-field{grid-column:1}.ingredient-fields>.row-cost{grid-column:2/4}}
@media(max-width:760px){.ingredient-fields input,.recipe-fields input,.extras-grid input,textarea{font-size:16px}.qty-field select{font-size:11px}.field>span{font-size:12px}}