@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap');
:root{--green:#14532d;--ink:#243b31;--muted:#627166;--line:#dce4da;--bg:#f5f7f2;--radius:8px;--amber:#875d10}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 Sarabun,Tahoma,sans-serif}button,input,select{font:inherit}button,a{transition:.15s}button{cursor:pointer;border:1px solid #ccd8cc;border-radius:var(--radius);padding:8px 14px;background:white;color:var(--ink);min-height:42px}button:hover,a:hover{background:#ecf3e8}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c77838;outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--green);color:#fff;border-color:var(--green);font-weight:700}.primary:hover{background:#24693b}a{color:var(--green);text-decoration:none}.design{padding:10px 24px;background:#e9eee6;border-bottom:1px solid #d0dccc;display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:13px}.design strong{font-size:15px}.design nav{margin-left:auto;display:flex;gap:16px}.shell{max-width:1440px;margin:auto;padding:26px 30px 80px}.brandline{display:flex;align-items:center;gap:14px}.logo{background:#285f45;color:#fff;width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius);font-size:24px;font-weight:700}.brand{font-size:13px;letter-spacing:2px;font-weight:700;color:var(--green)}h1,h2,h3,p{margin:0}h1,h2{font-size:24px;line-height:1.5}h3{font-size:17px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.muted{color:var(--muted)}.caption,small{font-size:13px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.right{margin-left:auto}.global{display:flex;gap:6px;padding:8px 0;border-bottom:1px solid var(--line);margin-bottom:22px;flex-wrap:wrap}.global button{border:0;background:transparent}.global button.active{background:#e1ebdc;font-weight:700;color:var(--green)}.badge{display:inline-block;white-space:nowrap;border-radius:999px;padding:3px 10px;background:#edf0ec;color:#626e63;font-size:13px}.green{background:#e4f3e7;color:#23653c}.amber{background:#fff1d6;color:#855913}.red{background:#feece8;color:#a33726}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-top:18px;min-width:0}.notice{background:#fff7e7;border:1px solid #ead5ae;border-radius:var(--radius);padding:14px 18px;color:#79551c;margin:18px 0}.info{background:#edf4e9;border-color:#cfdec7;color:#33583a}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.metric{padding:16px 20px;border:1px solid var(--line);border-radius:var(--radius);background:white}.metric strong{font-size:24px;display:block}.metric span{font-size:13px;color:var(--muted)}input,select{min-height:44px;border:1px solid #c8d6c9;border-radius:var(--radius);padding:8px 12px;background:white;max-width:100%;color:var(--ink)}input[type=search]{width:420px}.tablewrap{overflow:auto;margin-top:16px;max-height:590px}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{background:#f1f5ee;font-size:13px;font-weight:600;position:sticky;top:0;z-index:1}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.clickable{cursor:pointer}tr.clickable:hover{background:#fff7ec}.customer{min-width:330px;max-width:530px;overflow-wrap:anywhere}.nowrap{white-space:nowrap}.pager{display:flex;justify-content:center;align-items:center;gap:20px;padding-top:18px}.empty{padding:52px 22px;text-align:center;color:var(--muted)}.empty p{margin:8px auto 18px;max-width:570px}.steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;background:#e6ece2;padding:5px;border-radius:var(--radius);margin:18px 0}.steps button{background:transparent;border:0;padding:10px 5px;font-size:13px}.steps button.active{background:var(--green);color:white}.context{background:#edf3e9;border:1px solid #d6e2d0;border-radius:var(--radius);padding:15px 18px;margin:20px 0}.context .customer{min-width:0}.subnav{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-top:16px}.subnav button.active{background:#e7f0e2;border-color:#789b73;color:#265a32}.two{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.flow div{background:#f2f6ee;padding:12px;border-radius:var(--radius)}.flow b{display:block;font-size:17px}.flow span{font-size:13px;color:var(--muted)}.casehead{padding-bottom:12px}.formula{display:flex;align-items:center;justify-content:space-around;padding:24px 8px;border-radius:var(--radius);background:#f1f5ed;gap:8px;text-align:center;margin:20px 0}.formula strong{display:block;font-size:34px}.formula span{font-size:13px;color:var(--muted)}.recipe{display:flex;gap:4px;height:48px;margin:20px 0}.recipe div{display:grid;place-items:center;color:#163e32;border-radius:4px;font-weight:700}.choice{border:1px solid #d1ddcb;border-radius:var(--radius);padding:14px;margin:12px 0;cursor:pointer}.choice.selected{border:2px solid #357143;background:#f2f8ed}.cutcol{min-width:220px;position:sticky;right:0;background:white;box-shadow:-3px 0 4px #16351d0a}.cutcol select{width:205px;font-size:13px}.b-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:22px}.side{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:15px;align-self:start;position:sticky;top:16px}.side button{display:block;width:100%;text-align:left;margin:8px 0;white-space:normal;overflow-wrap:anywhere}.side button.active{background:#edf5e7;border-color:#82a477}.side .caption{margin:12px 0}.overlay{position:fixed;inset:0;background:#17312775;display:flex;justify-content:flex-end;z-index:20}.drawer{width:min(780px,96vw);height:100%;overflow:auto;background:white;padding:26px;box-shadow:-10px 0 40px #10271e22}.drawer img{width:100%;border:1px solid #d7dfd3;margin-top:18px}.drawer p{margin:14px 0}.modalwrap{justify-content:center;align-items:center}.modal{width:min(660px,94vw);max-height:94vh;height:auto;border-radius:var(--radius)}label.field{display:block;margin:16px 0}label.field>span{display:block;font-size:13px;margin-bottom:6px}label.field input,label.field select{width:100%}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 24px;background:#1e4934;color:white;z-index:100;border-radius:var(--radius);max-width:90vw}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.foot{margin-top:24px;font-size:13px;color:var(--muted)}.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.proof div{border-left:3px solid #7c9f71;padding:5px 14px}.proof b{display:block}.mono{font-family:ui-monospace,monospace;overflow-wrap:anywhere;font-size:13px}.login{max-width:540px;margin:40px auto;padding:36px}.hide{display:none}@media(max-width:1050px){.two{grid-template-columns:1fr}.b-layout{grid-template-columns:210px minmax(0,1fr)}.cards{gap:8px}.shell{padding:20px}.steps{display:flex;overflow:auto}.steps button{min-width:135px}.proof{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}}@media(max-width:700px){.shell{padding:16px 12px 60px}.design{padding:9px 12px}.design nav{margin-left:0}header{align-items:flex-start}.brandline{gap:8px}.logo{width:38px;height:38px}h1,h2{font-size:24px}.headeruser{max-width:118px}.cards{grid-template-columns:1fr}.b-layout{display:block}.side{position:static;margin-bottom:18px;max-height:200px;overflow:auto}.customer{min-width:260px}.panel{padding:16px}.formula strong{font-size:24px}.global{flex-wrap:nowrap;overflow:auto}.global button{white-space:nowrap}.flow{grid-template-columns:1fr}.context select{width:100%}.context{padding:14px}.two{display:block}.proof{grid-template-columns:1fr}.row input[type=search]{width:100%}}textarea{font:inherit;width:100%;border:1px solid #c8d6c9;border-radius:var(--radius);padding:10px;resize:vertical;color:var(--ink)}.optional{margin-top:20px;border:1px solid var(--line);border-radius:var(--radius);padding:12px 15px}.optional summary{cursor:pointer;font-weight:600}.field input[type=file]{font-size:13px}.drawer input,.drawer select{min-width:0}.filepick{position:relative;display:block;padding:12px 16px;border:1px dashed #8ca786;border-radius:var(--radius);background:#f2f7ee;color:var(--green);font-weight:600;cursor:pointer}.filepick input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.filepick:focus-within{outline:3px solid #c77838;outline-offset:2px}
[hidden]{display:none!important}.spaced{margin-top:18px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #ccd8cc;border-radius:var(--radius);padding:8px 14px}.button.primary{color:white}.docid{color:#a9542b;font:13px ui-monospace,monospace}.usermenu{position:relative;min-width:120px}.usermenu summary{cursor:pointer;padding:8px 14px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.usermenu[open]{z-index:5;background:white;box-shadow:0 8px 24px #12342220}.usermenu a{display:block;padding:10px 14px}.link{border:0;color:var(--green);padding:4px 6px;background:transparent}.source{display:inline-block;padding:3px 7px;border-radius:var(--radius);background:#edf4e9;overflow-wrap:anywhere}.error-text{color:#a33726;margin-top:12px}.error{background:#8b3026}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.checkline{display:flex;align-items:center;gap:10px;margin:14px 0}.checkline input{width:20px;height:20px;min-height:20px;flex:none}.evidence-row{border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin:12px 0}.fileline{border-bottom:1px solid var(--line);padding:16px 0;overflow-wrap:anywhere}.event{padding:14px 0;border-bottom:1px solid var(--line)}.event summary{cursor:pointer}.event pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.65 Sarabun,Tahoma,sans-serif;background:#f5f7f2;padding:12px;max-height:400px;overflow:auto}fieldset{border:0;padding:0;margin:0;min-width:0}.model-svg{width:100%;max-height:450px;display:block;margin-top:16px}.modal-open{overflow:hidden}.drawer .panel{padding:16px}.drawer .actions{position:sticky;bottom:-26px;background:white;padding:16px 0;border-top:1px solid var(--line)}.tablewrap select{max-width:360px}.caption{line-height:1.7}.checkline input:focus-visible,summary:focus-visible,tr:focus-visible{outline:3px solid #c77838;outline-offset:2px}ul{padding-left:24px}li+li{margin-top:8px}a.primary:hover{background:#24693b}pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.grid2{grid-template-columns:1fr}.headeruser{max-width:150px}.usermenu{min-width:100px}header{gap:8px}.tablewrap{max-height:none}.drawer{padding:20px}.drawer .actions{bottom:-20px}.model-svg{min-height:230px}}