@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600&display=swap');
.panel.ai-panel{border-color:#c4d7b5}.ai-panel .title{align-items:flex-start}.ai-panel h2{margin:2px 0 16px}.ai-panel .eyebrow{margin:0}.ai-panel .badge{flex-shrink:0}.ai-panel button:disabled{cursor:not-allowed}.ai-conversation{display:grid;gap:16px;margin-top:22px}.ai-turn{border-top:1px solid #e1e6d9;padding-top:16px}.ai-user{display:table;margin:10px 0 12px auto;max-width:92%;padding:10px 16px;border-radius:16px 16px 4px 16px;background:#edf2e4;white-space:pre-wrap;overflow-wrap:anywhere}.ai-answer{border-left:2px solid #89a774;padding:6px 0 6px 16px;white-space:pre-wrap;overflow-wrap:anywhere}#ai-test-status{font-size:14px;color:#526b48;margin-top:12px}
:root{font:16px/1.6 Kanit,sans-serif;color:#173d2c;background:#f6f5ee}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;border-bottom:1px solid #d9dfd1;padding:20px 5vw}header a{color:inherit;text-decoration:none;font-weight:500}header span{color:#647260}header button{margin-left:auto}main{max-width:1100px;margin:auto;padding:40px 24px 80px}h1{font-size:clamp(32px,6vw,56px);line-height:1.2;font-weight:400;margin:12px 0 24px}h2{font-size:24px;font-weight:500}.eyebrow{letter-spacing:.1em;font-size:12px;color:#6c7b60}.title,.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.toolbar{justify-content:flex-start;margin:24px 0}label{display:block}input,select,button{font:inherit;border-radius:10px;padding:10px 14px;border:1px solid #bcc8b3}input,select{display:block;width:100%;margin:6px 0 16px;background:#fff;color:#173d2c}button{cursor:pointer;background:#214b35;color:#fff;min-height:44px}button:disabled{opacity:.5;cursor:wait}button.secondary{background:transparent;color:#214b35}#login{max-width:520px;margin:6vh auto}#login-form{margin-top:35px}.panel,.order{background:#fff;border:1px solid #dce2d3;border-radius:18px;padding:24px;margin:18px 0}.badge{font-size:13px;border-radius:20px;background:#e9efdf;padding:5px 12px;display:inline-block}p{margin:8px 0 14px}.order h2{margin:8px 0}.order .details{white-space:pre-wrap}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.muted{color:#66775e;font-size:14px}#notice,#editor-error{color:#8b3029;white-space:pre-wrap}dialog{border:1px solid #d1dac8;border-radius:20px;padding:28px;width:min(94vw,620px);max-height:90vh}dialog::backdrop{background:#122e235c}dialog input[type=checkbox]{width:auto;display:inline-block;margin:12px}dialog .title{align-items:flex-start}#readiness strong{font-weight:500}.delivery{padding:12px;border-bottom:1px solid #ddd;font-size:14px;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:600px){header{gap:10px;font-size:13px;padding:14px}.title,.toolbar{align-items:flex-start;flex-direction:column}.facts{grid-template-columns:1fr}.panel,.order{padding:18px}main{padding:24px 16px}.toolbar label{width:100%}}

.payment-confirm-total{font-size:36px;font-weight:500;margin:18px 0}#editor:has(.payment-confirm-total) #save{width:100%;margin-top:12px}
.shop-cards{display:flex;gap:16px;overflow-x:auto;padding:18px 0;scroll-snap-type:x proximity;align-items:stretch}.shop-cards[hidden]{display:none}.shop-card{flex:0 0 300px;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#f7f6ee;box-shadow:0 8px 28px #173f3019;scroll-snap-align:start;font-family:system-ui,sans-serif}.shop-card-action{display:block;text-align:center;text-decoration:none;padding:11px 8px;border-radius:8px;font-size:14px;font-weight:600}.shop-card-action.primary{background:#173f30;color:white!important}