:root{font-family:Arial,"Noto Sans Thai",sans-serif;color:#202124;background:#f6f6f8}*{box-sizing:border-box}body{margin:0;background:#f6f6f8;color:#242428}.app-shell{max-width:860px;margin:auto;min-height:100vh;background:#fff;padding-bottom:92px}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #f0f0f1;position:sticky;top:0;background:#fff;z-index:5}.brand{border:0;background:transparent;font-weight:900;font-size:25px;letter-spacing:-2px;cursor:pointer;color:#2c2c31}.brand span{color:#d92337}.brand b{font-size:.65em;color:#e65b59;margin-left:3px;vertical-align:3px}.bell{border:0;background:#f6f6f8;width:34px;height:34px;border-radius:12px;font-size:22px;cursor:pointer;color:#6b6b73}.view{display:none;padding:22px}.view.active{display:block}.welcome{padding:12px 0 18px}.welcome p,.profile-head p,.admin-head p{margin:0;color:#87878f;font-size:13px}.welcome h1{font-size:32px;letter-spacing:-1.6px;line-height:1.2;margin:7px 0 14px}.welcome em{color:#d92337;font-style:normal}.location{background:#fdf0f1;color:#bf2734;border-radius:99px;padding:7px 11px;font-size:12px;font-weight:700}.notice,.important{border-radius:16px;background:#fff7e9;padding:15px 16px;color:#805f25;font-size:13px;line-height:1.55}.notice strong{color:#5e461c}.notice p{margin:4px 0 0}.view h2{font-size:17px;margin:26px 0 13px}.service-grid{display:grid;gap:11px}.service-card{border:1px solid #ededf0;background:#fff;border-radius:18px;text-align:left;padding:15px;display:flex;align-items:center;gap:13px;cursor:pointer;box-shadow:0 3px 12px rgba(25,25,30,.035)}.service-card i{font-style:normal;border-radius:13px;width:42px;height:42px;display:grid;place-items:center;font-size:22px;font-weight:bold}.platform i{color:#d92337;background:#fdecef}.shop i{color:#e47b2d;background:#fff2e7}.payment i{color:#448171;background:#eaf7f2}.service-card span{display:grid;gap:3px;flex:1}.service-card b{font-size:15px}.service-card small{color:#82828b;font-size:12px}.service-card>strong{font-size:24px;color:#b8b8bf;font-weight:400}.pickup-card{margin-top:19px;border-radius:18px;background:#25262c;color:#fff;padding:17px;display:flex;justify-content:space-between;align-items:center}.pickup-card div{display:grid;gap:4px}.pickup-card span{font-size:12px;color:#babac1}.pickup-card b{font-size:15px}.pickup-card button{color:#fff;border:0;background:none;font-size:13px;font-weight:bold;cursor:pointer}.back{border:0;background:none;padding:0;color:#75757f;font-size:15px;cursor:pointer}.view>h1{font-size:25px;letter-spacing:-1px;margin:17px 0 5px}.sub{margin:0 0 22px;color:#7e7e88;font-size:13px;line-height:1.6}.order-form{display:grid;gap:16px}.order-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.order-form input,.order-form textarea{width:100%;border:1px solid #dedee3;border-radius:12px;padding:13px;font:inherit;font-size:14px;outline-color:#d92337;background:#fff}.order-form textarea{min-height:80px;resize:vertical}.hint{color:#9999a1;font-size:11px;margin:-11px 0 0}.primary{padding:15px;border:0;border-radius:14px;background:#d92337;color:#fff;font:inherit;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 8px 20px rgba(217,35,55,.2)}.limit{padding:12px;border-radius:12px;background:#eaf7f2;color:#397563;font-size:13px;margin-bottom:17px}.order-list,.admin-orders{display:grid;gap:10px}.empty{padding:36px 16px;text-align:center;border:1px dashed #dcdce1;border-radius:16px;color:#777780}.empty p{font-size:13px;margin:8px 0 0}.order-item{border:1px solid #ebebef;border-radius:16px;padding:14px;display:grid;gap:7px}.order-item header{display:flex;justify-content:space-between;gap:8px}.order-item h3{margin:0;font-size:14px}.status{font-size:11px;font-weight:bold;color:#bd7b24;background:#fff4dc;border-radius:99px;padding:5px 8px;white-space:nowrap}.order-item p{margin:0;color:#85858d;font-size:12px}.order-item footer{font-size:11px;color:#a3a3ab}.profile-head{display:flex;gap:13px;align-items:center;padding:13px 0 23px}.profile-head h1{font-size:21px;margin:4px 0 0}.avatar{background:#d92337;color:#fff;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:bold}.profile-menu{border-top:1px solid #eee}.profile-menu button{background:#fff;border:0;border-bottom:1px solid #eee;width:100%;padding:17px 2px;display:flex;justify-content:space-between;font:inherit;font-size:14px;text-align:left;cursor:pointer}.profile-menu button b{color:#aaa}.profile-menu .danger{color:#c23b46}.contact{width:100%;padding:14px;border-radius:13px;margin-top:22px;background:#fff;color:#d92337;border:1px solid #e8b5bb;font:inherit;font-weight:bold;cursor:pointer}.profile-note{text-align:center;color:#92929a;font-size:12px;line-height:1.6;padding:0 15px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;margin:auto;max-width:860px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid #ececef;display:flex;justify-content:space-around;padding:8px 2px env(safe-area-inset-bottom);z-index:5}.bottom-nav button{border:0;background:none;display:grid;justify-items:center;gap:3px;color:#898991;font-size:10px;min-width:51px;cursor:pointer}.bottom-nav i{font-style:normal;font-size:19px;line-height:18px}.bottom-nav .active{color:#d92337;font-weight:bold}.toast{position:fixed;bottom:94px;left:50%;transform:translate(-50%,20px);background:#25262c;color:#fff;padding:12px 16px;border-radius:12px;font-size:13px;opacity:0;transition:.2s;pointer-events:none;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}#adminApp{padding:22px;background:#f6f6f8;min-height:100vh}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin-head h1{font-size:26px;margin:4px 0}.admin-head button{border:1px solid #ddd;border-radius:10px;padding:9px;background:#fff;cursor:pointer;font:inherit;font-size:12px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.admin-stats article{background:#fff;border-radius:14px;padding:13px}.admin-stats span{display:block;font-size:11px;color:#85858e}.admin-stats b{font-size:26px;margin-top:6px;display:block}.admin-nav{display:flex;gap:8px;overflow:auto;margin:0 -22px;padding:0 22px 15px}.admin-nav button{white-space:nowrap;border:0;border-radius:99px;padding:9px 12px;background:#e8e8eb;color:#686872;font:inherit;font-size:12px}.admin-nav .active{background:#292a30;color:#fff}.admin-panel,.roles{background:#fff;border:1px solid #ebebef;border-radius:17px;padding:16px;margin-bottom:13px}.admin-panel h2,.roles h2{font-size:16px;margin:0 0 4px}.roles p{font-size:12px;line-height:1.8;color:#777780;margin:8px 0 0}.admin-order{border:1px solid #eee;border-radius:12px;padding:12px;margin-top:10px}.admin-order h3{font-size:14px;margin:0 0 5px}.admin-order p{color:#777780;font-size:12px;margin:0 0 10px}.admin-order button{border:0;border-radius:8px;background:#d92337;color:#fff;padding:8px 10px;font:inherit;font-size:12px;cursor:pointer}@media(min-width:700px){.app-shell{box-shadow:0 0 50px rgba(20,20,30,.06)}.topbar{padding:0 38px}.view{padding:35px 70px}.welcome h1{font-size:42px}.bottom-nav{padding-left:70px;padding-right:70px}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card{align-items:flex-start;min-height:150px}.service-card>strong{display:none}.pickup-card{margin-top:24px}}
.staff-entry{border:1px solid #f0d1d4;border-radius:10px;background:#fff7f7;color:#c42535;padding:8px 11px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.staff-entry b{font-size:16px;vertical-align:-1px}.admin-tab{display:none}.admin-tab.active{display:block}.scan-box{display:grid;gap:8px;font-size:13px;font-weight:700}.scan-box input{padding:12px;border:1px solid #dedee3;border-radius:10px;font:inherit}.scan-box .primary{padding:11px;font-size:13px}.bottom-nav button{gap:5px;font-size:12px;font-weight:600;min-width:82px;padding:5px 4px}.bottom-nav i{font-size:23px;line-height:20px}.bottom-nav .active{font-weight:800}.bottom-nav .active i{transform:scale(1.12)}
#adminApp{max-width:1120px;margin:auto;padding:0;display:grid;grid-template-columns:220px 1fr;background:#f6f6f8}.admin-side{background:#252529;color:#fff;min-height:100vh;padding:28px 16px;display:grid;align-content:start;gap:7px}.side-logo{font-weight:900;font-size:21px;margin:0 8px 30px}.side-logo span,.side-logo b{color:#e0243b}.side-logo b{font-size:.72em;margin-left:2px}.admin-side p{margin:10px 8px 3px;color:#9595a0;font-size:11px}.admin-side button{border:0;background:transparent;color:#fff;text-align:left;border-radius:9px;padding:10px 11px;font:inherit;font-size:13px;cursor:pointer}.admin-side button:hover,.admin-side button.active{background:#542d34}.admin-workspace{padding:28px;min-width:0}.admin-workspace .admin-head{margin-bottom:18px}.admin-workspace .admin-nav{display:none}.admin-workspace .admin-stats{margin:0 0 24px}@media(max-width:700px){#adminApp{display:block}.admin-side{min-height:auto;display:flex;overflow:auto;gap:4px;padding:14px}.side-logo,.admin-side p{display:none}.admin-side button{white-space:nowrap;padding:8px 10px;font-size:12px}.admin-workspace{padding:20px}.admin-workspace .admin-head{gap:12px}.admin-workspace .admin-head h1{font-size:23px}}
.customer-top-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px 16px 5px;background:#fff;border-bottom:1px solid #f0f0f1}.customer-top-nav button{min-height:64px;border:1px solid #ececef;border-radius:13px;background:#fff;color:#62626c;display:grid;justify-items:center;align-content:center;gap:4px;font:inherit;font-size:11px;font-weight:700;line-height:1.15;cursor:pointer}.customer-top-nav i{font-style:normal;font-size:20px}.customer-top-nav .active{border-color:#f3c8ce;background:#fff6f7;color:#d92337}.bottom-nav{display:none}@media(min-width:700px){.customer-top-nav{grid-template-columns:repeat(7,1fr);padding:13px 38px}.customer-top-nav button{min-height:59px;font-size:12px}.app-shell{padding-bottom:0}}[hidden]{display:none!important}.pickup-status{border:1px dashed #d8d8dd;border-radius:16px;padding:28px 18px;text-align:center;margin:20px 0;color:#6f6f78}.pickup-status b{color:#292a30}.pickup-status p{font-size:13px;line-height:1.6;margin:8px 0 0}.pickup-guide{margin-top:24px}.pickup-guide h2{margin-bottom:10px}.pickup-guide p{margin:8px 0;color:#666670;font-size:13px}.payment-instructions{display:grid;gap:7px;background:#eef8f3;border:1px solid #d8eee3;border-radius:12px;padding:12px;color:#326957;font-size:13px;line-height:1.5}.payment-instructions img{width:min(210px,100%);border-radius:8px;background:#fff;padding:5px;border:1px solid #dbe9e2}.admin-actions{display:flex;align-items:end;gap:10px}.admin-actions label{display:grid;gap:4px;color:#777780;font-size:11px;font-weight:700}.admin-actions select{border:1px solid #dedee3;border-radius:9px;background:#fff;padding:8px;font:inherit;font-size:12px}@media(max-width:700px){.admin-actions{align-items:center}.admin-actions label{display:none}}.admin-login{position:fixed;inset:0;z-index:50;background:rgba(32,32,38,.56);display:grid;place-items:center;padding:20px}.admin-login form{width:min(100%,390px);display:grid;gap:14px;background:#fff;padding:28px;border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,.22)}.admin-login h1{margin:0;font-size:25px}.admin-login p{margin:0;color:#777780;font-size:13px}.admin-login .eyebrow{color:#d92337;font-weight:800}.admin-login label{display:grid;gap:6px;font-size:13px;font-weight:700}.admin-login input{border:1px solid #dedee3;border-radius:11px;padding:12px;font:inherit}.link-button{border:0;background:transparent;color:#777780;font:inherit;cursor:pointer}.order-attachment{display:inline-block;margin:0 0 10px;color:#c52035;font-size:12px;font-weight:700;text-decoration:none}.order-form .sound-setting{display:flex;align-items:center;gap:9px;font-weight:700}.order-form .sound-setting input{width:18px;height:18px;padding:0}.order-timeline{border-top:1px solid #eee;padding-top:9px;color:#666670;font-size:12px}.order-timeline summary{cursor:pointer;font-weight:700;color:#4f4f59}.order-timeline ul{padding-left:18px;display:grid;gap:8px}.order-timeline small{display:block;color:#a0a0a7;margin-top:2px}.refund-proof{margin-top:10px;border-radius:10px;padding:9px;background:#eef8f3;color:#356e5b}.handover-proof{margin-top:10px}.handover-proof img{margin-top:6px;width:min(220px,100%);border-radius:9px}.qr-preview{width:min(230px,100%);border:1px solid #e1e1e5;border-radius:12px;padding:6px;background:#fff}
.customer-top-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px 16px 5px;background:#fff;border-bottom:1px solid #f0f0f1}.customer-top-nav button{min-height:64px;border:1px solid #ececef;border-radius:13px;background:#fff;color:#62626c;display:grid;justify-items:center;align-content:center;gap:4px;font:inherit;font-size:11px;font-weight:700;line-height:1.15;cursor:pointer}.customer-top-nav i{font-style:normal;font-size:20px}.customer-top-nav .active{border-color:#f3c8ce;background:#fff6f7;color:#d92337}.bottom-nav{display:none}@media(max-width:699px){.customer-top-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 10px 6px}.customer-top-nav button{min-height:56px;padding:5px 3px;border-radius:11px;gap:2px;font-size:9.5px;line-height:1.12}.customer-top-nav i{font-size:16px;line-height:16px}}@media(min-width:700px){.customer-top-nav{grid-template-columns:repeat(7,1fr);padding:13px 38px}.customer-top-nav button{min-height:59px;font-size:12px}.app-shell{padding-bottom:0}}[hidden]{display:none!important}.pickup-status{border:1px dashed #d8d8dd;border-radius:16px;padding:28px 18px;text-align:center;margin:20px 0;color:#6f6f78}.pickup-status b{color:#292a30}.pickup-status p{font-size:13px;line-height:1.6;margin:8px 0 0}.pickup-guide{margin-top:24px}.pickup-guide h2{margin-bottom:10px}.pickup-guide p{margin:8px 0;color:#666670;font-size:13px}.payment-instructions{display:grid;gap:7px;background:#eef8f3;border:1px solid #d8eee3;border-radius:12px;padding:12px;color:#326957;font-size:13px;line-height:1.5}.payment-instructions img{width:min(210px,100%);border-radius:8px;background:#fff;padding:5px;border:1px solid #dbe9e2}.admin-actions{display:flex;align-items:end;gap:10px}.admin-actions label{display:grid;gap:4px;color:#777780;font-size:11px;font-weight:700}.admin-actions select{border:1px solid #dedee3;border-radius:9px;background:#fff;padding:8px;font:inherit;font-size:12px}@media(max-width:700px){.admin-actions{align-items:center}.admin-actions label{display:none}}.admin-login{position:fixed;inset:0;z-index:50;background:rgba(32,32,38,.56);display:grid;place-items:center;padding:20px}.admin-login form{width:min(100%,390px);display:grid;gap:14px;background:#fff;padding:28px;border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,.22)}.admin-login h1{margin:0;font-size:25px}.admin-login p{margin:0;color:#777780;font-size:13px}.admin-login .eyebrow{color:#d92337;font-weight:800}.admin-login label{display:grid;gap:6px;font-size:13px;font-weight:700}.admin-login input{border:1px solid #dedee3;border-radius:11px;padding:12px;font:inherit}.link-button{border:0;background:transparent;color:#777780;font:inherit;cursor:pointer}.order-attachment{display:inline-block;margin:0 0 10px;color:#c52035;font-size:12px;font-weight:700;text-decoration:none}.order-form .sound-setting{display:flex;align-items:center;gap:9px;font-weight:700}.order-form .sound-setting input{width:18px;height:18px;padding:0}.order-timeline{border-top:1px solid #eee;padding-top:9px;color:#666670;font-size:12px}.order-timeline summary{cursor:pointer;font-weight:700;color:#4f4f59}.order-timeline ul{padding-left:18px;display:grid;gap:8px}.order-timeline small{display:block;color:#a0a0a7;margin-top:2px}.refund-proof{margin-top:10px;border-radius:10px;padding:9px;background:#eef8f3;color:#356e5b}.handover-proof{margin-top:10px}.handover-proof img{margin-top:6px;width:min(220px,100%);border-radius:9px}.qr-preview{width:min(230px,100%);border:1px solid #e1e1e5;border-radius:12px;padding:6px;background:#fff}

/* แสดงภาพตัวอย่างสินค้าที่ลูกค้าแนบในคิวออเดอร์ */
.order-attachments{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.order-attachment{width:min(220px,100%);margin:0;border:1px solid #e7e7eb;border-radius:12px;overflow:hidden;background:#fff}.order-attachment img{display:block;width:100%;height:150px;object-fit:cover;background:#f4f4f6}.order-attachment figcaption{padding:9px 10px 4px;color:#36363d;font-size:12px;font-weight:700}.order-attachment figcaption small{display:block;margin-top:3px;color:#898992;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-attachment a{display:block;margin:5px 10px 10px;padding:8px 10px;border-radius:8px;background:#fff3f4;color:#c52035;font-size:12px;font-weight:700;text-align:center;text-decoration:none}

/* มีเมนูลูกค้า 8 รายการในจอคอม */
@media(min-width:700px){.customer-top-nav{grid-template-columns:repeat(8,1fr)}}
.customer-profile-card{width:min(100%,390px);display:grid;gap:14px;background:#fff;padding:28px;border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,.22)}.customer-profile-card h1{margin:0;font-size:25px}.customer-profile-card .eyebrow{margin:0;color:#d92337;font-weight:800;font-size:13px}.customer-profile-body{display:grid;gap:10px}.customer-profile-body p{margin:0;padding:11px 12px;border-radius:11px;background:#f7f7f9;color:#555560;font-size:13px;line-height:1.55}.customer-profile-body b{display:block;color:#25252b;font-size:11px;margin-bottom:3px}.customer-profile-card .link-button{text-align:center;padding:8px}
.audit-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:14px 0}.audit-filter label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#666670}.audit-filter input,.audit-filter button,.audit-pagination button{border:1px solid #dedee3;border-radius:9px;padding:9px 11px;background:#fff;font:inherit;font-size:12px;cursor:pointer}.audit-filter button[type="submit"]{background:#d92337;border-color:#d92337;color:#fff;font-weight:700}.audit-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:15px}.audit-pagination span{font-size:12px;color:#6d6d76}.audit-pagination button:disabled{opacity:.45;cursor:not-allowed}
.public-landing{min-height:100vh;max-width:860px;margin:auto;padding:28px 22px 46px;background:radial-gradient(circle at top right,#ffe9ed 0,transparent 34%),#fff;display:grid;align-content:center;gap:16px}.landing-brand{font-size:25px;font-weight:900;letter-spacing:-2px;color:#2c2c31}.landing-brand span{color:#d92337}.landing-brand b{font-size:.65em;color:#e65b59;margin-left:3px;vertical-align:3px}.landing-hero{padding:24px 0 10px}.landing-hero .eyebrow{margin:0 0 10px;color:#d92337;font-size:11px;font-weight:900;letter-spacing:1.2px}.landing-hero h1{margin:0;font-size:40px;letter-spacing:-2px;line-height:1.12}.landing-hero h1 em{font-style:normal;color:#d92337}.landing-hero>p:last-child{max-width:510px;color:#74747d;font-size:14px;line-height:1.65}.landing-choice{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;border:1px solid #ececef;border-radius:19px;padding:16px;background:#fff;box-shadow:0 8px 24px rgba(30,30,35,.045)}.landing-choice p{margin:0;color:#85858e;font-size:12px;font-weight:700}.landing-choice h2{margin:3px 0;font-size:17px}.landing-choice small{color:#85858e;font-size:11px;line-height:1.45}.landing-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#fdecef;color:#d92337;font-size:25px;font-weight:800}.landing-icon.admin{background:#eff2f7;color:#30323a}.landing-choice button{grid-column:1/-1;width:100%;margin-top:3px}.secondary{padding:14px;border:1px solid #d8dbe2;border-radius:14px;background:#fff;color:#30323a;font:inherit;font-weight:800;font-size:14px;cursor:pointer}.landing-foot{text-align:center;color:#92929a;font-size:11px;line-height:1.6;margin:4px 10px}.app-shell[hidden]+*{}body[data-surface="admin"] .landing-customer{display:none}body[data-surface="admin"] .landing-hero h1{font-size:35px}body[data-surface="admin"] .landing-hero h1:before{content:"ระบบจัดการทีมงาน\A";white-space:pre;color:#3a3a42;font-size:14px;letter-spacing:0;font-weight:700}@media(min-width:700px){.public-landing{padding:54px 70px}.landing-hero h1{font-size:50px}.landing-choice{grid-template-columns:54px 1fr auto}.landing-choice button{grid-column:auto;width:auto;margin:0}.landing-icon{width:54px;height:54px}.landing-foot{text-align:left;margin:8px 0}}
.topbar-logout{border:1px solid #f0c6cb;border-radius:10px;background:#fff7f8;color:#c52235;padding:8px 11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.admin-actions .topbar-logout{margin-left:3px}
body[data-surface="customer"] .landing-admin{display:none}
.landing-icon.guide{background:#fff0d7;color:#e47b22;font-family:Arial,sans-serif;font-size:22px}.guide-hero{padding:8px 0 16px}.guide-hero .eyebrow{color:#d92337;font-size:11px;font-weight:900;letter-spacing:1px;margin:0 0 9px}.guide-hero h1{font-size:31px;line-height:1.14;margin:0;letter-spacing:-1.4px}.guide-hero h1 em{font-style:normal;color:#d92337}.guide-hero>p:last-child{color:#73737c;font-size:13px;line-height:1.65}.guide-alert{background:#fff5e4;border:1px solid #f7e2ba;border-radius:15px;padding:14px 15px;font-size:13px;line-height:1.55;color:#715225}.guide-alert b{color:#342613}.shopee-steps{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.shopee-steps li{display:grid;grid-template-columns:33px 1fr;gap:11px;padding:14px;border:1px solid #ebecef;border-radius:16px;background:#fff;box-shadow:0 6px 17px rgba(30,30,35,.035)}.shopee-steps li>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#fdecef;color:#d92337;font-weight:900}.shopee-steps b{font-size:14px}.shopee-steps p{margin:4px 0 0;color:#71717a;font-size:12px;line-height:1.55}.guide-sample{margin-top:10px;border-left:3px solid #e77d27;padding:10px 11px;background:#fff8ef;border-radius:0 10px 10px 0;color:#675230;font-size:12px;line-height:1.6}.guide-sample small{display:block;color:#867155;margin-top:5px}.guide-cost{padding:15px;border-radius:15px;background:#f5f7fb;border:1px solid #e2e6ef;color:#51545f;font-size:13px;line-height:1.6}.guide-cost p{margin:5px 0 0}.guide-link{display:block;text-align:center;margin-top:18px;text-decoration:none}.guide-link-note{text-align:center;color:#898991;font-size:12px;margin-top:14px}body[data-surface="admin"] .landing-guide{display:none}
.shopee-steps figure{margin:12px 0 0;border:1px solid #e7e7eb;border-radius:13px;overflow:hidden;background:#f7f7f8}.shopee-steps figure img{display:block;width:100%;max-height:370px;object-fit:contain;object-position:center top;background:#f4f4f5}.shopee-steps figcaption{padding:9px 10px;background:#fff;color:#777780;font-size:11px;line-height:1.4}.shopee-steps li:nth-child(5) figure img,.shopee-steps li:nth-child(6) figure img{object-fit:cover;object-position:center top}@media(min-width:700px){.shopee-steps figure{max-width:330px}.shopee-steps figure img{max-height:460px}}
.other-carrier-alert{margin-top:11px;border:2px solid #e23448;border-radius:15px;padding:15px 16px;background:#fff0f2;color:#7e1d2c;font-size:13px;line-height:1.62;box-shadow:0 7px 18px rgba(217,35,55,.08)}.other-carrier-alert strong{display:block;color:#c51731;font-size:16px;margin-bottom:2px}.other-carrier-alert small{color:#9a5d66;font-size:11px}.guide-pay-next{margin:21px 0 17px;border-radius:18px;padding:18px;background:linear-gradient(135deg,#fff0f2,#fff8ee);border:1px solid #f1cbd1}.guide-pay-next .eyebrow{margin:0 0 6px;color:#d92337;font-weight:900;font-size:11px;letter-spacing:.8px}.guide-pay-next h2{margin:0 0 10px;font-size:19px;line-height:1.3}.guide-pay-next ol{margin:0;padding-left:21px;color:#5e5e67;font-size:13px;line-height:1.7}.guide-pay-next p:last-of-type{margin:11px 0;color:#7c5560;font-size:12px;line-height:1.5}.guide-pay-button{width:100%;padding:14px;border:0;border-radius:13px;background:#d92337;color:#fff;font:inherit;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 8px 18px rgba(217,35,55,.2)}.guide-link{font-size:16px;letter-spacing:.05px}.guide-link-note{padding:12px;border:1px dashed #e5b9bf;border-radius:12px;background:#fff8f8;color:#b13d4c;font-weight:700}.shopee-steps li:nth-child(5) figure:after{content:"ตัวอย่างข้อความที่ต้องกรอกท้ายที่อยู่\Aเลขที่ 220/40, หมู่ที่ 3, (ส่งต่อ รุ่งอรุณ Hal สาขา [สาขารับของ] นครหลวงเวียงจันทน์ / [ชื่อผู้รับ] [เบอร์โทรลาว])\A\Aเปลี่ยนเฉพาะข้อมูลใน [วงเล็บเหลี่ยม] ส่วนอื่นให้คงเดิมทั้งหมด";display:block;white-space:pre-line;padding:13px 12px;border-top:2px solid #e23b4f;background:#fff6f7;color:#563038;font-size:12px;line-height:1.65;font-weight:600}.shopee-steps li:nth-child(5) figure:after:first-line{color:#bf1930;font-weight:900}.guide-shop-top{display:block;margin:0 0 15px;padding:16px;border-radius:15px;background:linear-gradient(135deg,#ee4d2d,#d92337);box-shadow:0 10px 22px rgba(217,35,55,.23);color:#fff;text-align:center;text-decoration:none;font-size:15px;font-weight:900;letter-spacing:.1px}.profile-close-account{margin-top:34px;width:100%;padding:14px;border-radius:13px;background:#fff;color:#bd3a48;border:1px solid #e4b1b8;font:inherit;font-weight:700;cursor:pointer;display:flex;justify-content:space-between}.profile-close-account b{color:#bd3a48}
.image-open{display:block;width:calc(100% - 20px);margin:5px 10px 10px;padding:8px 10px;border:0;border-radius:8px;background:#fff3f4;color:#c52035;font:inherit;font-size:12px;font-weight:700;text-align:center;cursor:pointer}.image-preview-card{position:relative;width:min(94vw,780px);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:18px;box-shadow:0 22px 60px rgba(0,0,0,.28)}.image-preview-card p{margin:0 38px 13px 0;color:#4b4b53;font-size:14px;font-weight:800}.image-preview-card img{display:block;max-width:100%;max-height:74vh;margin:auto;border-radius:10px;object-fit:contain;background:#f4f4f6}.image-preview-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f1f3;color:#34343b;font-size:24px;line-height:30px;cursor:pointer}
.item-details{display:grid;gap:4px;margin:9px 0;padding:10px 11px;border-radius:10px;background:#f7f7f9;color:#51515b;font-size:12px;line-height:1.45}.item-details b{color:#292a31}.item-editor{display:grid;grid-template-columns:1fr 120px 150px auto;gap:8px;align-items:end;margin:11px 0;padding:11px;border-radius:12px;background:#f7f8fb;border:1px solid #e5e7ed}.item-editor>b,.item-editor>small{grid-column:1/-1}.item-editor>small{color:#777780;font-size:11px}.item-editor label{display:grid;gap:4px;color:#62626d;font-size:11px;font-weight:700}.item-editor input{min-width:0;width:100%;border:1px solid #dcdde3;border-radius:8px;padding:8px;font:inherit;font-size:12px}.item-editor button{align-self:end;background:#d92337;color:#fff;border:0;border-radius:8px;padding:9px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.item-editor-missing{border-color:#efbd78;background:#fff8ec}.item-editor-missing>b{color:#944f18}@media(max-width:700px){.item-editor{grid-template-columns:1fr}.item-editor button{width:100%}}
.item-editor-locked{background:#f3f3f5;border-color:#d7d7de}.item-editor-locked input{background:#ebebef;color:#777780;cursor:not-allowed}.item-editor-locked button{background:#a5a5ad;box-shadow:none;cursor:not-allowed}
.admin-order-details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px}.admin-order-details>summary::-webkit-details-marker{display:none}.admin-order-details>summary span{display:grid;gap:4px;min-width:0}.admin-order-details>summary b{font-size:14px;color:#282830}.admin-order-details>summary small{font-size:11px;color:#777780;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-order-details>summary strong{color:#a86217}.admin-order-details>summary em{font-style:normal;white-space:nowrap;color:#d92337;font-size:12px;font-weight:700}.admin-order-content{border-top:1px solid #eeeef1;margin-top:12px;padding-top:12px}
.admin-mobile-menu,.admin-menu-backdrop{display:none}@media(max-width:700px){#adminApp{position:relative}.admin-side{position:fixed;z-index:60;top:0;bottom:0;left:0;width:min(270px,82vw);min-height:100vh;display:grid;align-content:start;gap:7px;padding:25px 16px;overflow-y:auto;box-shadow:18px 0 40px rgba(0,0,0,.24);transform:translateX(-104%);transition:transform .22s ease}.admin-side.mobile-open{transform:translateX(0)}.side-logo,.admin-side p{display:block}.side-logo{margin:0 8px 23px}.admin-side p{margin:11px 8px 3px}.admin-side button{white-space:normal;width:100%;padding:11px;text-align:left}.admin-menu-backdrop{position:fixed;display:block;z-index:55;inset:0;border:0;background:rgba(20,20,24,.42)}.admin-mobile-menu{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;order:-1;border:1px solid #dedee4!important;background:#fff!important;color:#34343c!important;font-weight:700!important;white-space:nowrap}.admin-workspace{padding:18px}.admin-workspace .admin-head{display:grid;grid-template-columns:auto 1fr;align-items:center}.admin-workspace .admin-head .admin-actions{grid-column:1/-1;grid-row:2;margin-top:12px}.admin-workspace .admin-head h1{font-size:22px}.admin-workspace .admin-head>div:nth-child(2){min-width:0}.admin-workspace .admin-head>div:nth-child(2) p{font-size:11px}.admin-actions{justify-content:space-between}.admin-actions .topbar-logout{margin-left:auto}}
.delivery-action{margin:12px 0;padding:13px;border:1px solid #f3c8ce;border-radius:12px;background:#fff7f8}.delivery-action b{color:#c52035}.delivery-action p{margin:6px 0 10px;font-size:13px;color:#666670}.delivery-proof{border:1px solid #e4e4e8;border-radius:10px;padding:7px;background:#fff}
.purchase-action{display:grid;gap:8px;margin:12px 0;padding:13px;border:1px solid #ead4ac;border-radius:12px;background:#fffaf0}.purchase-action b{color:#914f17}.purchase-action p{margin:0;color:#6d6254;font-size:13px;line-height:1.5}.purchase-action label{display:grid;gap:5px;color:#5e554a;font-size:12px;font-weight:800}.purchase-action input{width:100%;border:1px solid #ddd0b9;border-radius:9px;padding:10px;background:#fff;font:inherit}.purchase-action small{color:#776b5d;font-size:11px;line-height:1.45}

/* จัดวางการ์ดออเดอร์หลังบ้าน: ปรับเฉพาะหน้าตา ไม่เปลี่ยนกระบวนการทำงาน */
.admin-orders{gap:14px}.admin-order.admin-order-details{margin:0;padding:0;overflow:hidden;border-color:#e3e4e8;border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(31,31,38,.035)}.admin-order-details>summary{position:relative;padding:15px 48px 15px 17px;min-height:74px;background:linear-gradient(135deg,#fff,#fafafc);transition:background .18s ease}.admin-order-details>summary:hover{background:#fff8f9}.admin-order-details>summary::after{content:"⌄";position:absolute;right:17px;top:50%;width:27px;height:27px;transform:translateY(-50%);display:grid;place-items:center;border-radius:50%;background:#f2f2f5;color:#595963;font-size:17px;font-weight:800;transition:transform .18s ease,background .18s ease}.admin-order-details[open]>summary{background:#fff8f9}.admin-order-details[open]>summary::after{transform:translateY(-50%) rotate(180deg);background:#fdecef;color:#d92337}.admin-order-details>summary span{gap:5px}.admin-order-details>summary b{font-size:15px;line-height:1.35}.admin-order-details>summary small{max-width:620px;font-size:12px;color:#6d6d77}.admin-order-details>summary strong{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 8px;border-radius:99px;background:#fff2d9;color:#9b611b;font-size:11px}.admin-order-details>summary em{align-self:center;min-width:96px;padding:7px 9px;border-radius:9px;background:#fdecef;color:#c52035;text-align:center}.admin-order-content{margin:0;padding:17px;display:grid;gap:13px;border-top:1px solid #ececf0;background:#fff}.admin-order-content>p{margin:0;padding:10px 12px;border-radius:10px;background:#f7f7f9;color:#65656e;font-size:12px;line-height:1.5}.admin-order-content .item-details{margin:0}.admin-order-content .item-editor,.admin-order-content .purchase-action,.admin-order-content .delivery-action{margin:0}.admin-order-content .order-attachments{margin:0}.admin-order-content .order-attachment{box-shadow:0 2px 8px rgba(31,31,38,.04)}.admin-order-content .handover-proof{margin:0}.admin-order-content .delivery-proof{width:min(360px,100%)}.admin-order-content .admin-actions{padding-top:2px;border-top:1px dashed #e3e3e8}.admin-order-content .primary{box-shadow:none}.admin-order-content .image-open{margin:5px 10px 10px}.admin-order-content .order-timeline{margin:0}.admin-order-content .refund-proof{margin:0}.admin-order-content .payment-instructions{margin:0}@media(min-width:700px){.admin-order-content .item-editor{max-width:760px}.admin-order-content .order-attachments{align-items:start}.admin-order-content .admin-actions{justify-content:flex-end;padding-top:13px}}@media(max-width:700px){.admin-order-details>summary{padding:14px 43px 14px 14px;align-items:flex-start}.admin-order-details>summary::after{right:12px}.admin-order-details>summary em{min-width:0;padding:5px 7px;font-size:11px}.admin-order-content{padding:14px}.admin-order-content .admin-actions{padding-top:12px}}

/* บริบทออเดอร์ในประวัติการทำงานของเจ้าของระบบ */
.audit-order{display:grid;gap:9px}.audit-order>p{margin:0}.audit-order-context{display:grid;gap:4px;padding:10px 11px;border-radius:10px;background:#f7f7f9;border-left:3px solid #d92337;color:#555560;font-size:12px;line-height:1.45}.audit-order-context>b{color:#292a31;font-size:13px}.audit-order-context>span{color:#62626c}.audit-order-context small{color:#777780;font-size:11px}.audit-order button{justify-self:start}.audit-no-order{display:block;color:#96969e;font-size:11px}

/* คืนเงิน: ลูกค้าตรวจหลักฐานและยืนยันรับเงินคืนก่อนปิดออเดอร์ */
.refund-confirmation{display:grid;gap:10px;margin:12px 0;padding:14px;border:1px solid #f2d4d8;border-radius:13px;background:#fff6f7;color:#553238}.refund-confirmation b{color:#c52035}.refund-confirmation p{margin:0;font-size:13px;line-height:1.65}.refund-confirmation .image-open{margin:0}.refund-waiting{padding:12px;border:1px solid #f2d4d8;border-radius:11px;background:#fff6f7;color:#6e4045}.refund-waiting b{color:#c52035}.refund-waiting p{margin:5px 0 0;font-size:12px}
.delivery-address-section{display:grid;gap:11px;margin:8px 0 2px;padding:14px;border:1px solid #e8e8ec;border-radius:14px;background:#fbfbfd}.delivery-address-section h2{margin:0;font-size:17px}.delivery-address-section .sub{margin:0}.delivery-location-actions{display:flex;flex-wrap:wrap;gap:8px}.delivery-location-actions .contact{margin:0;flex:1 1 190px}.delivery-map-preview{padding:11px 12px;border-radius:10px;background:#eef8f4}.delivery-map-preview a,.order-delivery-card a{color:#16724f;font-weight:800;text-decoration:none}.order-delivery-card{display:grid;gap:6px;margin:0;padding:12px;border:1px solid #dcebe4;border-radius:12px;background:#f3fbf7;color:#405149;font-size:12px;line-height:1.55}.order-delivery-card b{color:#237553;font-size:13px}.order-delivery-card p{margin:0!important;padding:0!important;background:transparent!important;color:inherit!important}.order-delivery-card.missing{border-color:#eee0be;background:#fffaf0;color:#806b45}.order-delivery-card.missing b{color:#9a741d}
.delivery-map-frame{width:100%;height:180px;border:0;border-radius:9px;background:#e8e8e8}
.delivery-picker{display:grid;gap:6px;margin:10px 0 0;padding:11px;border:1px solid #dcebe4;border-radius:11px;background:#f3fbf7}.delivery-picker b{color:#237553;font-size:13px}.delivery-picker small{color:#5e7167;font-size:11px}.delivery-picker #deliveryPickerMap{height:255px;overflow:hidden;border-radius:9px;background:#e6ece9;z-index:0}.delivery-picker .leaflet-control{z-index:1}
.email-field-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.email-verified-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#e8f7ef;color:#18794e;font-size:11px;font-weight:900;white-space:nowrap}.email-verified-badge[hidden]{display:none!important}#emailOtpStatus.verified{margin:0;padding:10px 13px;border-radius:10px;background:#eef9f3;color:#18794e;font-weight:800}.email-otp-button[hidden]{display:none!important}
.phone-call-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding:10px 11px;border:1px solid #f0cbd0;border-radius:10px;background:#fff8f9;color:#c52035;font-weight:800;text-decoration:none}.phone-call-link small{color:#9c626a;font-size:11px;font-weight:700}
.site-logo-image{display:block;max-width:230px;max-height:54px;width:auto;height:auto;object-fit:contain;object-position:left center}.landing-brand .site-logo-image{max-width:250px;max-height:58px}.brand .site-logo-image{max-width:180px;max-height:38px}.side-logo .site-logo-image{max-width:190px;max-height:43px}.webapp-asset-preview{display:block;max-width:min(100%,300px);max-height:110px;object-fit:contain;object-position:left center;padding:9px;border:1px solid #e3e3e8;border-radius:12px;background:#fafafb}.webapp-icon-preview{display:block;width:80px;height:80px;object-fit:contain;padding:7px;border:1px solid #e3e3e8;border-radius:14px;background:#fafafb}.public-page-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.public-page-links a{color:#8b4751;text-decoration:none;font-size:12px;font-weight:800;padding:6px 8px;border-radius:8px}.public-page-links a:hover{background:#fff2f3;color:#c52035}.admin-public-links{justify-content:flex-start;margin-top:14px;padding-top:13px;border-top:1px solid #ececf0}.public-page-url{margin:0;color:#6c6c75;font-size:12px}.public-page-url a{color:#c52035;font-weight:800;word-break:break-all}
.customer-public-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;margin:0 22px 25px;padding:16px 8px;border-top:1px solid #eeeef1;color:#8b8b94;font-size:12px}.customer-public-pages span{width:100%;text-align:center;font-size:11px;font-weight:800;color:#74747d}.customer-public-pages a{color:#6d6d76;text-decoration:none}.customer-public-pages a:hover{color:#d92337;text-decoration:underline}@media(min-width:700px){.customer-public-pages{margin:0 70px 30px}}
.topbar-actions,.landing-header{display:flex;align-items:center;gap:9px}.topbar-actions{margin-left:auto}.pwa-install{border:1px solid #efb9c0;border-radius:10px;background:#fff7f8;color:#cb2638;padding:8px 11px;font:inherit;font-size:12px;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:0 3px 10px rgba(217,35,55,.08)}.pwa-install:hover{background:#d92337;color:#fff;border-color:#d92337}.landing-header{justify-content:space-between;gap:12px}.landing-header .landing-brand{min-width:0}@media(max-width:390px){.pwa-install{padding:7px 8px;font-size:11px}.topbar{padding:0 14px}.landing-header{align-items:flex-start}}

/* หน้าร้านสาธารณะและตะกร้าสินค้า */
.store-overlay{position:fixed;inset:0;z-index:1000;background:#f6f6f8;overflow:auto}.store-shell{width:min(1120px,100%);min-height:100vh;margin:auto;background:#fff}.store-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 30px;border-bottom:1px solid #eee;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}.store-brand{color:#25252b;text-decoration:none;font-size:23px;font-weight:900}.store-brand b{color:#df2639}.store-brand small{margin-left:8px;font-size:10px;letter-spacing:.13em;color:#7b7b84}.store-actions{display:flex;gap:8px}.store-actions button,.catalog-admin-actions button,.catalog-admin-actions a{padding:10px 13px;border:1px solid #efb7bd;border-radius:10px;background:#fff;color:#d92337;font:inherit;font-weight:800;text-decoration:none}.store-actions [data-store-close]{font-size:22px;padding:4px 13px}.store-content{padding:36px max(24px,5vw) 64px}.store-hero{max-width:650px;margin-bottom:28px}.store-hero h1,.store-detail h1{margin:0;font-size:34px;line-height:1.2}.store-hero p{color:#6d6d77}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.store-product{border:1px solid #e8e8ec;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(30,30,40,.04)}.store-product-image{display:block;aspect-ratio:1/1;background:#f4f4f6;overflow:hidden}.store-product-image img,.store-detail-image img,.cart-thumb img,.catalog-admin-thumb img{width:100%;height:100%;object-fit:cover}.store-image-empty{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#fee9ec,#fff2e7);font-size:25px;line-height:1.1;font-weight:900;color:#de263a;text-align:center}.store-product-body{padding:16px;display:grid;gap:10px}.store-product-body a{text-decoration:none;color:#25252b}.store-product-body h2{margin:0;font-size:18px;line-height:1.3}.store-product-body p{margin:0;color:#757580;font-size:13px;min-height:38px}.store-product-foot{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.store-product-foot b,.store-price{font-size:20px;color:#d92337}.store-product-foot span,.stock-note,.store-cart small{font-size:12px;color:#74747d}.store-product .primary{width:100%}.store-empty{padding:38px;text-align:center;border:1px dashed #d9d9df;border-radius:16px;color:#74747d}.store-back{padding:0;border:0;background:transparent;color:#d92337;font:inherit;font-weight:800;margin-bottom:16px}.store-detail-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:38px;align-items:start}.store-detail-image{aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:#f3f3f5}.store-description{white-space:pre-wrap;color:#555560}.detail-buy{display:flex;gap:10px;align-items:end;margin:18px 0}.detail-buy label{display:grid;gap:5px;font-size:13px;font-weight:700}.detail-buy input{width:90px;padding:11px;border:1px solid #ddd;border-radius:10px;font:inherit}.detail-buy .primary{flex:1}.store-cart{max-width:760px;margin:auto}.store-cart h1{margin:0}.cart-row{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #eee}.cart-thumb{width:72px;height:72px;border-radius:11px;overflow:hidden;background:#f4f4f6}.cart-row>div:nth-child(2){display:grid;gap:4px}.cart-row span{font-size:13px;color:#777}.cart-quantity{display:flex!important;align-items:center;gap:8px}.cart-quantity button{border:1px solid #ddd;background:#fff;border-radius:7px;padding:4px 8px;color:#d92337;font:inherit}.cart-total{display:flex;justify-content:space-between;padding:22px 0;font-size:19px}.store-cart>.primary{width:100%;margin-bottom:8px}.catalog-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.catalog-image-preview{max-width:240px;max-height:240px;border-radius:12px;object-fit:cover}.catalog-product-list{display:grid;gap:12px;margin-top:22px}.catalog-admin-card{display:grid;grid-template-columns:84px 1fr auto;gap:13px;padding:12px;border:1px solid #e5e5ea;border-radius:13px;background:#fff}.catalog-admin-thumb{width:84px;height:84px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:#f4f4f6;font-size:11px;color:#777}.catalog-admin-card>div:nth-child(2){display:grid;gap:3px}.catalog-admin-card small,.catalog-admin-card span{font-size:12px;color:#666}.catalog-admin-card em{font-size:12px;color:#28744f;font-style:normal;font-weight:700}.catalog-admin-card em.off{color:#9c5b17}.catalog-admin-actions{display:flex;align-items:center;align-content:start;flex-wrap:wrap;gap:6px;max-width:150px}.catalog-admin-actions button,.catalog-admin-actions a{font-size:12px;padding:7px 9px}.form-actions{display:flex;gap:10px}.form-actions .primary{flex:1}.store-public-link{display:block;width:min(700px,calc(100% - 32px));margin:12px auto 0;padding:14px 18px;border-radius:13px;background:#fff5f6;color:#d92337;border:1px solid #f4c9ce;font-weight:800;text-decoration:none;text-align:center}@media(max-width:760px){.store-header{padding:14px 17px}.store-content{padding:25px 16px 42px}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.store-product-body{padding:12px}.store-product-body h2{font-size:15px}.store-product-foot{display:grid;gap:2px}.store-detail-grid{grid-template-columns:1fr;gap:22px}.store-hero h1,.store-detail h1{font-size:29px}.catalog-form-grid{grid-template-columns:1fr}.catalog-admin-card{grid-template-columns:62px 1fr}.catalog-admin-thumb{width:62px;height:62px}.catalog-admin-actions{grid-column:1/-1;max-width:none}.cart-row{grid-template-columns:56px 1fr}.cart-thumb{width:56px;height:56px}.cart-row>strong{grid-column:2;justify-self:end}.detail-buy{align-items:stretch;flex-direction:column}.detail-buy input{width:100%;box-sizing:border-box}}
.store-home-block{margin-top:16px;padding:18px;border:1px solid #ececf0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(30,30,40,.04)}.store-home-public{margin:14px 0}.store-home-block-heading{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:14px}.store-home-block-heading p{margin:0 0 2px;color:#d92337;font-size:11px;font-weight:900}.store-home-block-heading h2{margin:0;color:#24242b;font-size:20px}.store-home-block-heading small{display:block;margin-top:4px;color:#74747d;font-size:12px}.store-home-all{flex:0 0 auto;padding:9px 11px;border:1px solid #f1c5ca;border-radius:10px;color:#d92337;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}.store-home-all:hover{background:#d92337;color:#fff}.store-home-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.store-home-product{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:9px;min-width:0;padding:9px;border:1px solid #ededf1;border-radius:12px;color:#24242b;text-decoration:none;background:#fff}.store-home-product:hover{border-color:#edb6be;background:#fff8f8}.store-home-product-image{width:58px;height:58px;overflow:hidden;border-radius:9px;background:#f5f5f7}.store-home-product-image img{width:100%;height:100%;object-fit:cover}.store-home-product-image .store-image-empty{font-size:12px}.store-home-product-info{display:grid;min-width:0;gap:3px}.store-home-product-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.store-home-product-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#74747d;font-size:11px}.store-home-product>strong{color:#d92337;font-size:20px}.store-home-empty{grid-column:1/-1;padding:18px;border-radius:11px;background:#fafafb;color:#777780;font-size:13px;text-align:center}
@media(max-width:760px){.store-home-block{margin-top:14px;padding:14px}.store-home-block-heading{display:grid;gap:8px}.store-home-all{justify-self:start}.store-home-products{grid-template-columns:1fr}.store-home-product{grid-template-columns:52px 1fr auto}.store-home-product-image{width:52px;height:52px}}

/* ประวัติคำสั่งซื้อ: โชว์สรุปก่อน แล้วเปิดรายละเอียดเฉพาะรายการเมื่อกด */
.history-order-item{gap:9px}.history-order-summary{color:#34343b!important;font-size:13px!important;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-order-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#6d6d76;font-size:12px}.history-order-meta b{color:#c42135}.history-order-meta small{color:#95959d;font-size:10px;text-align:right}.history-order-details{border-top:1px solid #eeeef1;margin-top:3px;padding-top:9px}.history-order-details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#c52035;font-size:12px;font-weight:900;list-style:none}.history-order-details summary::-webkit-details-marker{display:none}.history-order-details summary:after{content:'⌄';font-size:16px;transition:transform .18s ease}.history-order-details[open] summary:after{transform:rotate(180deg)}.history-order-full{display:grid;gap:10px;margin-top:12px}.history-order-full .order-delivery-card,.history-order-full .order-attachments{margin:0}@media(max-width:480px){.history-order-meta{display:grid;gap:4px}.history-order-meta small{text-align:left}}
.admin-history-filter{display:grid;grid-template-columns:minmax(230px,1fr) minmax(155px,auto) auto auto;gap:9px;align-items:end;margin:15px 0 18px}.admin-history-filter label{display:grid;gap:5px;color:#5f6069;font-size:12px;font-weight:800}.admin-history-filter input,.admin-history-filter button,.admin-history-pagination button{min-height:40px;border:1px solid #dedee4;border-radius:10px;padding:9px 11px;background:#fff;color:#34343c;font:inherit;font-size:12px}.admin-history-filter button,.admin-history-pagination button{cursor:pointer;font-weight:800}.admin-history-filter button[type="submit"]{border-color:#d92337;background:#d92337;color:#fff}.admin-history-pagination{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:17px}.admin-history-pagination span{color:#6e6f78;font-size:12px}.admin-history-pagination button:disabled{opacity:.4;cursor:not-allowed}.admin-history-order{border-color:#e5e5eb;background:#fff;box-shadow:0 5px 16px rgba(28,29,37,.035)}.admin-history-customer-name{margin:0!important;color:#24252c!important;font-size:14px!important;font-weight:900}.admin-history-customer,.admin-history-facts{display:grid;gap:5px;padding:11px 12px;border:1px solid #e5e7ec;border-radius:11px;background:#f8f9fb;color:#4f515b;font-size:12px}.admin-history-customer>b,.admin-history-facts>b{color:#25262d;font-size:13px}.admin-history-customer small{color:#777983}.admin-history-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-history-facts>b{grid-column:1/-1}.admin-history-facts span{display:grid;gap:2px;padding:7px 8px;border-radius:8px;background:#fff}.admin-history-facts small{color:#858791;font-size:10px}.admin-history-facts strong{overflow-wrap:anywhere;color:#363740;font-size:12px}.admin-history-chat{justify-self:start;border:0;border-radius:9px;padding:9px 11px;background:#7c3aed;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}@media(max-width:760px){.admin-history-filter{grid-template-columns:1fr 1fr}.admin-history-filter label:first-child{grid-column:1/-1}.admin-history-filter button{width:100%}}@media(max-width:480px){.admin-history-filter{grid-template-columns:1fr}.admin-history-filter label:first-child{grid-column:auto}.admin-history-facts{grid-template-columns:1fr}}
/* หน้าร้านสาธารณะ: ใช้ URL จริง ไม่ใช่ชั้นป๊อปอัป เพื่อให้แชร์และอ่าน SEO ได้ */
body.store-public-page{background:#f5f6f8;color:#222}
.store-public-page .store-shell{max-width:1120px;margin:0 auto;min-height:100vh;background:#fff;box-shadow:0 0 34px rgba(20,28,42,.06)}
.store-public-page .store-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:82px;padding:16px 28px;background:rgba(255,255,255,.96);border-bottom:1px solid #eef0f4;backdrop-filter:blur(12px)}
.store-public-page .store-brand{display:flex;align-items:center;gap:9px;color:#222;text-decoration:none;font-weight:900;font-size:25px;letter-spacing:-.7px}.store-public-page .store-brand img{display:block;max-width:170px;max-height:42px;object-fit:contain}.store-public-page .store-brand small{font-size:12px;letter-spacing:1.5px;color:#727784}
.store-public-page .store-actions{display:flex;align-items:center;gap:9px}.store-public-page .store-actions button,.store-public-page .store-return{min-height:40px;padding:0 14px;border:1px solid #f1bec5;border-radius:11px;background:#fff;color:#db2638;font-weight:800;text-decoration:none;cursor:pointer}.store-public-page .store-actions button{border:0;background:#e82537;color:#fff}.store-public-page .store-content{max-width:100%;padding:38px 46px 70px}.store-public-page .store-hero{margin:0 0 30px}.store-public-page .store-hero h1{margin:6px 0;font-size:clamp(27px,4vw,42px);letter-spacing:-1.25px}.store-public-page .store-hero p{max-width:650px;color:#6d7480;line-height:1.65}.store-public-page .store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.store-public-page .store-card{overflow:hidden;border:1px solid #e9ebf0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(31,38,53,.05)}.store-public-page .store-card img{width:100%;height:220px;object-fit:cover;background:#f4f5f7}.store-public-page .store-card .card-body{padding:17px}.store-public-page .store-card h2{margin:0 0 6px;font-size:19px}.store-public-page .store-card p{min-height:42px;margin:0 0 14px;color:#747986;font-size:14px;line-height:1.5}.store-public-page .price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.store-public-page .price-row b{color:#e22235;font-size:21px}.store-public-page .stock{color:#79808c;font-size:13px}.store-public-page .store-product-link{display:block;padding:12px;border-radius:11px;background:#e82537;color:#fff;text-align:center;text-decoration:none;font-weight:800}.store-public-page .store-detail{display:grid;grid-template-columns:minmax(260px,480px) minmax(260px,1fr);gap:42px;align-items:start}.store-public-page .store-detail-image{width:100%;max-height:520px;object-fit:cover;border-radius:18px;background:#f3f4f6}.store-public-page .back-link{display:inline-flex;margin-bottom:16px;color:#d92235;font-weight:800;text-decoration:none}.store-public-page .store-detail h1{margin:7px 0 12px;font-size:clamp(28px,4vw,43px);letter-spacing:-1.3px}.store-public-page .detail-description{white-space:pre-line;color:#66707d;line-height:1.75}.store-public-page .detail-price{margin:23px 0;font-size:29px;font-weight:900;color:#e22235}.store-public-page .detail-stock{margin-bottom:22px;color:#747b86}.store-public-page .store-empty{padding:45px;border:1px dashed #d4d9e1;border-radius:18px;text-align:center;color:#68717d}.store-public-page .toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,130%);z-index:50;padding:12px 16px;border-radius:12px;background:#272a31;color:#fff;opacity:0;transition:.22s ease;pointer-events:none}.store-public-page .toast.show{transform:translate(-50%,0);opacity:1}
.bottom-nav a{display:grid;place-items:center;gap:2px;min-height:52px;padding:6px 5px;border:0;background:transparent;color:#5f6876;text-decoration:none;font:inherit;font-size:11px;cursor:pointer}.bottom-nav a i{font-style:normal;font-size:17px}.bottom-nav a.active{color:#e42539}
@media(max-width:680px){.store-public-page .store-header{min-height:68px;padding:12px 16px}.store-public-page .store-brand{font-size:20px}.store-public-page .store-brand img{max-width:128px;max-height:34px}.store-public-page .store-actions{gap:7px}.store-public-page .store-return{display:inline-flex;align-items:center;justify-content:center;padding:0 10px;font-size:12px;white-space:nowrap}.store-public-page .store-actions button{padding:0 11px;font-size:12px}.store-public-page .store-content{padding:25px 16px 46px}.store-public-page .store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.store-public-page .store-card img{height:160px}.store-public-page .store-card .card-body{padding:13px}.store-public-page .store-card h2{font-size:16px}.store-public-page .store-card p{min-height:0;font-size:12px}.store-public-page .store-product-link{padding:10px;font-size:13px}.store-public-page .store-detail{grid-template-columns:1fr;gap:22px}.store-public-page .store-detail-image{max-height:390px}.store-public-page .store-detail h1{font-size:31px}}

/* หน้ารายละเอียดสินค้า: ปุ่มกลับอยู่เหนือกริด เพื่อไม่ให้คอลัมน์รายละเอียดล้นออกนอกหน้าร้านบนเดสก์ท็อป */
.store-public-page .store-detail{display:block;max-width:100%}
.store-public-page .store-detail>.store-back{display:inline-flex;margin:0 0 20px}
.store-public-page .store-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:start;width:100%}
.store-public-page .store-detail-grid>div{min-width:0}
.store-public-page .store-detail-image{width:100%;aspect-ratio:1/1;max-height:520px;border-radius:18px;overflow:hidden;background:#f3f4f6}
.store-public-page .store-detail-image img{width:100%;height:100%;object-fit:contain;display:block}
.store-public-page .store-detail .store-description{max-width:100%;line-height:1.7;overflow-wrap:anywhere}
.store-public-page .store-detail .detail-buy{max-width:100%}
@media(max-width:680px){.store-public-page .store-detail-grid{grid-template-columns:1fr;gap:22px}.store-public-page .store-detail>.store-back{margin-bottom:16px}.store-public-page .store-detail-image{max-height:390px}}
.customer-terms{display:grid;gap:6px;padding:12px 13px;border:1px solid #f0d3d7;border-radius:12px;background:#fff8f8;color:#4c4c56;font-size:13px;line-height:1.45}.customer-terms label{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.customer-terms input{width:17px;height:17px;flex:none;margin:1px 0 0;padding:0;accent-color:#e52439}.customer-terms a{color:#d92337;font-weight:800;text-decoration:underline}.customer-terms small{padding-left:25px;color:#767680}.customer-terms[hidden]{display:none!important}
.landing-account-cta{display:grid;gap:12px;padding:16px 18px;margin:2px 0;border:1px solid #f1d4d8;border-radius:19px;background:linear-gradient(135deg,#fff9fa,#fff);box-shadow:0 8px 24px rgba(30,30,35,.04)}.landing-account-cta p{margin:0;color:#d92337;font-weight:900;font-size:12px}.landing-account-cta h2{margin:4px 0;font-size:19px}.landing-account-cta small{display:block;color:#74747d;line-height:1.5}.landing-account-cta .primary{width:100%}
.store-auth-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:18px;background:rgba(24,25,31,.56)}.store-auth-modal[hidden]{display:none!important}.store-auth-dialog{width:min(100%,440px);max-height:calc(100vh - 36px);overflow:auto;padding:26px;border-radius:22px;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.26)}.store-auth-dialog h1{margin:4px 0 8px;font-size:26px}.store-auth-note{margin:0 0 18px;color:#6c6c74;line-height:1.55}.store-auth-dialog label{display:grid;gap:7px;margin:13px 0;font-weight:800;font-size:13px}.store-auth-dialog input{width:100%;padding:13px 14px;border:1px solid #dfe1e7;border-radius:12px;font:inherit}.store-auth-dialog .customer-terms label{display:grid;grid-template-columns:auto 1fr;align-items:start;font-weight:600;line-height:1.45}.store-auth-dialog .customer-terms input{width:auto;margin-top:3px}.store-auth-dialog .customer-terms small{display:block;color:#797982;font-size:12px;line-height:1.45}.store-auth-dialog .primary{width:100%;margin-top:8px}.store-auth-dialog .link-button{display:block;width:100%;margin-top:10px}
@media(min-width:700px){.landing-choice.landing-customer{grid-template-columns:54px 1fr}.landing-account-cta{grid-template-columns:1fr auto;align-items:center}.landing-account-cta .primary{width:auto;min-width:208px}}

/* สีปุ่มตามความหมายของงานในคิวออเดอร์: ช่วยให้ทีมงานมองงานถัดไปได้เร็วขึ้น */
#adminApp .admin-order-content button{transition:filter .16s ease,transform .16s ease,box-shadow .16s ease}
#adminApp .admin-order-content button:not(:disabled):hover{filter:brightness(.94);transform:translateY(-1px);box-shadow:0 5px 12px rgba(20,28,45,.12)}
#adminApp .admin-order-content button[data-customer-profile]{background:#2563eb;color:#fff;border-color:#2563eb}
#adminApp .admin-order-content button[data-order-chat],#adminApp .admin-order-content button[data-toggle-order-chat]{background:#7c3aed;color:#fff;border-color:#7c3aed}
#adminApp .admin-order-content button[data-start-review],#adminApp .admin-order-content button[data-send-quote]{background:#2563eb;color:#fff;border-color:#2563eb}
#adminApp .admin-order-content button[data-inline-finance-confirm],#adminApp .admin-order-content button[data-finance-confirm],#adminApp .admin-order-content button[data-work],#adminApp .admin-order-content button[data-buyer-save],#adminApp .admin-order-content button[data-save-item]{background:#15803d;color:#fff;border-color:#15803d}
#adminApp .admin-order-content button[data-start-purchase]{background:#b45309;color:#fff;border-color:#b45309}
#adminApp .admin-order-content button[data-save-actual-purchase],#adminApp .admin-order-content button[data-take-work],#adminApp .admin-order-content button[data-release-work]{background:#0f766e;color:#fff;border-color:#0f766e}
#adminApp .admin-order-content button[data-delivery-proof]{background:#c2410c;color:#fff;border-color:#c2410c}
#adminApp .admin-order-content button[data-refund],#adminApp .admin-order-content button[data-delete-staff]{background:#dc2626;color:#fff;border-color:#dc2626}
#adminApp .admin-order-content button.image-open{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
#adminApp .admin-order-content button[data-take-work]:not([data-take-work=""]),#adminApp .admin-order-content button[data-toggle-order-chat]{font-weight:800}