:root{--bg:#fbf7ef;--surface:#fffdf8;--card:#fffaf2;--text:#2e2721;--muted:#877567;--line:#eadbc8;--brand:#b8895f;--brand2:#ecd7bb;--blue:#5c7ea8;--green:#6f9f74;--yellow:#d69a38;--red:#c75d57;--radius:18px;--shadow:0 18px 45px rgba(78,52,30,.09);--sidebar:252px;--font:-apple-system,BlinkMacSystemFont,'Noto Sans TC','Microsoft JhengHei',Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#fbf7ef,#f6ecdf);color:var(--text);font-family:var(--font);font-size:15px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:18px 14px;background:rgba(255,250,242,.96);border-right:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;gap:10px;align-items:center;margin-bottom:14px}.logo{width:40px;height:40px;border-radius:15px;background:linear-gradient(135deg,#ead3b4,var(--brand));display:grid;place-items:center;color:#fff;font-weight:900}.brand h1{font-size:20px;line-height:1.1;margin:0}.brand small{color:var(--muted)}.mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.pill,.btn{border:1px solid var(--line);background:#fffaf4;border-radius:13px;padding:10px 14px;font-weight:850;color:var(--text);transition:.16s}.pill.active,.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn:hover,.pill:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(78,52,30,.08)}.navGroup{margin:8px 0}.navMain{width:100%;border:0;background:transparent;border-radius:14px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;font-weight:900;position:relative}.navMain.active{background:#f0dfc9}.navMain.active:before{content:'';position:absolute;left:0;top:9px;bottom:9px;width:4px;background:var(--brand);border-radius:99px}.navSub{display:none;margin:6px 0 8px 18px;padding-left:10px;border-left:2px solid var(--line)}.navGroup.open .navSub{display:block}.navSub button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:12px;padding:9px 11px;color:var(--muted);font-weight:800}.navSub button.active,.navSub button:hover{background:#fff7eb;color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.main{min-width:0;padding:24px 28px 80px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;margin-bottom:20px}.pageTitle h2{font-size:32px;margin:0 0 6px}.pageTitle p{margin:0;color:var(--muted);font-weight:750}.topTools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{min-width:280px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:11px 15px}.iconBtn{width:44px;height:44px;border-radius:14px}.grid{display:grid;gap:16px}.kpiGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:rgba(255,253,248,.92);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.kpi{min-height:116px}.kpi span{color:var(--muted);font-weight:800}.kpi b{display:block;font-size:28px;margin-top:14px}.kpi small{display:block;color:var(--muted);margin-top:6px}.twoCol{grid-template-columns:1.45fr .8fr}.threeCol{grid-template-columns:repeat(3,minmax(0,1fr))}.sectionTitle{font-size:22px;font-weight:950;margin:0 0 14px}.list{display:grid;gap:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:15px}.row strong{font-size:16px}.row small{display:block;color:var(--muted);margin-top:4px}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;background:#f1e4d2;color:#7e6447}.badge.blue{background:#e7eff8;color:#496b96}.badge.green{background:#e6f3e6;color:#557c53}.badge.yellow{background:#fff0c8;color:#8a6515}.badge.red{background:#fde2df;color:#a74740}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 16px}.tab{border:1px solid var(--line);background:#fffaf4;border-radius:13px;padding:10px 14px;font-weight:900}.tab.active{background:var(--brand);border-color:var(--brand);color:#fff}.tableWrap{overflow:auto}.table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0 9px}.table th{font-size:12px;text-align:left;color:var(--muted);padding:0 12px}.table td{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px}.table td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}.table td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.filter{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 12px}.productCard{padding:0;overflow:hidden;transition:.18s}.productCard:hover{transform:translateY(-3px)}.thumb{height:150px;margin:14px;border-radius:16px;background:linear-gradient(135deg,#efe0c8,#fff7ed);display:grid;place-items:center;color:#a6825c;font-weight:900}.productBody{padding:0 16px 16px}.productBody h3{font-size:18px;margin:0 0 8px}.actionbar{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.btn.small{padding:7px 10px;border-radius:10px;font-size:13px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{position:relative}.field.full{grid-column:1/-1}.field label{display:block;font-weight:900;margin-bottom:6px}.field.req:after{content:'＊';position:absolute;top:0;right:6px;color:var(--red);font-weight:900;font-size:18px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;padding:12px 13px;outline:none}textarea{min-height:90px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(184,137,95,.12)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;font-weight:900;color:var(--muted)}.step.active{background:#f0dfc9;color:var(--text);border-color:#d7bb92}.progress{height:8px;background:#f1e4d2;border-radius:999px;margin-bottom:16px;overflow:hidden}.progress span{display:block;height:100%;width:65%;background:var(--brand);border-radius:999px}.chart{height:220px;border-radius:16px;background:linear-gradient(180deg,#fff,#fff8ee);border:1px dashed var(--line);display:flex;align-items:end;gap:10px;padding:16px}.bar{flex:1;background:linear-gradient(180deg,var(--brand2),var(--brand));border-radius:10px 10px 0 0;min-height:35px}.empty{text-align:center;padding:30px;border:1px dashed var(--line);border-radius:16px;background:#fff;color:var(--muted);font-weight:800}.toast{position:fixed;right:22px;bottom:22px;background:#2e2721;color:#fff;padding:13px 16px;border-radius:14px;box-shadow:var(--shadow);z-index:50;animation:fade 2.4s forwards}@keyframes fade{0%,80%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(10px)}}.customerShell{min-height:100vh;background:#fffaf3}.shopHeader{position:sticky;top:0;background:rgba(255,250,243,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:10;padding:14px 26px;display:flex;gap:18px;align-items:center}.shopHeader .brand{margin:0}.shopSearch{flex:1;max-width:560px}.shopNav{display:flex;gap:10px}.shopMain{max-width:1180px;margin:0 auto;padding:24px 18px 90px}.hero{border-radius:26px;background:linear-gradient(135deg,#f0dcc0,#fff6e8);padding:34px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);border:1px solid var(--line)}.hero h2{font-size:36px;margin:0 0 10px}.marquee{overflow:hidden;background:var(--brand);color:#fff;border-radius:999px;padding:10px 0;margin:18px 0;white-space:nowrap}.marquee span{display:inline-block;padding-left:100%;animation:mq 18s linear infinite;font-weight:900}@keyframes mq{to{transform:translateX(-100%)}}.catScroll{display:flex;gap:10px;overflow:auto;padding:10px 0}.cat{border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px 16px;font-weight:900;white-space:nowrap}.shopGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.bottomNav{display:none}.mobileMenuBtn{display:none}.drawerMask{display:none}.fab{position:fixed;right:24px;bottom:26px;width:58px;height:58px;border-radius:50%;border:0;background:var(--brand);color:#fff;font-size:30px;box-shadow:var(--shadow);z-index:20}.noticePanel{position:absolute;right:28px;top:75px;width:330px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:14px;z-index:35;display:none}.noticePanel.show{display:block}@media(max-width:980px){.app{display:block}.sidebar{position:fixed;z-index:30;left:-84vw;width:82vw;max-width:340px;transition:.22s}.sidebar.show{left:0}.drawerMask.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.32);z-index:25}.main{padding:16px 14px 92px}.topbar{grid-template-columns:1fr}.topTools{display:flex}.search{min-width:0;flex:1}.mobileMenuBtn{display:inline-flex}.kpiGrid,.twoCol,.threeCol,.formGrid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.shopHeader{padding:12px 14px}.shopHeader .brand h1{font-size:17px}.shopSearch{display:none}.shopNav{display:none}.hero{display:block;padding:24px}.hero h2{font-size:28px}.shopGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.thumb{height:130px;margin:10px}.bottomNav{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;position:fixed;left:12px;right:12px;bottom:12px;background:#fffdf8;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:8px;z-index:22}.bottomNav button{border:0;background:transparent;border-radius:15px;padding:10px 2px;font-size:12px;font-weight:900;color:var(--muted)}.bottomNav button.active{background:#f0dfc9;color:var(--text)}.fab{right:18px;bottom:88px}.noticePanel{right:14px;left:14px;width:auto;top:72px}.table{min-width:760px}}@media(max-width:560px){.shopGrid{grid-template-columns:1fr 1fr}.productBody h3{font-size:16px}.actionbar .btn.small{font-size:12px;padding:6px 8px}.pageTitle h2{font-size:28px}.card{padding:15px}.kpi b{font-size:24px}}
/* vNext remaining optimization: real customer pages + setting center + richer SaaS density */
.shopCategoryLayout{display:grid;grid-template-columns:240px 1fr;gap:18px}.shopCategorySide{position:sticky;top:92px;align-self:start;background:#fffdf8;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.shopCategorySide .cat{width:100%;display:flex;align-items:center;justify-content:space-between;margin:6px 0}.shopCategorySide .cat.active{background:#f0dfc9;border-color:#d7bb92}.shopListHead{display:flex;align-items:center;gap:10px;margin-bottom:14px}.shopListHead h2{margin-right:auto}.shopCommerceCard .thumb{height:190px}.shopCommerceCard:hover{box-shadow:0 22px 48px rgba(78,52,30,.13)}.shopCheckout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.checkoutTotal{display:flex;justify-content:space-between;align-items:center;margin:18px 0;padding-top:16px;border-top:1px solid var(--line);font-size:18px}.checkoutTotal b{font-size:26px}.orderTabs{display:flex;gap:8px;overflow:auto;margin-bottom:16px}.profileHero{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#fff7ea,#ead6b9);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);margin-bottom:16px}.profileAvatar{width:70px;height:70px;border-radius:24px;background:linear-gradient(135deg,var(--brand2),var(--brand));color:white;display:grid;place-items:center;font-size:30px;font-weight:950}.settingsCenter{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.settingCard{text-align:left;border:1px solid var(--line);background:#fffdf8;border-radius:18px;padding:18px;box-shadow:var(--shadow);transition:.16s}.settingCard:hover{transform:translateY(-2px);border-color:#d7bb92}.settingCard b{display:block;font-size:18px;margin-bottom:8px}.settingCard span{color:var(--muted);font-weight:750}.table tr:hover td{background:#fff8ee}.navSub button:before{content:'•';margin-right:8px;color:#c9ad87}.navSub button.active:before{color:var(--brand)}.badge:not(.blue):not(.green):not(.yellow):not(.red){background:#f3e8d8}.btn.danger{color:var(--red);border-color:#f1c5c0;background:#fff7f6}@media(max-width:980px){.shopCategoryLayout,.shopCheckout{grid-template-columns:1fr}.shopCategorySide{position:static;display:flex;gap:8px;overflow:auto}.shopCategorySide h3{display:none}.shopCategorySide .cat{white-space:nowrap;min-width:max-content}.shopListHead{flex-wrap:wrap}.shopListHead h2{width:100%}.profileHero{padding:18px}.settingsCenter{grid-template-columns:1fr 1fr}}@media(max-width:560px){.settingsCenter{grid-template-columns:1fr}.shopCommerceCard .thumb{height:145px}.shopCategorySide{padding:10px}.profileHero{display:block;text-align:center}.profileAvatar{margin:0 auto 10px}.shopCheckout .formGrid{grid-template-columns:1fr}}
/* v3.1 request-specific fixes */
.orderItem{display:grid;grid-template-columns:1.2fr 1fr 100px auto;gap:8px;margin-bottom:8px}.subEditor{margin:6px 0 14px 18px;border-left:2px solid var(--line);padding:10px;background:#fff8ee;border-radius:12px}.chip{display:inline-flex;gap:6px;align-items:center;background:#f1e4d2;border-radius:999px;padding:7px 10px;font-weight:900;margin:4px}.chip button{border:0;background:transparent;color:var(--red);font-weight:900}.specBox{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px;margin:12px 0}.linkBtn{border:0;background:transparent;padding:0;color:var(--text);font-weight:900;text-decoration:underline;text-underline-offset:3px}.noticeItem{width:100%;border:0;text-align:left}.settingCard{cursor:pointer}.settingCard b{font-size:18px}.settingCard span{display:block;color:var(--muted);margin-top:6px}.shopLeft{background:#fffdf8;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow);align-self:start;position:sticky;top:90px}.shopLeft button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:12px;padding:11px 12px;font-weight:900}.shopLeft button:hover{background:#f0dfc9}.shopContent{min-width:0}.shopMain{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;max-width:1380px}.shopCategoryLayout{grid-column:1/-1}.shopCheckout{grid-column:1/-1}.profileHero,.orderTabs,.shopCheckout,.card:has(.shopGrid){grid-column:1/-1}.kpi{border:1px solid var(--line);text-align:left}.kpi:hover{transform:translateY(-2px)}.productRow,.orderRow,.memberRow,.vendorRow{transition:.14s}.productRow:hover td,.orderRow:hover td,.memberRow:hover td,.vendorRow:hover td{background:#fff8ee}.clickableNotice .row{cursor:pointer}.full{width:100%}.progress.full span{width:100%!important}.reportContent .table{min-width:600px}.dangerBtn,.btn.danger{color:var(--red);border-color:#efc7c3;background:#fff7f6}.shopCommerceCard{display:block}.shopCommerceCard[data-text]{display:block}.field input[type=color]{min-height:44px;padding:5px}@media(max-width:980px){.shopMain{display:block}.shopLeft{position:static;display:flex;gap:8px;overflow:auto;margin-bottom:12px}.shopLeft h3{display:none}.shopLeft button{white-space:nowrap;width:auto;min-width:max-content}.orderItem{grid-template-columns:1fr}.kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.row{flex-wrap:wrap}.row input,.row select{min-width:140px}.settingsCenter{grid-template-columns:1fr 1fr}}@media(max-width:560px){.settingsCenter{grid-template-columns:1fr}.kpiGrid{grid-template-columns:1fr 1fr}.shopGrid{grid-template-columns:1fr 1fr}.shopCommerceCard .thumb{height:140px}.shopHeader{gap:8px}.shopHeader .brand small{display:none}.shopNav .btn:first-child{display:none}.row{align-items:flex-start}.table{min-width:720px}}
/* v5 full request fixes */
.quickPanel{position:absolute;right:120px;top:62px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:10px;display:none;z-index:40;min-width:180px}.quickPanel.show{display:grid;gap:8px}.quickPanel button{border:0;background:#fffaf3;text-align:left;padding:11px 12px;border-radius:12px;font-weight:800}.orderItem{display:grid;grid-template-columns:2fr 1.4fr 90px auto;gap:8px;margin-bottom:8px}.productBlock{margin-bottom:16px}.categoryBox,.specBox,.optionBox{border:1px solid var(--line);background:#fff;border-radius:18px;padding:14px;margin-bottom:12px}.subCats{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip{display:inline-flex;gap:6px;align-items:center;padding:7px 10px;background:#f0dfc7;border-radius:999px;font-weight:800;margin:4px}.chip button{border:0;background:transparent;color:#b44;font-weight:900}.moduleSwitch input{width:auto}.shopSide{position:sticky;top:18px;align-self:start;background:#fffaf3;border:1px solid var(--line);border-radius:22px;padding:14px;display:grid;gap:8px}.shopSide button{border:0;background:#fff;padding:12px;border-radius:14px;text-align:left;font-weight:900}.shopContent{min-width:0}.customerShell .shopMain{display:grid;grid-template-columns:220px 1fr;gap:18px}.shopHero{background:linear-gradient(135deg,#fff8ec,#ead7bc);border:1px solid var(--line);border-radius:26px;padding:28px;margin-bottom:16px}.marquee{overflow:hidden;border-radius:16px;background:#b8895f;color:white;padding:11px;margin-bottom:14px;white-space:nowrap}.marquee span{display:inline-block;animation:marquee 18s linear infinite}.notice{border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:16px}.shopGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.shopCard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow);transition:.18s}.shopCard:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(80,50,20,.13)}.shopImg{height:150px;border-radius:16px;background:linear-gradient(135deg,#f1dec3,#fff6e7);display:grid;place-items:center;color:#a37a54;font-weight:900}.shopCartPage,.shopCheckout{max-width:980px;margin:0 auto}.checkoutTotal{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:16px;font-size:20px}.profileHero{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;margin-bottom:16px}.profileAvatar{width:72px;height:72px;border-radius:24px;background:linear-gradient(135deg,#ead7bc,#b8895f);display:grid;place-items:center;color:#fff;font-size:28px;font-weight:900}.customerKpi .card{text-align:left;cursor:pointer}.rowActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.rowActions .badge{border:0;cursor:pointer}.linkBtn{border:0;background:transparent;color:var(--brand);font-weight:900}.optionBox .formGrid{align-items:end}.liveFilter:focus,.filter:focus{outline:3px solid rgba(184,137,95,.18)}.full{grid-column:1/-1}.danger{background:#fff1ee!important;color:#b95043!important;border-color:#f0c8bd!important}.searchable{transition:.12s}.table tr.searchable:hover td{background:#fff9ef}.badge{border:0}.badge.yellow{background:#fff0c7;color:#7e5a00}.badge.blue{background:#dcecff;color:#345f99}.badge.green{background:#e0f3df;color:#3b713b}.badge.red{background:#ffe0db;color:#a74639}@keyframes marquee{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
@media(max-width:900px){.orderItem{grid-template-columns:1fr}.customerShell .shopMain{display:block}.shopSide{position:static;display:flex;overflow:auto;margin-bottom:12px}.shopSide button{white-space:nowrap}.shopGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.shopHeader{gap:8px}.shopSearch{display:none}.rowActions{justify-content:flex-start}.quickPanel{right:18px;top:70px}.profileHero{align-items:flex-start}.kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.optionBox .formGrid{grid-template-columns:1fr}}
@media(max-width:560px){.shopGrid{grid-template-columns:1fr}.shopCard{padding:12px}.shopImg{height:170px}.profileHero{display:block}.profileAvatar{margin-bottom:12px}.card{padding:16px}.tableWrap{overflow:auto}.table{min-width:780px}}
/* v6.8 final polish */
.quickPanel{right:24px!important;top:72px!important}.fab + .bottomNav{} .quickPanel.show{display:grid!important}.badge.green{background:#e2f5e1;color:#357135}.productBlock h3{border-left:5px solid var(--brand);padding-left:10px}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.shopeeHero{display:flex;justify-content:space-between;align-items:center;gap:22px;background:linear-gradient(135deg,#ffe7c4,#fff8ed);border:1px solid var(--line);border-radius:28px;padding:34px;margin-bottom:16px;box-shadow:var(--shadow)}.shopeeHero h2{font-size:38px;margin:8px 0}.promoCard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;min-width:240px;text-align:center;font-weight:950;color:var(--brand);box-shadow:var(--shadow)}.shopWide{grid-column:1/-1}.catIconGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin:16px 0 24px}.catIconGrid button{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 10px;font-weight:900}.catIcon{width:46px;height:46px;border-radius:18px;margin:0 auto 8px;background:linear-gradient(135deg,#f0dcc0,#fff7eb);display:grid;place-items:center;color:var(--brand);font-size:22px}.shopSide button.active{background:#f0dfc9;border-color:#d7bb92}.variantLine{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.variantLine span{background:#f4e9db;border-radius:999px;padding:4px 7px;font-size:12px;color:#765b40}.shopActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.checkoutTotal{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:16px;font-size:20px}.checkoutTotal b{font-size:28px}.orderTr .badge,.orderRow .badge{cursor:pointer}.ship h2{margin-top:0}@media(max-width:900px){.quickPanel{right:14px!important;top:64px!important}.shopeeHero{display:block;padding:24px}.shopeeHero h2{font-size:30px}.promoCard{margin-top:14px;min-width:0}.catIconGrid{grid-template-columns:repeat(4,1fr)}.shopGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.shopActions .btn{flex:1;padding:9px 8px}.customerShell .shopMain{display:block}.shopWide{display:block}}@media(max-width:560px){.catIconGrid{grid-template-columns:repeat(3,1fr)}.shopGrid{grid-template-columns:1fr 1fr}.shopCard{padding:12px}.shopImg{height:145px}.shopeeHero h2{font-size:26px}.checkoutTotal b{font-size:22px}}

/* === v10 requested fixes styles === */
@media(max-width:768px){
  a,.btn,.pill,.tab,.navSub button,.bottomNav button,.shopNav button{color:var(--text)!important;text-decoration:none!important}
  .btn.primary,.fab,.primary{color:#fff!important}
  button:visited,button:active{color:inherit}
}
.variantCheckGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.variantGroup{background:#fffaf4;border:1px solid var(--line);border-radius:16px;padding:14px}.variantGroup h4{margin:0 0 10px}.checkChip{display:inline-flex;align-items:center;gap:6px;margin:4px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:700}.checkChip input{width:auto}.variantPreview{margin-top:14px}.danger{background:#fff1ee!important;color:#b84d3e!important}.expenseRow td{vertical-align:top}.kpi small{display:block;color:var(--muted);margin-top:6px}.ship h2{font-size:22px}.field small{display:block;color:var(--muted);margin-top:4px}.badge.yellow,.badge.blue,.badge.green{border:0;cursor:pointer}.shopActions .btn{min-width:96px}.summary{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}
/* v11 customer home button + editable profile polish */
.shopNav .homeBtn,.homeBtn{background:#fff7ec;color:var(--brand)!important;border-color:#ead6bd}.profileHero{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}.memberProfileCard .sectionHead{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.profileNote{margin-top:14px;padding:12px 14px;border:1px solid #ead6bd;background:#fff7ec;border-radius:14px;color:#6b5541}.customerShell button,.customerShell a{color:inherit}.customerShell .btn.primary{color:#fff!important}.customerShell .btn{color:#5a4435}.customerShell input,.customerShell select,.customerShell textarea{font-size:15px}.customerShell .formGrid{align-items:start}@media(max-width:768px){.shopHeader{gap:10px}.shopNav{display:flex;gap:8px;overflow:auto;max-width:100%;padding-bottom:4px}.shopNav .btn{white-space:nowrap;min-width:max-content}.profileHero{align-items:flex-start}.profileHero .homeBtn{width:100%;justify-content:center}.memberProfileCard .formGrid{grid-template-columns:1fr}.profileNote{font-size:13px}.customerKpi{grid-template-columns:repeat(2,1fr)!important}.shopWide{padding-bottom:78px}}

/* v13 fixes: modal dropdowns, customer usable states, closer quick menu */
.moriModalMask{position:fixed;inset:0;background:rgba(42,32,24,.38);z-index:100;display:grid;place-items:center;padding:18px}.moriModal{width:min(620px,94vw);background:#fffdf8;border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 80px rgba(60,38,20,.22);overflow:hidden}.moriModalHead{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);background:#fff8ed}.moriModalHead h3{margin:0;font-size:21px}.moriModalHead button{border:0;background:#fff;border-radius:12px;width:36px;height:36px;font-size:22px;color:var(--text)}.moriModalBody{padding:20px}.moriModalFoot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--line);background:#fffaf3}.orderTr .badge,.orderRow .badge{cursor:pointer;transition:.16s}.orderTr .badge:hover,.orderRow .badge:hover{transform:translateY(-1px);box-shadow:0 8px 14px rgba(80,50,20,.12)}.quickPanel{position:fixed!important;right:24px!important;bottom:96px!important;top:auto!important;z-index:80!important}.quickPanel:after{content:'';position:absolute;right:18px;bottom:-8px;border:8px solid transparent;border-top-color:#fff}.fab{z-index:81}.shopNav .btn,.bottomNav button,.shopSide button,.shopActions .btn{color:var(--text)!important}.shopNav .btn.primary,.shopActions .btn.primary{color:#fff!important}.customerShell button{touch-action:manipulation}.shopWide .search{width:100%;max-width:560px;margin-bottom:16px}.rowActions .badge.green{background:#e0f3df;color:#3b713b}@media(max-width:900px){.quickPanel{right:14px!important;bottom:150px!important}.moriModal{border-radius:20px}.moriModalBody .formGrid{grid-template-columns:1fr}.moriModalFoot{position:sticky;bottom:0}.shopHeader .btn{color:var(--text)!important}.shopHeader .btn.primary{color:#fff!important}}
/* v14 refinements */
.roleCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 16px}.roleCards label{border:1px solid var(--line,#eadcca);border-radius:14px;padding:12px;background:#fffaf4;font-weight:800;cursor:pointer}.verifyHint .noticeMini,.noticeMini{margin-top:12px;padding:12px;border-radius:14px;background:#fff3dc;border:1px solid #e7cda7}.filterSelect{max-width:180px}.reportRange label{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line,#eadcca);border-radius:12px;padding:8px 10px;font-weight:700}.editRow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line,#eadcca);border-radius:14px;background:#fff}.addLine{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px}.shopBadgeRow{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0}.shopBadgeRow span{font-size:12px;border-radius:999px;background:#fff2dc;color:#8b5f33;padding:4px 8px;font-weight:800}.shopProductDetail{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:18px}.shopProductImage{min-height:420px;border-radius:24px;background:linear-gradient(135deg,#f1dfc5,#fff8ee);display:grid;place-items:center;font-size:28px;font-weight:900;color:#b8895f}.priceBig{font-size:34px;font-weight:950;margin:14px 0;color:#b8895f}.danger{background:#fff5f3;color:#b85c4b;border-color:#e4b8ad}.table tr{transition:.15s}.table tr:hover td{background:#fff9ef}.authCard input[type=radio]{width:auto;margin-right:6px}@media(max-width:760px){.roleCards{grid-template-columns:1fr}.shopProductDetail{grid-template-columns:1fr}.shopProductImage{min-height:280px}.reportRange{display:grid!important;grid-template-columns:1fr}.reportRange label{width:100%;justify-content:space-between}.filterSelect{max-width:none;width:100%}button,.btn,a{color:inherit}.btn.primary{color:#fff!important}.shopActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shopCard h3{line-height:1.35}.shopWide{padding-bottom:70px}}

/* v15 multi-tenant SaaS styles */
.tenantBar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#fffaf3,#f2e1c9);border:1px solid var(--line,#eadcca);border-radius:18px;padding:14px 16px;margin-bottom:16px;box-shadow:0 8px 24px rgba(80,54,28,.06)}
.tenantSlug{display:inline-flex;margin-left:8px;padding:4px 9px;border-radius:999px;background:#fff;border:1px solid var(--line,#eadcca);color:#8a735f;font-size:12px}.tenantActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tenantActions select{height:42px;border-radius:12px;border:1px solid var(--line,#eadcca);background:#fff;padding:0 10px}.tenantExplain .kpis{margin-top:12px}.roleCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.roleCards label{background:#fffaf5;border:1px solid var(--line,#eadcca);border-radius:14px;padding:13px;font-weight:800}.modalMask{position:fixed;inset:0;background:rgba(39,31,25,.35);display:grid;place-items:center;z-index:999}.modalCard{width:min(720px,92vw);background:#fffdf8;border:1px solid var(--line,#eadcca);border-radius:24px;padding:20px;box-shadow:0 22px 60px rgba(42,28,15,.2)}.modalHead{display:flex;align-items:center;justify-content:space-between}.codeBlock{white-space:pre-wrap;background:#2d2620;color:#fff7ef;border-radius:16px;padding:16px;line-height:1.7;overflow:auto}.authLayout{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:860px){.tenantBar{display:block}.tenantActions{margin-top:10px}.tenantActions select,.tenantActions .btn{width:100%}.roleCards,.authLayout{grid-template-columns:1fr}.modalCard{border-radius:18px}}

/* v16 polish */
.sectionJump{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0 18px;position:sticky;top:0;z-index:5;background:linear-gradient(180deg,#fbf5ea,#fbf5eaee);padding:8px 0}.sectionJump button{border:1px solid var(--line,#e6d8c4);background:#f1dfc7;border-radius:14px;padding:12px 10px;font-weight:900;color:#3b3128}.productBlock,.formSection{scroll-margin-top:86px}.stickySave{position:sticky;bottom:86px;background:rgba(255,250,243,.95);border:1px solid var(--line,#e6d8c4);border-radius:20px;padding:10px;z-index:6;box-shadow:0 12px 30px #8b6a4422}.shopeeVariant{padding:16px;border:1px solid var(--line,#e6d8c4);border-radius:18px;background:#fffaf5}.specEnable{display:block;font-weight:950;margin-bottom:12px}.specOptions{display:flex;flex-wrap:wrap;gap:8px}.variantMatrix{margin-top:14px;border:1px solid var(--line,#e6d8c4);border-radius:18px;overflow:auto;background:white}.matrixHead,.variantRow{display:grid;grid-template-columns:120px minmax(220px,1fr) 100px 90px 100px;gap:8px;align-items:center;padding:10px;border-bottom:1px solid #eee}.matrixHead{font-weight:950;background:#f4eadb;color:#6d5b4c}.variantRow input,.variantRow select{min-width:0}.formSection h3{border-left:5px solid var(--brand,#b8895f);padding-left:12px}.orderItemLine{align-items:flex-start}.profitFormula{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.profitFormula>div{background:#fff7ed;border:1px solid #eadcc9;border-radius:16px;padding:14px}.expensePro .expenseLine{display:flex;justify-content:space-between;border-bottom:1px dashed #eadcc9;padding:9px 0}.printHeader{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:3px solid #b8895f;margin-bottom:14px}.printHeader h2{margin:0 0 8px}.vendorCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.vendorCard{cursor:pointer;transition:.18s}.vendorCard:hover{transform:translateY(-2px);box-shadow:0 18px 40px #87613a22}.vendorInfo{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:#7b6a5b}.categoryTree{display:grid;gap:14px}.treeNode{border:1px solid #eadcc9;border-radius:18px;background:white;overflow:hidden}.treeParent{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fff7ed}.treeChildren{padding:12px 16px 16px 28px}.treeChild{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#5d4c3e}.treeAdd{display:flex;gap:8px;margin-top:10px}.miniBtn{border:1px solid #f2c8c0;background:#fff5f3;color:#bd5b50;border-radius:10px;padding:6px 8px;font-weight:800}.quickPanel.show{right:24px!important;bottom:96px!important;top:auto!important;left:auto!important;transform:none!important;display:grid;gap:8px;min-width:190px}.quickPanel.show button::before{margin-right:6px}.quickPanel.show button:nth-child(1)::before{content:'🧾'}.quickPanel.show button:nth-child(2)::before{content:'📦'}.quickPanel.show button:nth-child(3)::before{content:'👤'}.quickPanel.show button:nth-child(4)::before{content:'🏭'}
@media(max-width:760px){.sectionJump{position:static;grid-template-columns:1fr 1fr}.matrixHead,.variantRow{grid-template-columns:92px 180px 86px 72px 86px;width:max-content}.variantMatrix{overflow:auto}.stickySave{bottom:88px}.profitFormula{grid-template-columns:1fr 1fr}.vendorCards{grid-template-columns:1fr}.vendorInfo{grid-template-columns:1fr}.treeParent{gap:8px}.treeParent>div{display:flex;gap:4px}.treeAdd{display:grid}.quickPanel.show{right:88px!important;bottom:118px!important;min-width:210px}.shopCard .variantLine{display:none!important}.btn,a,button{color:inherit}.btn.primary{color:#fff}.bottomNav button{color:#2f2923!important}}

/* === v18 multi-tenant seller/staff/storefront upgrade === */
.proTenant{margin-bottom:16px}.copyUrl{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.copyUrl input{font-weight:800;background:#fff}.permGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 18px}.permGrid label{background:#fffaf4;border:1px solid var(--line,#eadcca);border-radius:14px;padding:12px;font-weight:800}.permGrid input{width:auto;margin-right:8px}.tenantSlug{display:inline-flex;margin-left:8px;padding:4px 10px;border-radius:999px;background:#fff;border:1px solid var(--line,#eadcca);color:var(--muted,#8c7b6d);font-size:12px}.tenantActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tenantExplain .codeBlock,.codeBlock{white-space:pre-wrap;background:#2d261f;color:#fff8ed;border-radius:16px;padding:16px;overflow:auto}.roleCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.roleCards label{background:#fff;border:1px solid var(--line,#eadcca);border-radius:16px;padding:13px;font-weight:900}.roleCards input{width:auto;margin-right:6px}
@media(max-width:760px){.copyUrl{grid-template-columns:1fr}.permGrid,.roleCards{grid-template-columns:1fr}.tenantActions{width:100%}.tenantActions select,.tenantActions button{width:100%}.proTenant{align-items:flex-start}.tenantSlug{display:block;margin:8px 0 0;width:max-content}}

/* v19 interaction refinement */
.backBtn{margin-right:8px;background:#fff7ee!important;color:#7b5730!important;border:1px solid #ead8c2!important}.fabQuickPanel{position:fixed;right:22px;bottom:92px;background:#fffdf8;border:1px solid var(--line,#ead8c2);box-shadow:0 18px 42px rgba(70,45,20,.14);border-radius:18px;padding:10px;z-index:50;display:none;min-width:180px}.fabQuickPanel.show{display:grid;gap:8px}.fabQuickPanel button{border:0;background:#fff7ee;border-radius:12px;padding:11px 12px;text-align:left;color:#5f432b;font-weight:800}.quickPanel{right:0;top:54px}.proOrderItem{display:grid;grid-template-columns:1.5fr 1.4fr 1.4fr 100px auto;gap:10px;align-items:end;border:1px solid var(--line,#ead8c2);background:#fffaf4;border-radius:16px;padding:12px;margin-bottom:10px}.clickableField,.filterBox,.filterWrap{cursor:text}.clickableField select,.clickableField input,.clickableField textarea{cursor:pointer}.field label{pointer-events:auto}.orderItem .full{grid-column:1/-1}.mobileMenuBtn,.bottomNav button,.shopNav button{color:#6f4b2e!important}.btn:not(.primary):not(.danger){color:#6f4b2e}@media(max-width:860px){.proOrderItem{grid-template-columns:1fr;gap:8px}.fabQuickPanel{right:16px;bottom:82px}.quickPanel{display:none!important}.pageTitle{gap:6px}.backBtn{padding:8px 10px;font-size:13px}.topTools .filterBox{display:none}}

/* v20 customer mode stability + usable storefront buttons */
.v20CustomerShell{min-height:100vh;background:#f8f3ea;color:#2f2822;padding-bottom:86px}.v20ShopHeader{position:sticky;top:0;z-index:50;background:rgba(255,250,243,.96);backdrop-filter:blur(14px);display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line,#eadcca)}.brandMini{display:flex;align-items:center;gap:10px;cursor:pointer}.brandMini small{display:block;color:#8c7b6d}.v20Search input{width:100%;border:1px solid #eadcca;border-radius:999px;padding:12px 16px;background:#fff}.v20ShopNav{display:flex;gap:8px;align-items:center}.v20ShopNav button,.v20Bottom button,.v20ProductActions button,.v20CatSide button,.v20SectionHead button,.profileHero button{color:#5b4635;background:#fff6e9;border:1px solid #eadcca;border-radius:14px;padding:10px 14px;font-weight:800;cursor:pointer}.v20ShopNav .sellerBackBtn{background:#b8895f;color:#fff}.v20ShopMain{max-width:1180px;margin:0 auto;padding:20px}.v20Hero{border:1px solid #eadcca;border-radius:26px;padding:28px;background:linear-gradient(135deg,#fffdf8,#f0ddc3);display:flex;justify-content:space-between;align-items:center;box-shadow:0 18px 44px rgba(74,49,27,.08);margin-bottom:16px}.v20Hero span{color:#b8895f;font-weight:900;letter-spacing:.08em}.v20Hero h1{font-size:38px;margin:8px 0}.v20Hero button,.v20Panel .primary,.fullBtn{background:#b8895f!important;color:#fff!important}.v20Marquee{overflow:hidden;background:#b8895f;color:#fff;border-radius:16px;padding:12px;margin:14px 0}.v20Marquee span{display:inline-block;font-weight:900;white-space:nowrap}.v20Panel{background:#fffdf8;border:1px solid #eadcca;border-radius:22px;padding:20px;margin-bottom:16px;box-shadow:0 18px 44px rgba(74,49,27,.06)}.v20SectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.v20SectionHead h2{margin:0}.v20CatGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.v20CatGrid button{border:1px solid #eadcca;border-radius:18px;background:#fff;padding:16px;text-align:left;cursor:pointer;color:#2f2822}.v20CatGrid small{display:block;color:#8c7b6d;margin-top:6px}.v20Products{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.v20Product{background:#fff;border:1px solid #eadcca;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px rgba(74,49,27,.06)}.v20ProductImg,.v20BigImg{height:170px;background:linear-gradient(135deg,#ead8bd,#fff6e9);display:grid;place-items:center;color:#9d7a55;font-weight:900;cursor:pointer}.v20ProductBody{padding:14px}.v20ProductBody b{display:block;font-size:17px;cursor:pointer}.v20ProductBody small{display:block;color:#8c7b6d;margin:6px 0}.v20ProductBody strong,.v20Price{color:#a86f42;font-size:22px;font-weight:950;display:block;margin:8px 0}.v20ProductActions{display:flex;gap:8px;margin-top:10px}.v20ProductActions button{flex:1;padding:9px 8px}.v20CategoryLayout{display:grid;grid-template-columns:220px 1fr;gap:16px}.v20CatSide{background:#fffdf8;border:1px solid #eadcca;border-radius:22px;padding:12px;height:max-content;position:sticky;top:88px}.v20CatSide button{display:flex;width:100%;justify-content:space-between;margin:4px 0;background:transparent}.v20CatSide button.active{background:#f0dfc7}.v20ProductDetail,.v20CartGrid{display:grid;grid-template-columns:1fr 420px;gap:16px}.v20BigImg{height:520px;border-radius:22px}.v20BuyBox{background:#fffdf8;border:1px solid #eadcca;border-radius:22px;padding:22px}.v20BuyBox h1{font-size:32px}.v20BuyBox label{display:block;margin-top:14px;font-weight:900}.v20BuyBox select,.v20BuyBox input,.v20Panel input,.v20Panel select,.v20Panel textarea{width:100%;border:1px solid #eadcca;border-radius:14px;padding:12px;background:#fff;color:#2f2822}.v20BuyBox .toolbar{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.v20BuyBox .toolbar button{flex:1}.v20Bottom{display:none}.v20Me .profileHero{background:#fffdf8;border:1px solid #eadcca;border-radius:22px;padding:20px;display:flex;align-items:center;gap:14px;margin-bottom:16px}.v20Me .profileAvatar{width:62px;height:62px;border-radius:20px;background:#b8895f;color:#fff;display:grid;place-items:center;font-size:28px;font-weight:900}.danger{background:#fff3f0!important;color:#b85f4e!important}.v20ShopHeader button,.v20CustomerShell a{color:#5b4635;text-decoration:none}.v20ShopHeader .sellerBackBtn{color:#fff!important}.v20Bottom button{color:#5b4635!important}
@media(max-width:860px){.v20ShopHeader{grid-template-columns:1fr auto;padding:12px}.v20Search{grid-column:1/-1;order:3}.v20ShopNav{overflow:auto;max-width:100%;grid-column:1/-1;order:4}.v20ShopNav button{white-space:nowrap}.v20ShopMain{padding:12px 12px 88px}.v20Hero{display:block;padding:20px}.v20Hero h1{font-size:28px}.v20CategoryLayout,.v20ProductDetail,.v20CartGrid{grid-template-columns:1fr}.v20CatSide{position:static;display:flex;overflow:auto;gap:8px}.v20CatSide button{white-space:nowrap;width:auto;min-width:max-content}.v20Products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v20ProductImg{height:132px}.v20ProductBody{padding:11px}.v20ProductBody b{font-size:14px}.v20ProductActions{flex-direction:column}.v20BigImg{height:330px}.v20Bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:10px;background:rgba(255,253,248,.96);border:1px solid #eadcca;border-radius:22px;padding:7px;box-shadow:0 18px 44px rgba(74,49,27,.12);z-index:80}.v20Bottom button{border:0;background:transparent;font-size:12px;padding:9px 4px}.v20Me .profileHero{align-items:flex-start}.v20Panel{padding:16px}.v20CatGrid{grid-template-columns:repeat(2,1fr)}}

/* === v21 UX polish based on mobile/desktop operation review === */
.v21Toolbar{gap:10px;align-items:center;flex-wrap:wrap}.v21Toolbar .filter,.v21Toolbar .filterSelect{min-height:44px;border-radius:14px;border:1px solid var(--line,#eadcca);background:#fff;padding:10px 12px;font-weight:800;color:var(--text,#2f2822)}.dashboardGrid{grid-template-columns:1.15fr 1fr;align-items:start}.dashboardGrid .wide{grid-column:1 / -1}.v21Kpis .kpi small{display:block;color:var(--muted,#8c7b6d);font-size:12px;margin-top:8px}.profitCard b{color:var(--brand,#b8895f)}.financeStack{display:grid;gap:10px}.financeStack>div{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line,#eadcca);border-radius:16px;background:#fffaf4;padding:12px 14px}.financeStack .net{background:#f2e4d2;border-color:#cda67d}.expenseLine{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line,#eadcca);font-weight:800}.activityItem{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line,#eadcca)}.activityItem span{width:10px;height:10px;border-radius:50%;background:var(--brand,#b8895f);margin-top:7px;flex:0 0 auto}.activityItem p{margin:0;color:var(--muted,#8c7b6d);font-weight:800}.compactList .row,.empty.compact{padding:10px 12px}.productMini small{display:block;color:var(--muted,#8c7b6d)}.productCardGrid,.vendorGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.productCard,.vendorCard{background:#fffdf8;border:1px solid var(--line,#eadcca);border-radius:20px;padding:14px;box-shadow:0 14px 36px rgba(84,57,31,.07);cursor:pointer;transition:.18s}.productCard:hover,.vendorCard:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(84,57,31,.1)}.productThumb{height:150px;border-radius:16px;background:linear-gradient(135deg,#ecd9bc,#fff7ed);display:grid;place-items:center;color:#a77c53;font-weight:900;margin-bottom:12px}.productCardBody h3{font-size:18px;margin:0}.productCardBody p,.vendorCard p{color:var(--muted,#8c7b6d);font-weight:800;margin:8px 0}.tagLine{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.productMetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.productMetrics span{border:1px solid var(--line,#eadcca);border-radius:14px;padding:10px;background:#fffaf4;color:var(--muted,#8c7b6d);font-weight:800}.productMetrics b{display:block;color:var(--text,#2f2822);font-size:17px}.cardActions{display:flex;gap:8px;flex-wrap:wrap}.vendorMeta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.vendorMeta span{border-radius:999px;background:#f2e4d2;padding:6px 10px;font-weight:900;font-size:12px;color:#6d5033}.desktopOnly{margin-top:18px}.reportRange{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}.reportRange .field{min-width:180px}.printPreview .summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.printPreview .box{border:1px solid var(--line,#eadcca);border-radius:14px;padding:12px;background:#fffaf4}.printPreview table{width:100%;border-collapse:collapse;margin-top:14px}.printPreview th,.printPreview td{border:1px solid var(--line,#eadcca);padding:10px;text-align:left}.v20CustomerShell{background:#fff8ef;min-height:100vh}.v20ShopHeader{position:sticky;top:0;z-index:20;background:rgba(255,250,243,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line,#eadcca);padding:14px 20px}.v20ShopMain{padding-bottom:110px}.v20Products{gap:16px}.v20Product{border-radius:20px}.v20ProductImg{height:180px}.v20CatGrid button{min-height:88px}.v20Bottom{box-shadow:0 18px 55px rgba(66,44,25,.16)}.sellerBackBtn{background:#fff!important;color:var(--brand,#b8895f)!important;border:1px solid var(--line,#eadcca)!important}
@media(max-width:900px){.dashboardGrid{grid-template-columns:1fr}.productCardGrid,.vendorGrid{grid-template-columns:1fr}.desktopOnly{display:none!important}.main{padding-bottom:120px}.fab{bottom:118px;right:22px;width:66px;height:66px}.app .topbar{gap:14px}.topTools{display:grid;grid-template-columns:1fr auto;gap:10px;width:100%}.topTools .search{grid-column:1 / -1;width:100%}.quickPanel{right:12px!important;bottom:96px!important;top:auto!important;left:auto!important}.tableWrap{overflow:visible}.table,.table tbody,.table tr,.table td,.table th{display:block}.table tr{border:1px solid var(--line,#eadcca);border-radius:18px;background:#fff;margin:12px 0;padding:12px}.table th{display:none}.table td{border:0!important;padding:8px 4px!important}.table td:before{content:attr(data-label);display:block;color:var(--muted,#8c7b6d);font-size:12px;font-weight:900;margin-bottom:4px}.v21Toolbar{display:grid;grid-template-columns:1fr;gap:10px}.v21Toolbar .btn,.v21Toolbar input,.v21Toolbar select{width:100%}.productMetrics{grid-template-columns:repeat(2,1fr)}.cardActions .btn{flex:1}.vendorCard h3{font-size:22px}.reportRange{display:grid;grid-template-columns:1fr}.bottomNav{bottom:calc(env(safe-area-inset-bottom,0px) + 12px);left:14px;right:14px}.v20ShopHeader{padding:12px}.v20ShopNav{overflow:auto;justify-content:flex-start}.v20Search{width:100%;order:3}.v20Search input{width:100%}.v20ProductImg{height:150px}.v20Products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v20ProductBody b{font-size:15px}.v20ProductActions{display:grid;grid-template-columns:1fr;gap:6px}.v20CategoryLayout{display:block}.v20CatSide{display:flex;overflow:auto;gap:8px;margin-bottom:12px}.v20CatSide button{min-width:max-content}.financeStack>div{font-size:14px}}
@media(max-width:520px){.productMetrics{grid-template-columns:1fr 1fr}.v20Products{grid-template-columns:1fr 1fr}.v20ProductActions button{font-size:12px;padding:8px}.productThumb{height:170px}.productCard,.vendorCard{padding:16px}.v20Hero{display:block}.v20Hero button{margin-top:12px}.v20Bottom button{font-size:12px}.fab{transform:scale(.9);right:18px}.printPreview{overflow:auto}.printPreview table{min-width:620px}}

/* === v24 commercial flow final polish === */
:root{--ok:#3f8f5f;--warn:#b98022;--info:#4778aa;--danger:#c95656}.topTools .btn.primary{display:none!important}.fabQuickPanel{position:fixed;right:22px;bottom:92px;background:var(--card,#fffdf8);border:1px solid var(--line,#eadcca);border-radius:18px;box-shadow:0 18px 44px rgba(74,49,27,.16);padding:10px;display:none;z-index:80;min-width:160px}.fabQuickPanel.show{display:grid;gap:8px}.fabQuickPanel button{border:0;background:#fff7ec;color:var(--text,#2f2822);border-radius:12px;padding:12px 14px;text-align:left;font-weight:800}.toastCenter{position:fixed;inset:0;display:grid;place-items:center;background:rgba(47,40,34,.18);z-index:9999;pointer-events:none}.toastCenter>div{background:#fffdf8;border:1px solid var(--line,#eadcca);box-shadow:0 22px 64px rgba(74,49,27,.22);border-radius:22px;padding:22px 28px;text-align:center;min-width:260px}.toastCenter b{display:block;color:var(--brand,#b8895f);font-size:20px}.toastCenter p{margin:8px 0 0}.mobileCardList{display:none}.clickCard{cursor:pointer;transition:.18s}.clickCard:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(74,49,27,.12)}.fixedKpis .kpi,.formulaCard .formulaGrid>div{height:138px;overflow:hidden;border-right:1px solid var(--line,#eadcca)}.fixedKpis .kpi small,.formulaCard small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.formulaGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--line,#eadcca);border-radius:18px;overflow:hidden}.formulaGrid>div{background:#fff;padding:16px}.formulaGrid b{display:block}.formulaGrid strong{display:block;margin-top:10px;font-size:20px;color:var(--brand,#b8895f)}.compactSummary{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.compactSummary .box{padding:8px 10px!important;border-radius:10px!important;font-size:12px!important}.threeCol{grid-template-columns:repeat(3,minmax(0,1fr))}.statusEditRow{grid-template-columns:1fr 44px 44px 64px}.miniCard{padding:14px;background:#fffaf4;border:1px solid var(--line,#eadcca)}.orderItemFlow{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:10px}.v24ShopHero{background:linear-gradient(135deg,#fff4df,#f4ddbd);border:1px solid var(--line,#eadcca);border-radius:24px;padding:24px;margin-bottom:16px}.categoryScroll{display:flex;gap:10px;overflow:auto;padding:8px 0 16px}.categoryScroll button{white-space:nowrap;background:#fff;border:1px solid var(--line,#eadcca);border-radius:999px;padding:10px 14px;color:#3f3128;font-weight:800}.priceBig{font-size:28px;color:var(--brand,#b8895f);display:block;margin:12px 0}.v20ProductImg.big{height:280px}.productCheckoutFlow{max-width:860px;margin:auto}.stickyBuy{display:flex;gap:10px;margin-top:18px}.successPanel{text-align:center;max-width:600px;margin:40px auto}.v20Header .btn{color:#fff;background:var(--brand,#b8895f)}.v20Header .btn:first-of-type{min-width:86px}.formulaList p{padding:8px 0;border-bottom:1px solid var(--line,#eadcca)}.badge.yellow{background:#fff2cc;color:#8a6100}.badge.blue{background:#e2efff;color:#426991}.badge.green{background:#e1f3e6;color:#3f7b50}.badge{cursor:inherit}
@media(max-width:820px){.desktopOnly{display:none!important}.mobileCardList{display:grid;gap:10px}.orderRow.mobileOrderCard{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line,#eadcca);border-radius:16px;background:#fff;min-height:74px}.orderRow.mobileOrderCard small{display:block;color:#8c7b6d;margin-top:4px}.productCardGrid{grid-template-columns:1fr!important}.productCard{min-height:auto!important}.productCard .productThumb,.productCard .productMetrics,.productCard .tagLine,.productCard .cardActions{display:none!important}.productCardBody{padding:14px!important}.productCardBody h3{font-size:16px!important;margin:0 0 4px!important}.productCardBody p{margin:0;color:#8c7b6d;font-size:13px}.vendorCard{min-height:auto!important;padding:14px!important}.vendorCard .productMetrics{display:none!important}.fixedKpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fixedKpis .kpi{height:112px}.formulaGrid{grid-template-columns:1fr}.formulaGrid>div{height:auto;border-right:0;border-bottom:1px solid var(--line,#eadcca)}.threeCol{grid-template-columns:1fr}.orderItemFlow{grid-template-columns:1fr}.fab{right:16px;bottom:78px}.fabQuickPanel{right:16px;bottom:138px}.v20Header{gap:8px}.v20Header .brand h1{font-size:16px}.v20Header .search{order:3;width:100%;flex:1 0 100%}.v20Header .btn{padding:8px 10px;font-size:13px}.v20Products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.v20Product{border-radius:14px}.v20ProductImg{height:130px!important}.v20ProductBody{padding:10px!important}.v20ProductBody b{font-size:14px}.v20ProductBody small{font-size:12px}.v20ProductBody strong{font-size:15px}.stickyBuy{position:sticky;bottom:70px;background:#fffdf8;border:1px solid var(--line,#eadcca);border-radius:18px;padding:8px;box-shadow:0 12px 30px rgba(74,49,27,.14)}.compactSummary{grid-template-columns:repeat(2,1fr)!important}.tableWrap{overflow:auto}.main{padding-bottom:96px!important}.card{border-radius:16px!important}.row{min-height:auto!important}.kpi b{font-size:22px!important}}
@media(max-width:480px){.v20Products{grid-template-columns:1fr!important}.fixedKpis{grid-template-columns:1fr 1fr!important}.fixedKpis .kpi span{font-size:13px}.fixedKpis .kpi small{font-size:11px}.bottomNav button,.v20Bottom button{font-size:11px!important}.orderRow.mobileOrderCard{align-items:flex-start;flex-direction:column}.orderRow.mobileOrderCard>div:last-child{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.compactSummary{grid-template-columns:1fr 1fr!important}}
/* v25 buyer account & professional report patch */
.professionalReport{font-family:system-ui,'Noto Sans TC',sans-serif;color:#2f2822}.reportHeader{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #eadcca;margin-bottom:14px;padding-bottom:12px}.reportHeader h2{margin:0;font-size:26px}.reportBrand{font-weight:900;color:var(--brand)}.compactSummary{display:grid!important;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0}.compactSummary div{border:1px solid #eadcca;border-radius:10px;padding:8px 10px;background:#fffaf3;min-height:56px}.compactSummary b{display:block;font-size:12px;color:#7d6c5d}.compactSummary span{font-size:16px;font-weight:900}.cardLike{border:1px solid #eadcca;border-radius:12px;background:#fff;padding:12px;margin:12px 0}.formulaGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.formulaGrid div{background:#fbf6ee;border-radius:10px;padding:10px}.twoReportCols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.twoReportCols>div{border:1px solid #eadcca;border-radius:12px;padding:10px}.twoReportCols p{display:flex;justify-content:space-between;border-bottom:1px dashed #eadcca;margin:0;padding:7px 0}.reportKpis .kpi small{display:block;margin-top:6px;color:#8c7b6d}.customerShell .authCard{max-width:720px;margin:24px auto}.shopHeader .shopNav .btn{white-space:nowrap}@media print{.compactSummary{grid-template-columns:repeat(5,1fr)!important}.compactSummary div{break-inside:avoid}.formulaGrid{grid-template-columns:repeat(4,1fr)!important}.twoReportCols{grid-template-columns:1fr 1fr!important}body{background:#fff!important}}@media(max-width:760px){.compactSummary{grid-template-columns:repeat(2,1fr)}.formulaGrid,.twoReportCols{grid-template-columns:1fr}.reportHeader{display:block}.shopHeader{gap:8px}.shopHeader .shopNav{display:flex;overflow:auto;width:100%}}

/* === v26 final enhancements === */
.desktopShopTabs{display:flex;gap:8px;align-items:center}.desktopShopTabs button{border:1px solid var(--line,#eadcca);background:#fffaf4;color:var(--text,#2f2822);border-radius:14px;padding:10px 14px;font-weight:800}.orderFilterBar{align-items:flex-start}.filterDrop{position:relative}.filterDrop summary{list-style:none;border:1px solid var(--line,#eadcca);background:#fff;border-radius:14px;padding:10px 14px;font-weight:800;cursor:pointer}.filterDrop summary::-webkit-details-marker{display:none}.filterMenu{position:absolute;z-index:20;top:44px;left:0;background:#fff;border:1px solid var(--line,#eadcca);border-radius:16px;box-shadow:0 18px 40px rgba(80,55,30,.12);padding:10px;min-width:170px}.filterMenu label{display:block;padding:8px;border-radius:10px;white-space:nowrap}.filterMenu label:hover{background:#f7efe3}.mobileMiniCard{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px!important}.mobileMiniCard small{display:block;color:#8c7b6d;font-size:12px;margin-top:3px}.mobileTopBack{display:none}.formalDoc{font-family:Arial,'Noto Sans TC','Microsoft JhengHei',sans-serif}.docHeader{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid #b8895f;margin-bottom:14px;padding-bottom:10px}.docHeader h2{margin:0;font-size:24px}.docHeader p{margin:5px 0 0;color:#666}.docSummary,.reportSummary.compactSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.docSummary div,.reportSummary.compactSummary div{border:1px solid #ddd;border-radius:8px;padding:8px;background:#fff}.reportSummary.compactSummary span{display:block;font-size:18px;font-weight:900;margin-top:4px}.formulaDetails{border:1px solid var(--line,#eadcca);border-radius:14px;padding:12px;background:#fffaf4;margin:10px 0}.formulaDetails summary{font-weight:900;cursor:pointer}.formulaGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:10px}.pageBreak{page-break-after:always}.dangerBtn{background:#fff4f2!important;color:#b8584c!important;border-color:#edc9c2!important}.customerShell .btn,.customerShell button{color:#3b3128}.customerShell .primary{color:#fff!important}.memberCard.mobileMiniCard .hideOnMobileDetail{display:none}@media(max-width:760px){.desktopShopTabs{overflow:auto;width:100%;padding-bottom:6px}.desktopShopTabs button{white-space:nowrap;font-size:13px;padding:8px 10px}.mobileTopBack{display:inline-flex;margin:0 0 10px;border:1px solid var(--line,#eadcca);background:#fffaf4;color:#3b3128;border-radius:14px;padding:9px 12px;font-weight:900}.mobileCardList .row,.mobileCardList .card,.mobileMiniCard{min-height:auto!important}.docSummary,.reportSummary.compactSummary{grid-template-columns:repeat(2,1fr)}.filterMenu{position:fixed;left:16px;right:16px;top:auto;min-width:0}.toolbar{gap:8px}.toolbar .btn,.toolbar input,.toolbar details{font-size:13px}.tableWrap{overflow:auto}.shopHeader{gap:10px}.shopHeader .brand h1{font-size:18px}}
@media print{.formulaDetails{border:0;background:#fff}.formulaDetails summary{display:none}.formulaDetails[open] .formulaGrid,.formulaDetails .formulaGrid{display:grid}.docSummary,.reportSummary.compactSummary{grid-template-columns:repeat(4,1fr)}}

/* v27 unified numbering / import / print-save / compact member cards */
.sectionCard{margin-bottom:16px}.sectionCard .sectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.modalBackdrop{position:fixed;inset:0;background:rgba(47,40,34,.38);z-index:9999;display:grid;place-items:center;padding:18px}.modalCard{width:min(720px,96vw);max-height:88vh;overflow:auto;background:#fffdf8;border:1px solid #eadcca;border-radius:22px;box-shadow:0 24px 70px rgba(60,40,20,.22);padding:22px}.modalCard h3{margin-top:0}.docNotes{margin-top:18px;border-top:1px solid #eadcca;padding-top:10px}.docNotes h3{margin:0 0 8px}.docNotes li{margin:4px 0}.formalDoc{background:white;color:#2f2822}.docHeader{border-bottom:2px solid var(--brand,#b8895f);padding-bottom:10px;margin-bottom:16px}.docHeader h2{margin:0;font-size:24px}.docHeader p{margin:6px 0 0;color:#7b6b5d}.docSummary,.reportSummary{display:flex;gap:8px;flex-wrap:nowrap}.docSummary>div,.reportSummary>div{flex:1;min-width:0;background:#fffaf3;border:1px solid #eadcca;border-radius:12px;padding:10px}.docSummary b,.reportSummary b{display:block;font-size:12px;color:#8b735f}.docSummary span,.reportSummary span{font-weight:900}.mobileMiniCard{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:auto}.mobileMiniCard small{display:block;color:#8b735f;margin-top:3px}.clickCard{cursor:pointer}.toast.v27{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10000;background:#fffdf8;color:#2f2822;border:1px solid #eadcca;box-shadow:0 24px 70px rgba(60,40,20,.2);border-radius:18px;padding:16px 24px;min-width:220px;text-align:center}.settingCard{text-align:left}.successPanel .notice{border:1px solid #eadcca;border-radius:16px;padding:12px;background:#fffaf3;margin:10px 0}@media(max-width:760px){.desktopOnly{display:none!important}.mobileCardList{display:grid;gap:10px}.mobileMiniCard{padding:12px 14px;border-radius:16px}.mobileMiniCard b{font-size:15px}.mobileMiniCard small{font-size:12px}.modalCard{padding:18px;border-radius:18px}.docSummary,.reportSummary{display:grid;grid-template-columns:repeat(2,1fr)}.sectionCard{padding:16px}.row.clickCard{align-items:flex-start}.row.clickCard>div:last-child{display:grid;gap:6px;justify-items:end}}@media(min-width:761px){.mobileCardList{display:none!important}.mobileTopBack{display:inline-flex!important;margin-bottom:12px}}
@media print{.formulaDetails,.noPrint,.toolbar,.filter,.search,.mobileTopBack,.sidebar,.bottomNav,.fab,.topbar,button{display:none!important}.formalDoc{font-size:12px}.docSummary,.reportSummary{display:flex!important}.docSummary>div,.reportSummary>div{padding:6px}.docHeader h2{font-size:20px}}

/* === v28 polish: concise cards, formal actions, no overflow === */
*{box-sizing:border-box}.table td,.table th{vertical-align:middle}.table td,.table th,.row,.card,.productCard{min-width:0}.clamp1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clickRow,.clickCard{cursor:pointer}.clickRow:hover,.clickCard:hover{box-shadow:0 10px 26px rgba(86,64,42,.09);transform:translateY(-1px)}.compactTable td,.compactTable th{padding:10px 12px}.compactTable input,.compactTable select{min-width:0;width:100%}.seg{display:flex;gap:6px}.miniStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.miniStat{border:1px solid var(--line,#eadfcc);border-radius:16px;background:#fffaf4;padding:14px;display:flex;align-items:center;justify-content:space-between}.miniStat span{color:var(--muted,#8a7a68);font-weight:800}.imageUploader{display:grid;gap:10px}.previewBox{height:220px;border:1px dashed var(--line,#eadfcc);border-radius:18px;background:linear-gradient(135deg,#f3e4cc,#fffaf3);display:grid;place-items:center;color:#b8895f;font-weight:900;overflow:hidden}.previewBox img,.productThumb img{width:100%;height:100%;object-fit:cover}.productDetailCard .formGrid{align-items:end}.smartFilters{align-items:end}.smartFilters input,.smartFilters select{min-width:140px}.backBtn{border:1px solid var(--line,#eadfcc)!important;background:#fffaf4!important;color:#3b3128!important;border-radius:999px!important;padding:10px 14px!important;font-weight:900!important}.topbar .pageTitle .backBtn::before{content:'↩ ';}.topbar .pageTitle .backBtn{font-size:0}.topbar .pageTitle .backBtn::after{content:'返回上一步';font-size:14px}.toolbar .btn.small,.btn.small{padding:8px 10px;border-radius:12px;font-size:13px}.dangerBtn,.btn.danger{background:#fff0ed!important;color:#b44a42!important;border:1px solid #f1c5bd!important}.productCardGrid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}.productCard{overflow:hidden}.productCard h3{font-size:18px}.productMetrics{grid-template-columns:repeat(2,1fr)}.productMetrics span{min-height:54px}.fabQuickPanel button{display:flex;align-items:center;gap:8px}.mobileMiniCard{padding:14px 16px!important;min-height:auto!important}.mobileMiniCard small{display:block;margin-top:4px}.tableWrap{overflow:auto}.expenseRow td,.productRow td{max-width:260px;overflow:hidden;text-overflow:ellipsis}.navSub button{white-space:normal;text-align:left}
@media(max-width:760px){.topbar{gap:10px}.topbar .pageTitle h2{font-size:34px}.productCardGrid{grid-template-columns:1fr}.productCard{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:12px}.productCard .productThumb{height:88px;margin:0;border-radius:16px}.productMetrics,.cardActions{display:none}.productCard h3{font-size:18px;margin:0}.productCardBody{padding:0}.mobileCardList{display:grid!important;gap:10px}.desktopOnly{display:none!important}.card{padding:16px}.kpiGrid{grid-template-columns:repeat(2,1fr)}.smartFilters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.smartFilters input,.smartFilters select,.smartFilters button{width:100%;min-width:0}.miniStats{grid-template-columns:1fr}.previewBox{height:170px}.tableWrap.mobileAsCards table,.tableWrap.mobileAsCards tbody,.tableWrap.mobileAsCards tr,.tableWrap.mobileAsCards td{display:block}.compactTable th{font-size:12px}.fab{right:18px;bottom:92px}.fabQuickPanel{right:18px;bottom:158px}.expenseRow td,.productRow td{max-width:180px}.topTools .search{display:none}}

/* === v29.1 storefront customer navigation polish === */
.customerProShell{min-height:100vh;background:linear-gradient(135deg,#fffaf4,#fbf2e6);padding-bottom:90px}.customerProHeader{position:sticky;top:0;z-index:60;display:grid;grid-template-columns:auto auto minmax(220px,1fr) auto auto;gap:12px;align-items:center;padding:12px 18px;background:rgba(255,250,244,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line,#eadcca)}.customerBrand{display:flex;align-items:center;gap:10px;cursor:pointer}.customerBrand b{display:block;font-size:18px}.customerBrand small{display:block;color:var(--muted,#8c7b6d);font-weight:800}.customerMenuBtn,.customerCartBtn{border:1px solid var(--line,#eadcca);background:#fffaf4;border-radius:14px;padding:10px 12px;font-weight:900}.customerCartBtn{position:relative}.customerCartBtn span{position:absolute;right:-6px;top:-6px;background:var(--brand,#b8895f);color:#fff;border-radius:999px;font-size:11px;padding:2px 6px}.customerSearch input{width:100%;border-radius:999px}.customerNav{display:flex;gap:8px;overflow:auto}.customerNav button{white-space:nowrap;border:1px solid var(--line,#eadcca);background:#fff;border-radius:14px;padding:9px 12px;font-weight:900}.customerNav button.active,.customerBottomNav button.active{background:var(--brand,#b8895f);color:#fff}.customerProMain{max-width:1180px;margin:0 auto;padding:26px 18px}.customerHero{border:1px solid var(--line,#eadcca);border-radius:28px;background:linear-gradient(135deg,#fff7e8,#f0d7b4);box-shadow:var(--shadow,0 18px 45px rgba(78,52,30,.09));padding:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}.customerHero h1{font-size:36px;margin:6px 0}.customerHero span{font-weight:900;color:#9a6d43}.customerHero button,.customerSectionHead button,.customerCatGrid button,.customerProductActions button{border:1px solid var(--line,#eadcca);background:#fffaf4;border-radius:14px;padding:10px 14px;font-weight:900}.customerMarquee{overflow:hidden;background:var(--brand,#b8895f);color:#fff;border-radius:999px;padding:10px 0;margin:18px 0;white-space:nowrap}.customerMarquee span{display:inline-block;padding-left:100%;animation:mq 18s linear infinite;font-weight:900}.customerPanel{background:rgba(255,253,248,.9);border:1px solid var(--line,#eadcca);border-radius:24px;box-shadow:var(--shadow,0 18px 45px rgba(78,52,30,.09));padding:18px;margin-top:18px}.customerSectionHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.customerSectionHead h2{margin:0}.customerCatGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.customerCatGrid button{text-align:left}.customerCatGrid small{display:block;color:var(--muted,#8c7b6d);margin-top:4px}.customerProducts{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.customerProduct{background:#fff;border:1px solid var(--line,#eadcca);border-radius:22px;overflow:hidden;box-shadow:0 12px 30px rgba(78,52,30,.07);transition:.18s}.customerProduct:hover{transform:translateY(-3px)}.customerProductImg,.customerBigImg{background:linear-gradient(135deg,#ead9bf,#fff8ee);display:grid;place-items:center;color:#a6825c;font-weight:900}.customerProductImg{height:170px;cursor:pointer}.customerProductImg img,.customerBigImg img{width:100%;height:100%;object-fit:cover}.customerProductBody{padding:14px}.customerProductBody b{font-size:16px;cursor:pointer}.customerProductBody small{display:block;color:var(--muted,#8c7b6d);margin:7px 0}.customerProductBody strong,.customerPrice{display:block;color:#a26837;font-size:22px;font-weight:950}.customerProductActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.customerCategoryLayout{display:grid;grid-template-columns:220px 1fr;gap:18px}.customerCatSide{display:grid;gap:8px;align-self:start;position:sticky;top:86px}.customerCatSide button{border:1px solid var(--line,#eadcca);background:#fff;border-radius:15px;padding:11px 12px;text-align:left;font-weight:900;display:flex;justify-content:space-between}.customerCatSide button.active{background:var(--brand,#b8895f);color:#fff}.customerProductDetail{display:grid;grid-template-columns:1fr 1fr;gap:20px}.customerBigImg{min-height:440px;border-radius:26px;border:1px solid var(--line,#eadcca);overflow:hidden}.customerBuyBox{background:#fff;border:1px solid var(--line,#eadcca);border-radius:26px;padding:24px;box-shadow:var(--shadow,0 18px 45px rgba(78,52,30,.09))}.customerBuyBox h1{margin-top:0}.customerBuyBox label{display:block;margin:14px 0 6px;font-weight:900}.customerCartGrid{display:grid;grid-template-columns:1fr 320px;gap:18px}.customerBottomNav{display:none}.customerDrawer{display:none}.drawerHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.drawerHead button{border:0;background:transparent;font-size:28px}.customerDrawerPanel button{width:100%;border:0;background:#fffaf4;border-radius:14px;padding:13px;text-align:left;font-weight:900;margin-bottom:8px}@media(max-width:820px){.customerProHeader{grid-template-columns:auto 1fr auto}.customerSearch{grid-column:1/-1}.customerNav{display:none}.customerBrand b{font-size:16px}.customerProMain{padding:16px 12px 100px}.customerHero{display:block;padding:24px}.customerHero h1{font-size:28px}.customerHero button{margin-top:12px}.customerProducts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customerCategoryLayout,.customerProductDetail,.customerCartGrid{display:block}.customerCatSide{display:flex;overflow:auto;position:static;margin-bottom:12px}.customerCatSide button{min-width:max-content;gap:12px}.customerBigImg{min-height:300px;margin-bottom:14px}.customerProductImg{height:145px}.customerProductActions{grid-template-columns:1fr}.customerBottomNav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:70;background:#fffdf8;border:1px solid var(--line,#eadcca);border-radius:22px;box-shadow:var(--shadow,0 18px 45px rgba(78,52,30,.09));padding:8px;gap:4px}.customerBottomNav button{border:0;background:transparent;border-radius:15px;padding:10px 2px;font-size:12px;font-weight:900;color:var(--muted,#8c7b6d)}.customerDrawer.show{display:block}.customerDrawerPanel{position:fixed;left:0;top:0;bottom:0;width:min(82vw,330px);z-index:90;background:#fffdf8;border-right:1px solid var(--line,#eadcca);padding:18px;box-shadow:0 20px 60px rgba(60,40,20,.2)}.drawerShade{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.28)}}@media(max-width:480px){.customerProducts{grid-template-columns:1fr}.customerHero h1{font-size:24px}.customerProductImg{height:210px}}

/* v29.2: Remove all silver return buttons globally */
.backBtn,.mobileTopBack,.sellerBackBtn{display:none!important;}

/* === v29.3 requested polish === */
.backBtn,.mobileTopBack,.sellerBackBtn{display:none!important}
.moriBackBtn{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;width:max-content;border:1px solid var(--line,#eadcca)!important;background:#fffaf4!important;color:#3b3128!important;border-radius:999px!important;padding:10px 16px!important;font-weight:950!important;box-shadow:0 10px 24px rgba(83,57,31,.06);margin:0 0 8px 0;line-height:1.1}.pageTitle{align-items:flex-start}.pageTitle .mobileMenuBtn{margin-top:0}.topbar .pageTitle{display:flex;flex-direction:column}.topbar .pageTitle h2{word-break:keep-all;overflow-wrap:anywhere}.row,.clickCard,.mobileMiniCard,.table td,.table th{overflow-wrap:anywhere;word-break:break-word}.badge{white-space:nowrap}.orderCard,.mobileMiniCard{overflow:hidden}.clearProductGrid{gap:18px}.clearProductCard{display:grid;grid-template-columns:130px minmax(0,1fr);padding:0;min-height:160px}.clearProductCard .productThumb{height:100%;min-height:160px;margin:0;border-radius:0}.clearProductCard .productCardBody{padding:16px;min-width:0}.productTitleLine{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:flex-start}.productTitleLine h3{margin:0 0 4px;font-size:18px;line-height:1.35;overflow:visible;display:block;white-space:normal}.productTitleLine small{display:block;color:var(--muted,#8c7b6d);line-height:1.45;overflow-wrap:anywhere}.clearProductCard .productCheck{width:24px;height:24px}.clearProductCard .productMetrics{display:grid;grid-template-columns:repeat(4,minmax(80px,1fr));gap:8px;margin-top:12px}.clearProductCard .productMetrics span{min-height:auto;padding:10px}.productClearTable code{background:#fff5e8;border:1px solid var(--line,#eadcca);border-radius:8px;padding:4px 6px;font-weight:900}.productClearTable td{vertical-align:middle}.proPrintDoc{background:#fff}.proPrintTop h1{letter-spacing:.02em}
@media(max-width:760px){.moriBackBtn{font-size:16px;padding:13px 18px!important;margin-bottom:4px}.topbar .pageTitle h2{font-size:34px;line-height:1.08}.topbar .pageTitle p{font-size:16px}.clearProductCard{grid-template-columns:92px minmax(0,1fr);min-height:120px;padding:0!important}.clearProductCard .productThumb{height:120px;min-height:120px}.clearProductCard .productCardBody{padding:14px}.clearProductCard .productMetrics{display:grid!important;grid-template-columns:repeat(2,1fr);gap:6px}.clearProductCard .productMetrics span{font-size:12px;padding:8px}.clearProductCard .cardActions{display:flex!important;gap:6px;flex-wrap:wrap}.productTitleLine h3{font-size:17px}.productTitleLine small{font-size:13px}.table.compactTable th,.table.compactTable td{font-size:13px;padding:9px}.smartFilters{grid-template-columns:1fr!important}.smartFilters .seg{display:grid;grid-template-columns:1fr 1fr}.smartFilters button,.smartFilters input,.smartFilters select{min-height:48px}.bottomNav{z-index:60}.fab{z-index:61}}