@font-face{font-family:"Noto Sans Thai";font-weight:400;font-style:normal;font-display:swap;src:url("/native-fonts/noto-sans-thai-400.woff2") format("woff2")}@font-face{font-family:"Noto Sans Thai";font-weight:700;font-style:normal;font-display:swap;src:url("/native-fonts/noto-sans-thai-700.woff2") format("woff2")}:root{font-family:"Noto Sans Thai",system-ui,Tahoma,sans-serif;color:#172b4d;background:#f3f6fb;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#184eb5;color:white;display:flex;align-items:center;justify-content:space-between;padding:18px 5%;gap:16px}header a{color:white;text-decoration:none}button,input,select{font:inherit;min-height:46px;border-radius:10px;border:1px solid #c9d4e5;padding:10px 14px}button{background:#225fe2;color:white;cursor:pointer}button:disabled{opacity:.55}header button{background:#fff;color:#184eb5}main{max-width:1240px;margin:auto;padding:24px}h1{font-size:26px;margin:0}h2{font-size:21px}label{display:grid;gap:7px}form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}#loginForm{display:grid;max-width:420px;margin-top:24px}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center}.muted{color:#5e708a;font-size:14px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.summary article,section.store,details{background:white;border:1px solid #dfe7f2;border-radius:16px;padding:20px}.summary strong{font-size:28px;display:block;margin-top:8px}.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:14px;margin:18px 0}.legend span{padding:7px 13px;border:1px solid #d0daea;border-radius:8px}.free{background:#fff}.ordered{background:#e9f1ff;color:#194b9e}.bill_printed{background:#fff2bd;color:#735300}.waiting{background:#d9f8e5;color:#116335}.store{margin:20px 0}.store-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.store-head h2{margin:0}.stale{color:#a9560b;font-weight:600}.online{color:#148252}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:16px}.tile{padding:16px;border:1px solid #ccd8e8;border-radius:12px;min-height:125px}.tile strong{display:block;font-size:22px;margin-bottom:10px}.tile p{margin:4px 0;font-size:14px}.device{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e5eaf3;gap:12px}.device button{background:#fff;color:#b42318}summary{cursor:pointer;font-weight:600;padding:5px 0 15px}#message{min-height:24px;color:#8a4510}@media(max-width:600px){main{padding:16px}header{padding:14px;font-size:14px}.toolbar{align-items:start;flex-direction:column}.toolbar label,.toolbar select{width:100%}.summary{grid-template-columns:repeat(2,1fr)}.summary article{padding:14px}.store-head{align-items:start;flex-direction:column}h1{font-size:24px}.tiles{grid-template-columns:repeat(2,1fr)}}

[hidden]{display:none!important}.summary article{min-width:0;overflow-wrap:anywhere}