.glgmp-app,.glgmp-app *{box-sizing:border-box}.glgmp-app{font-family:system-ui,-apple-system,"Noto Sans Thai",Tahoma,sans-serif;color:#142c25;background:#f0f6f2;min-height:78vh;font-size:15px;line-height:1.5}.mp-wrap{max-width:640px;margin:0 auto;padding:0 12px 92px}.mp-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:14px 12px;margin:0 -12px 14px;position:sticky;top:0;z-index:9;box-shadow:0 2px 16px #0b473510}.admin-bar .mp-header{top:32px}.mp-brand{display:flex;align-items:center;gap:10px;min-width:0}.mp-brandmark{display:grid;place-items:center;width:43px;height:43px;background:#08784e;border-radius:11px;color:white;font-weight:900;letter-spacing:-1px}.mp-brand strong{display:block;font-size:16px}.mp-brand small{color:#657b72;font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.mp-small{border:1px solid #d2e4da;padding:7px 9px;border-radius:10px;background:white;color:#166344;font-size:12px;font-weight:650;white-space:nowrap}.mp-hello{background:linear-gradient(118deg,#075b3d,#0b9460);padding:20px 17px;border-radius:17px;color:#fff;margin-bottom:14px}.mp-hello small{opacity:.92}.mp-hello h1{font-size:22px;font-weight:800;color:white;margin:5px 0}.mp-hello p{margin:0;color:#e2fcef;font-size:13px}.mp-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.mp-stats>div{padding:13px;border-radius:14px;background:white;border:1px solid #e2eee7}.mp-stats small{display:block;color:#6a7a75;font-size:11px}.mp-stats b{display:block;font-size:17px;font-weight:750;margin-top:3px}.mp-hero{display:flex;align-items:center;flex-direction:column;gap:5px;background:#0b8153;color:#fff;width:100%;padding:18px 12px;border:none;border-radius:16px;box-shadow:0 6px 16px #167f4c29;margin-bottom:13px;cursor:pointer}.mp-hero span{font-size:30px}.mp-hero strong{font-size:19px}.mp-hero small{font-size:11px;color:#e6ffef}.mp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0}.mp-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #dbe9df;border-radius:13px;min-height:105px;padding:12px;gap:4px;color:#235443;cursor:pointer}.mp-menu span{font-size:24px}.mp-menu strong{font-size:14px;font-weight:700}.mp-menu small{font-size:11px;color:#73867a}.mp-panel{background:white;border:1px solid #e0ebe4;border-radius:15px;padding:16px;margin:12px 0;overflow-wrap:anywhere}.mp-panel h2{font-size:21px;margin:2px 0 12px}.mp-panel h3{font-size:16px;margin:0 0 12px;font-weight:750}.mp-panel hr{border:0;border-top:1px solid #e3e9e5;margin:18px 0}.mp-panel p{margin:10px 0}.mp-muted{color:#65796f;font-size:12px}.mp-warning{color:#92510a;background:#fff4db;border:1px solid #f6db9b;padding:9px 12px;border-radius:10px;font-size:12px}.mp-panel label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#344b40;font-weight:700;margin:12px 0}.mp-panel input,.mp-panel select,.mp-panel textarea{display:block;width:100%;min-height:44px;border:1px solid #cbded1;border-radius:10px;padding:10px 12px;background:#fff;color:#18352a;font-size:16px;font-weight:500;max-width:100%;box-shadow:none}.mp-panel input:focus,.mp-panel select:focus,.mp-panel textarea:focus{outline:2px solid #45bb8b;outline-offset:0}.mp-panel textarea{min-height:82px}.mp-btn{display:block;border:0;border-radius:11px;background:#087b50;color:#fff;padding:13px 15px;font-size:15px;font-weight:750;min-height:46px;width:100%;cursor:pointer;text-align:center}.mp-btn:disabled{opacity:.5;cursor:wait}.mp-outline{background:#fff;border:1px solid #abd8c4;color:#09633e;border-radius:10px;padding:9px 12px;min-height:41px;cursor:pointer;font-weight:650;font-size:13px}.mp-outline.danger{color:#b42318;border-color:#fecaca}.mp-list{display:flex;flex-direction:column;gap:1px}.mp-listrow{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #e5ece8;background:white;color:#184435;text-align:left;padding:13px 3px;gap:12px;cursor:pointer}.mp-listrow span{min-width:0}.mp-listrow strong,.mp-listrow small{display:block}.mp-listrow strong{font-size:14px}.mp-listrow small{font-size:11px;color:#73817d}.mp-listrow b{white-space:nowrap;font-size:14px}.mp-nav{position:fixed;bottom:0;left:0;right:0;max-width:640px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #d7e8df;z-index:12;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -3px 20px #142e1c10}.mp-nav button{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:62px;padding:6px 2px;color:#77847c;background:none;border:0;font-size:23px;cursor:pointer}.mp-nav button small{font-size:10px;font-weight:650}.mp-nav button.active{color:#07804c;background:#edf9f1}.mp-sectionhead{display:flex;gap:10px;align-items:center;margin:17px 0}.mp-sectionhead h2{margin:0;color:#124b35;font-size:22px;font-weight:800}.mp-sectionhead small{font-size:12px;color:#64776a}.mp-back{width:40px;height:40px;flex-shrink:0;border-radius:10px;background:#fff;border:1px solid #d9e9df;color:#075b3d;font-size:28px;cursor:pointer}.mp-line{border:1px solid #d5e5d9;padding:12px;border-radius:12px;margin:11px 0;background:#fbfdfb}.mp-linehead{display:flex;justify-content:space-between;align-items:center}.mp-textbtn{border:0;color:#ba3838;background:none;cursor:pointer;font-size:12px}.mp-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mp-2 label{min-width:0}.mp-linetotal{text-align:right;font-size:13px}.mp-sum{display:flex;flex-direction:column;gap:3px;background:#e7f7ec;padding:15px;border-radius:11px;margin:15px 0;color:#0c6e41}.mp-sum strong{font-size:27px;font-weight:850}.mp-sum small{font-size:12px}.mp-record{border-bottom:1px solid #e3eae6;padding:13px 0;display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.mp-record>div{min-width:50%}.mp-record b,.mp-record small{display:block}.mp-record small{color:#61766b;font-size:12px}.mp-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.mp-tags span{font-size:11px;background:#edf5f0;padding:4px 8px;border-radius:9px}.mp-table{width:100%;border-collapse:collapse;font-size:12px}.mp-table th,.mp-table td{padding:8px 4px;border-bottom:1px solid #e1e9e3;text-align:left}.mp-table th:last-child,.mp-table td:last-child{text-align:right}.mp-price-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:9px;border-bottom:1px solid #dfe8e1;padding:6px 0}.mp-price-row label{margin:0}.mp-price-row .mp-outline{align-self:center}.mp-shop{display:block;width:100%;text-align:left;background:#f2f8f3;border:1px solid #d2e6d8;border-radius:12px;padding:14px;margin:9px 0;color:#214d37;cursor:pointer}.mp-shop b,.mp-shop small{display:block}.mp-shop small{color:#607567}.mp-notice{width:100%;text-align:left;color:#95510c;background:#ffefcb;border:1px solid #f6d582;border-radius:12px;padding:12px 13px;font-weight:750;cursor:pointer}.mp-images{display:flex;flex-wrap:wrap;gap:8px}.mp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mp-toast{position:fixed;left:12px;right:12px;bottom:85px;max-width:620px;margin:auto;z-index:99;padding:12px 15px;border-radius:10px;box-shadow:0 10px 25px #0003;color:white;font-size:13px}.mp-toast.ok{background:#116c48}.mp-toast.error{background:#a32424}.glgmp-loading{text-align:center;padding:50px 10px;color:#356852}.mp-logo{max-width:128px;display:block;margin:0 auto 14px}@media(max-width:400px){.mp-brand small{max-width:160px}.mp-grid{gap:8px}.mp-stats b{font-size:15px}.mp-panel{padding:12px}.mp-2{gap:7px}.mp-2 label{font-size:11px}}@media(min-width:780px){.glgmp-app{background:transparent}.mp-wrap{box-shadow:0 0 30px #143e1b10;border:1px solid #e4f0e6;background:#f0f6f2;min-height:85vh}.mp-nav{max-width:640px}}

.mp-geo-info{border-left:3px solid #0a8a54;padding:9px;background:#eef9f1;border-radius:6px}.mp-geo-link{display:inline-block;color:#087b50;text-decoration:underline;font-weight:700;font-size:13px;word-break:break-all}.mp-geo-record{align-items:flex-start}.mp-geo-record>div{min-width:55%}

/* GLG 0.3.5 — shop-level material catalog editor */
.mp-quick-add{padding:10px;margin:10px 0;background:#eff8f2;border:1px dashed #acd1ba;border-radius:12px}
.mp-quick-add>button{width:100%}.mp-quick-add [hidden]{display:none!important}
.mp-material-editor{border:1px solid #dfeae2;border-radius:12px;padding:13px;margin:12px 0;background:#fff}
.mp-material-title{display:flex;align-items:center;gap:9px;justify-content:space-between}
.mp-pill{font-size:11px;font-weight:750;padding:3px 8px;border-radius:20px;background:#e1f6e7;color:#10703d}
.mp-pill.off{background:#f5e9e7;color:#99594c}
.mp-material-editor .mp-outline{width:100%;margin-top:6px}
.mp-material-activation .mp-checkline{display:flex;gap:9px;align-items:center;margin-top:7px;font-size:13px}
.mp-material-activation input[type=checkbox]{width:20px;height:20px;min-height:20px;display:inline;margin:0;box-shadow:none}