@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;500;600;700;800&display=swap');
:root{--brown:#7b3f20;--brown2:#a85c31;--cream:#fff8ee;--gold:#d5a24a;--ink:#2d211b;--muted:#75685f;--line:#eadfd4;--white:#fff;--red:#b51f16}*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans Devanagari',system-ui,sans-serif;color:var(--ink);background:#fff}.top{position:sticky;top:0;z-index:20;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);box-shadow:0 3px 15px #00000008}.brand{display:flex;align-items:center;gap:10px}.brand img{width:58px;height:42px;object-fit:contain}.brand b{display:block;font-size:19px}.brand small{display:block;color:var(--muted);font-size:11px}.gear,.secondary,.primary{border:0;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}.gear{background:#fff;border:1px solid #d9cabe;color:var(--brown)}.hero{padding:42px 18px 50px;background:radial-gradient(circle at 90% 15%,#f4d99b,transparent 28%),linear-gradient(145deg,#fff9f1,#f5e5d3);display:flex;gap:25px;align-items:center;justify-content:space-between}.hero p{color:var(--brown2);font-weight:700;margin:0 0 6px}.hero h1{font-size:clamp(31px,7vw,54px);line-height:1.18;margin:0 0 15px}.hero h1 span{color:var(--brown)}.heroTags{color:#66584f}.heroLogo{width:180px;height:180px;flex:0 0 180px}.heroLogo img{width:100%;height:100%;object-fit:cover;border-radius:10px;filter:drop-shadow(0 15px 20px #7b3f2025)}.main{max-width:1120px;margin:auto;padding:34px 16px 55px}.mainTitle{display:flex;justify-content:space-between;align-items:end}.mainTitle small{color:var(--brown2);font-weight:700}.mainTitle h2{font-size:32px;margin:0}.mainTitle span{background:#f8eee5;border-radius:30px;padding:8px 13px;color:var(--brown)}.mainCats{display:flex;gap:10px;margin:22px 0 15px;overflow:auto}.mainCats button{white-space:nowrap;border:1px solid var(--line);background:#fff;padding:12px 16px;border-radius:14px;font-weight:700;color:var(--brown);cursor:pointer}.mainCats button.active{background:var(--brown);color:#fff}.tools{display:flex;gap:10px;margin-bottom:20px}.tools input,.tools select,.box input,.box select,.box textarea{width:100%;padding:12px;border:1px solid #dccfc4;border-radius:12px;background:#fff;outline:none}.tools input{flex:1}.tools select{max-width:230px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 25px #0000000a}.photo{height:220px;background:#fbf2e9;display:flex;align-items:center;justify-content:center}.photo img{width:100%;height:100%;object-fit:contain}.placeholder{font-size:45px}.cardBody{padding:14px}.tag{display:inline-block;background:#f7ece3;color:var(--brown);padding:5px 9px;border-radius:20px;font-size:11px}.card h3{font-size:17px;margin:9px 0 5px}.card p{font-size:12px;color:var(--muted);min-height:38px}.price{font-weight:800;color:var(--brown);margin-top:6px}.wa{display:block;margin-top:10px;text-align:center;background:#f3ece5;color:var(--brown);padding:9px;border-radius:10px;font-weight:700;font-size:12px}footer{text-align:center;padding:25px;color:var(--muted);background:#fff9f1}.modal{position:fixed;inset:0;background:#24150e99;z-index:50;display:flex;align-items:center;justify-content:center;padding:15px}.hidden{display:none!important}.box{background:#fff;border-radius:22px;padding:22px;width:min(720px,100%);max-height:94vh;overflow:auto;position:relative}.box.small{max-width:390px}.x{position:absolute;right:15px;top:15px;border:0;background:#f5eee8;border-radius:50%;width:38px;height:38px;font-size:25px;color:var(--brown)}.box h2{margin:0 0 5px}.box p{color:var(--muted);margin-top:0}.box form{display:grid;gap:12px}.box label{font-size:13px;font-weight:700}.box label input,.box label select,.box label textarea{display:block;margin-top:5px}.primary{background:var(--brown);color:#fff}.secondary{background:#f3ece5;color:var(--brown)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview{width:120px;height:120px;object-fit:contain;border:1px solid var(--line);border-radius:14px;margin-top:8px}.actions{display:flex;gap:10px}.actions button{flex:1}.adminHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.adminHead small{color:var(--brown2);font-weight:700}.adminRow{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.adminRow img{width:55px;height:55px;object-fit:contain;background:#fbf2e9;border-radius:10px}.adminRow .grow{flex:1}.adminRow strong{display:block;font-size:13px}.adminRow small{color:var(--muted)}.edit,.del{border:0;border-radius:9px;padding:8px;cursor:pointer}.edit{background:#f2eee9;color:var(--brown)}.del{background:#fff0ee;color:#a42c22}.err{color:#b42318;margin-top:8px;font-size:12px}.msg{padding:15px;background:#fff5e9;border-radius:12px;color:#7b3f20}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.heroLogo{display:none}.tools{flex-direction:column}.tools select{max-width:none}}@media(max-width:480px){.grid{grid-template-columns:1fr 1fr;gap:10px}.photo{height:155px}.cardBody{padding:10px}.card h3{font-size:15px}.mainTitle h2{font-size:27px}.two{grid-template-columns:1fr}.brand img{width:58px;height:58px;object-fit:cover;border-radius:8px}.gear{font-size:12px;padding:9px}}
.manageCats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:-3px}
.manageCats button{width:100%;font-size:12px}
.catMsg{margin-top:8px;padding:9px 11px;border-radius:10px;background:#eef8ed;color:#286a2d;font-size:12px}

.headerActions{display:flex;align-items:center;gap:8px}.cartBtn{border:1px solid #dbcabd;background:#fff;border-radius:11px;padding:9px 12px;color:var(--brown);font-weight:800;cursor:pointer}.cartBtn span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;margin-left:4px;border-radius:50%;background:var(--brown);color:#fff;font-size:12px}.addCart{width:100%;border:0;background:var(--brown);color:#fff;border-radius:10px;padding:10px 8px;font-weight:800;cursor:pointer;margin-top:8px}.cartBox{max-width:620px}.cartTotal{font-weight:800;color:var(--brown);font-size:18px}.cartRow{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.cartRow img{width:58px;height:58px;border-radius:10px;object-fit:cover;background:#f6eee6}.cartRow small{display:block;color:var(--muted);margin-top:3px}.qty{display:flex;align-items:center;gap:8px}.qty button{width:32px;height:32px;border:1px solid #d8c7ba;border-radius:8px;background:#fff;color:var(--brown);font-size:20px;font-weight:800}.qty b{min-width:18px;text-align:center}.cartFooter{display:flex;gap:8px;margin-top:16px}.cartFooter>*{flex:1}.emptyCart{text-align:center;padding:35px 10px;color:var(--muted)}
@media(max-width:420px){.headerActions{gap:5px}.cartBtn{padding:8px 9px;font-size:13px}.gear{padding:8px 9px!important}.cartFooter{flex-direction:column}}
/* V8 refinements */
.brand img{width:58px;height:58px;object-fit:cover;border-radius:8px}
.cartHead{padding-right:52px;position:relative;align-items:flex-start}
.cartHead .cartTotal{display:block;margin-top:8px;font-size:22px;line-height:1.25;background:#fff8ee;padding:7px 12px;border-radius:12px}
.cartBox .x{z-index:3}
.checkoutBox{max-width:760px}
.mutedText{color:var(--muted);font-size:13px}
.orderCard{border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0;background:#fffaf5}
.orderTop{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;color:var(--brown)}
.orderTop small{color:var(--muted);font-weight:500}
.orderAddress{font-size:12px;color:var(--muted);margin:6px 0}
.orderItems{font-size:12px;padding:8px 0;border-top:1px dashed var(--line)}
.orderTotal{font-weight:800;color:var(--brown);margin-top:6px}
@media(max-width:480px){.brand img{width:58px;height:58px}.brand b{font-size:18px}.cartHead{padding-right:45px}.cartHead .cartTotal{font-size:20px}}
.categoryManager{margin:12px 0 4px;border:1px solid var(--line);border-radius:14px;padding:11px;background:#fffaf5}.managerHead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;font-size:13px}.categoryMgrRow{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #eee}.categoryMgrRow .grow{flex:1;min-width:0}.categoryMgrRow strong{display:block;font-size:13px}.categoryMgrRow small{color:var(--muted);font-size:11px}.miniDel{border:0;border-radius:8px;padding:7px 9px;background:#fff0ee;color:#a42c22;font-weight:700}.subMgr{margin:4px 0 3px 18px;border-left:2px solid #eadfd4;padding-left:10px}.orderSearch{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:8px 0}.orderSearchActions{grid-column:1/-1;display:flex;gap:8px}.orderSearchActions>*{flex:1}.orderDetail{margin-top:8px;padding:10px;border-top:1px dashed var(--line);background:#fff}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:12px}.detailGrid div{padding:5px 0}.detailLabel{color:var(--muted);display:block;font-size:10px}.detailItems{margin-top:8px;font-size:12px}.detailBtn{margin-top:8px;border:0;border-radius:9px;padding:8px 10px;background:#f3ece5;color:var(--brown);font-weight:700}@media(max-width:600px){.orderSearch{grid-template-columns:1fr}.detailGrid{grid-template-columns:1fr}.categoryMgrRow{align-items:flex-start}}

/* YSP-V4 Admin management layout */
.compactTools{grid-template-columns:1fr 1fr;margin-top:2px}.compactTools .dangerLite,.managerActions .dangerLite{background:#fff0ee;color:#a42c22}.adminSection{border:1px solid var(--line);border-radius:14px;background:#fffaf5;margin:12px 0;overflow:hidden}.adminSection>summary{cursor:pointer;list-style:none;padding:14px 15px;font-weight:800;color:var(--brown);font-size:16px}.adminSection>summary::-webkit-details-marker{display:none}.adminSection>summary:after{content:'＋';float:right;font-size:18px}.adminSection[open]>summary:after{content:'−'}.adminSection>summary:hover{background:#fff5e9}.sectionHint{color:var(--muted);font-size:12px;font-weight:500;padding:0 14px 10px;display:block}.productGroup{border-top:1px solid #eee;background:#fff}.productGroup>summary,.categoryMgrGroup>summary{cursor:pointer;padding:11px 12px;color:var(--brown);font-weight:800;list-style:none}.productGroup>summary::-webkit-details-marker,.categoryMgrGroup>summary::-webkit-details-marker{display:none}.productGroup>summary span{float:right;color:var(--muted);font-size:11px;font-weight:600}.productGroupBody{padding:0 10px}.categoryMgrGroup{border-top:1px solid #eee;background:#fff}.categoryMgrGroup>summary small{display:block;color:var(--muted);font-size:11px;font-weight:500;margin-top:2px}.categoryMgrBody{padding:0 12px 10px}.inlineActions,.managerActions{display:flex;gap:7px;flex-wrap:wrap;padding:8px 0}.miniAdd{border:0;border-radius:8px;padding:7px 9px;background:#f3ece5;color:var(--brown);font-weight:700}.mutedSmall{color:var(--muted);font-size:11px;padding:6px 0}.compactHead{margin:0 12px 8px}.courierNote{font-size:11px;color:var(--muted);font-weight:600}
@media(max-width:480px){.compactTools{grid-template-columns:1fr 1fr}.compactTools button{font-size:11px;padding:9px 7px}.adminSection>summary{font-size:15px}.managerActions>*{flex:1;min-width:44%}}

/* YSP-V5 - streamlined Admin Management */
.adminBox{max-width:900px}.adminManagement{margin-top:8px}.adminMainTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 12px}.adminMainTab{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 7px;color:var(--brown);font-weight:800;cursor:pointer}.adminMainTab.active{background:var(--brown);color:#fff}.adminMainPanel{border:1px solid var(--line);border-radius:14px;background:#fffaf5;overflow:hidden}.actionTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px;background:#f8eee5}.actionTab{border:1px solid #e5d7ca;background:#fff;border-radius:10px;padding:10px 6px;color:var(--brown);font-weight:800;cursor:pointer;font-size:12px}.actionTab.active{background:#7b3f20;color:#fff}.actionPane{padding:13px}.adminListBlock{border-top:1px solid #eee}.miniEdit,.miniDelete{border:0;border-radius:8px;padding:7px 10px;font-weight:700;cursor:pointer}.miniEdit{background:#f2eee9;color:var(--brown)}.miniDelete{background:#fff0ee;color:#a42c22}.managerLine{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #eee}.managerLine .grow{flex:1}.managerLine strong{display:block;font-size:13px}.managerLine small{display:block;color:var(--muted);font-size:11px}.managerGroup{border-top:1px solid #eee;padding:7px 0}.managerGroup>summary{cursor:pointer;font-weight:800;color:var(--brown);padding:7px;list-style:none}.managerGroup>summary::-webkit-details-marker{display:none}.managerGroupBody{padding:0 7px}.simpleForm{display:grid;gap:10px}.simpleForm label{font-size:13px;font-weight:700}.simpleForm input,.simpleForm select{display:block;margin-top:5px;width:100%;padding:11px;border:1px solid #dccfc4;border-radius:11px;background:#fff}.subLine{margin-left:18px;border-left:2px solid #eadfd4;padding-left:10px}@media(max-width:600px){.adminMainTabs{grid-template-columns:1fr 1fr}.actionTabs{grid-template-columns:1fr}.adminMainTab{font-size:12px}.adminBox{padding:16px}}
/* YSP-V6 - clean customer hierarchy and one-level Admin entry */
.customerTopCats{grid-template-columns:1fr 1fr}
.customerTopCats button{font-size:15px;padding:13px 10px}
.customerTopCats button.active{background:var(--brown);color:#fff}
.customerNav{margin:10px 0 14px;border:1px solid var(--line);border-radius:14px;background:#fffaf5;padding:11px}
.customerNavTitle{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px;color:var(--brown)}
.customerNavTitle strong{font-size:14px}
.navBack{border:0;border-radius:9px;background:#f3ece5;color:var(--brown);padding:8px 10px;font-weight:800;cursor:pointer}
.customerChoiceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.customerChoice{border:1px solid #dfd0c3;border-radius:11px;background:#fff;color:var(--brown);padding:12px 9px;font-weight:800;text-align:left;cursor:pointer}
.customerChoice:active{transform:scale(.99)}
.adminLanding{padding:28px 8px 36px;text-align:center}
.adminBigButton{width:100%;max-width:560px;border:0;border-radius:18px;background:var(--brown);color:#fff;padding:20px 18px;font-size:20px;font-weight:900;cursor:pointer;box-shadow:0 5px 14px rgba(0,0,0,.08)}
.adminWorkspace{margin-top:6px}
.adminBack{border:0;background:#f3ece5;color:var(--brown);border-radius:10px;padding:8px 11px;font-weight:800;margin-bottom:9px;cursor:pointer}
.adminProductSegments{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px;background:#f8eee5;border-radius:12px;margin-bottom:8px}
.adminSegmentTab{border:1px solid #e5d7ca;background:#fff;border-radius:10px;padding:12px 7px;color:var(--brown);font-weight:900;cursor:pointer}
.adminSegmentTab.active{background:var(--brown);color:#fff}
@media(max-width:480px){.customerChoiceGrid{grid-template-columns:1fr}.customerChoice{font-size:13px}.adminBigButton{font-size:18px;padding:18px 12px}.adminProductSegments{grid-template-columns:1fr}.customerNavTitle{align-items:flex-start}}
#segment:disabled{opacity:1;color:var(--brown);background:#faf6f1}

.adminHierarchyLaunch{grid-column:1/-1;border:2px solid #8f2f1f;background:linear-gradient(135deg,#fff5df,#ffe7c7);color:var(--brown);border-radius:15px;padding:14px 16px;text-align:left;cursor:pointer;box-shadow:0 4px 12px rgba(120,55,20,.08);display:grid;gap:3px}.adminHierarchyLaunch strong{font-size:18px}.adminHierarchyLaunch small{font-weight:700;opacity:.82}.adminHierarchyLaunch:hover{transform:translateY(-1px)}
.adminTopLevel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:10px}.adminTopTab,.adminInnerTab{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px 8px;color:var(--brown);font-weight:800;cursor:pointer}.adminTopTab.active,.adminInnerTab.active{background:var(--brown);color:#fff}.adminInnerTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.adminBack{border:0;background:#f3ece5;color:var(--brown);border-radius:10px;padding:8px 11px;font-weight:800;margin:4px 0 10px;cursor:pointer}.oneAction{grid-template-columns:1fr}.adminProductFormNote{margin-bottom:8px}.simpleForm{display:grid;gap:10px}.simpleForm label{font-size:13px;font-weight:700}.simpleForm input,.simpleForm select{display:block;margin-top:5px;width:100%;padding:11px;border:1px solid #dccfc4;border-radius:11px;background:#fff}@media(max-width:600px){.adminTopLevel{grid-template-columns:1fr}.adminInnerTabs{grid-template-columns:1fr}.adminTopTab{padding:12px 8px}.adminBox{padding:16px}}
.siteFooter{line-height:1.8;text-align:center;padding:28px 16px;color:var(--muted);background:#fff9f1;border-top:1px solid var(--line)}
.siteFooter strong{display:block;color:var(--brown);font-size:18px;margin-bottom:6px}
.siteFooter a{color:var(--brown);font-weight:700;text-decoration:none}
.siteFooter .mapLink{display:inline-block;margin-top:8px;padding:8px 12px;border-radius:10px;background:#f3ece5}

/* V9: prominent customer section buttons */
.mainCats.customerTopCats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 20px;overflow:visible}
.mainCats.customerTopCats button{min-height:92px;padding:18px 16px;border:2px solid #eadfd4;border-radius:20px;background:linear-gradient(145deg,#fff,#fff8ee);font-size:20px;font-weight:800;color:var(--brown);box-shadow:0 8px 22px #7b3f2012;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.mainCats.customerTopCats button:hover{transform:translateY(-2px);box-shadow:0 12px 26px #7b3f2020}
.mainCats.customerTopCats button.active{background:linear-gradient(145deg,#8f461f,#a85c31);color:#fff;border-color:#8f461f;box-shadow:0 10px 26px #7b3f2030}
@media(max-width:560px){.mainCats.customerTopCats{gap:12px}.mainCats.customerTopCats button{min-height:88px;font-size:18px;padding:16px 10px;border-radius:18px}}
/* YP-V1 refinements */
.brand b{font-size:22px;letter-spacing:.2px;background:linear-gradient(90deg,#7b3f20,#b05a2f);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}
.brand small{display:block}
.actionHeader{margin-bottom:10px;padding:10px 12px;border-radius:10px;background:#fff8ef;color:var(--brown);font-size:13px;font-weight:800}

/* YP-V3 customer category + product view */
.customerCategoryBlock{margin:24px 0 34px;scroll-margin-top:90px}
.categoryBlockHead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fffaf5}
.categoryBlockHead h3{margin:0;color:var(--brown);font-size:18px}
.categoryBlockHead span{color:var(--muted);font-size:12px;font-weight:700}
.categoryProductGrid{margin:0}
.productCategoryChoice{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px 12px;margin:7px 0;color:var(--brown);font-weight:800;text-align:left;cursor:pointer}
.productCategoryChoice small{color:var(--muted);font-weight:700;white-space:nowrap}
.managerTop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;color:var(--brown)}
.managerTop strong{font-size:15px}
@media(max-width:480px){.categoryBlockHead h3{font-size:16px}.categoryBlockHead{padding:10px 11px}.categoryProductGrid{grid-template-columns:1fr 1fr;gap:9px}.productCategoryChoice{font-size:13px}}

/* YP-V4 customer product view + image viewer */
.customerChoice{display:flex;justify-content:space-between;align-items:center;gap:8px}
.customerChoice small{color:var(--muted);font-size:11px;white-space:nowrap}
.navCount{font-size:12px;color:var(--muted);font-weight:700}
.categoryProductGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}
.categoryProductGrid .card{min-width:0}
.categoryProductGrid .photo{aspect-ratio:1/1;height:auto;min-height:0}
.categoryProductGrid .photo img{cursor:zoom-in;object-fit:contain}
.imageBox{max-width:900px;text-align:center}
.fullImageWrap{display:flex;justify-content:center;align-items:center;background:#fbf2e9;border-radius:16px;padding:10px;min-height:240px;max-height:72vh;overflow:auto}
.fullImageWrap img{display:block;max-width:100%;max-height:68vh;width:auto;height:auto;object-fit:contain}
.imageDownload{display:inline-block;margin-top:12px;text-decoration:none}
@media(max-width:850px){.categoryProductGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:480px){.categoryProductGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.categoryProductGrid .photo{aspect-ratio:1/1}.categoryProductGrid .cardBody{padding:9px}.categoryProductGrid .card h3{font-size:14px;line-height:1.3}.categoryProductGrid .card p{font-size:11px}.categoryProductGrid .addCart{font-size:12px;padding:9px 5px}}

/* YP-V5 customer category full-width product grid */
.grid.categoryMode{display:block;width:100%;}
.grid.categoryMode .customerCategoryBlock{width:100%;}
.grid.categoryMode .categoryProductGrid{width:100%;}
.productForm{display:grid;gap:12px}

.passwordWrap{position:relative}.passwordWrap input{padding-right:48px!important}.passwordToggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:transparent;border-radius:10px;cursor:pointer;font-size:20px;display:grid;place-items:center;color:var(--brown)}.passwordToggle:active{background:#f3ece5}

/* SD-V8 — visible devotional background. Functionality unchanged. */
html{background:#ead2ad}
body{position:relative;min-height:100vh;background:#ead2ad url('devotional-bg.svg') center top/cover fixed no-repeat}
body::before{content:"";position:fixed;inset:0;z-index:0;background:linear-gradient(180deg,rgba(255,248,234,.10),rgba(255,244,224,.20));pointer-events:none}
body>*{position:relative;z-index:1}
.top{background:rgba(255,255,255,.91);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 22px rgba(92,52,24,.10)}
.hero{background:linear-gradient(135deg,rgba(255,249,239,.58),rgba(248,231,210,.38));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-bottom:1px solid rgba(123,63,32,.10)}
.heroLogo img{border:4px solid rgba(255,255,255,.72);box-shadow:0 16px 35px rgba(93,51,24,.16)}
.main{background:rgba(255,252,247,.62);border-radius:30px;padding-top:30px}
.mainTitle h2{color:#6f371c}
.mainCats.customerTopCats button,.productCategoryChoice,.customerChoice{background:rgba(255,255,255,.86);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.categoryBlockHead,.customerNav,.categoryManager,.adminMainPanel,.adminProductSegments{background:rgba(255,250,243,.88);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.card{background:rgba(255,255,255,.93);box-shadow:0 10px 28px rgba(94,52,26,.10)}
.photo{background:rgba(250,240,228,.82)}
.siteFooter{background:rgba(255,249,241,.72);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
@media(max-width:480px){body::before{background-position:center top}.main{border-radius:22px 22px 0 0}}

/* AI-V2 — Admin-only purple dashboard theme. Customer UI is untouched. */
.adminBox{
  width:min(980px,100%);
  background:linear-gradient(145deg,#5a2a83 0%,#6d35a2 48%,#4b2675 100%);
  border:1px solid rgba(255,255,255,.22);
  color:#2d1744;
  box-shadow:0 28px 80px rgba(44,20,70,.42);
  padding:20px;
}
.adminBox .adminHead{
  padding:4px 4px 16px;
  border-bottom:1px solid rgba(255,255,255,.20);
  color:#fff;
}
.adminBox .adminHead h2{font-size:28px;color:#fff;margin:0}
.adminBox .adminHead small{font-size:13px;color:#ead9ff}
.adminBox .adminHead .secondary{border:1px solid rgba(255,255,255,.30);background:rgba(255,255,255,.12);color:#fff}
.adminLanding{padding:54px 8px 58px;text-align:center}
.adminBigButton{
  max-width:620px;min-height:82px;border:1px solid rgba(255,255,255,.35);border-radius:24px;
  background:linear-gradient(135deg,#ffd8ee,#fff0b8);color:#54216f;
  box-shadow:0 18px 40px rgba(25,10,45,.22);font-size:23px
}
.adminBigButton:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(25,10,45,.28)}
.adminWorkspace{padding-top:18px}
.adminTopLevel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px}
.adminTopTab{
  min-height:190px;padding:24px 22px;border:1px solid rgba(255,255,255,.75);border-radius:26px;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:9px;
  color:#5b1748;font-size:18px;line-height:1.35;box-shadow:0 14px 30px rgba(33,12,53,.16);cursor:pointer;transition:.18s
}
.adminTopTab:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(33,12,53,.22)}
.adminTopTab[data-top="fragrance"]{background:linear-gradient(145deg,#ffe7f2,#ffd0e4)}
.adminTopTab[data-top="pooja"]{background:linear-gradient(145deg,#fff4c9,#ffe5a0)}
.adminTopTab[data-top="orders"]{grid-column:1 / -1;min-height:108px;background:linear-gradient(145deg,#fff0fa,#f4e6ff);color:#4c2470}
.adminTabIcon{font-size:38px;line-height:1}
.adminTopTab strong{font-size:26px;color:#5b1748}
.adminTopTab[data-top="pooja"] strong{color:#6b3d05}
.adminTopTab[data-top="orders"] strong{color:#54216f;font-size:22px}
.adminStats{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:14px;color:#765f70}
.adminStats b{font-size:21px;color:#9d235b}
.adminTopTab[data-top="pooja"] .adminStats b{color:#a25b00}
.adminStats i{display:inline-block;width:1px;height:20px;background:currentColor;opacity:.25}
.adminTopTab.active{transform:translateY(-1px);border-color:#fff;box-shadow:0 18px 38px rgba(33,12,53,.28)}
.adminTopTab[data-top="fragrance"].active{background:linear-gradient(145deg,#ffd1e5,#ffb9d7);color:#58143f}
.adminTopTab[data-top="pooja"].active{background:linear-gradient(145deg,#ffe9a8,#ffd47a);color:#643a00}
.adminTopTab[data-top="orders"].active{background:linear-gradient(145deg,#eed7ff,#e5c7ff);color:#4b1d6b}
.adminInnerTabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 14px}
.adminInnerTab{
  min-height:96px;border:1px solid rgba(255,255,255,.75);border-radius:20px;background:linear-gradient(145deg,#ffe8f3,#ffd5e8);
  color:#641c4d;font-size:17px;box-shadow:0 10px 24px rgba(33,12,53,.14);cursor:pointer
}
.adminInnerTab[data-inner="category"]{background:linear-gradient(145deg,#ffe5f0,#ffd2e5);color:#641c4d}
.adminInnerTab[data-inner="product"]{background:linear-gradient(145deg,#fff1c8,#ffe2a2);color:#684000}
.adminInnerTab.active{background:linear-gradient(145deg,#eee0ff,#dfc7ff);color:#4d2370;border-color:#fff}
.adminMainPanel{border:1px solid rgba(255,255,255,.62);border-radius:22px;background:rgba(255,249,253,.96);box-shadow:0 14px 32px rgba(33,12,53,.18);overflow:hidden}
.actionTabs{gap:9px;padding:12px;background:linear-gradient(90deg,#f1e4ff,#fff0f7)}
.actionTab{min-height:52px;border-radius:14px;border:1px solid #ead9f2;background:#fff;color:#5b2876;box-shadow:0 5px 13px rgba(70,28,90,.06)}
.actionTab.active{background:#6b2e91;color:#fff;border-color:#6b2e91}
.adminBack{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:9px 13px;border-radius:13px;color:#fff;margin-bottom:12px}
.managerLine{background:#fff;padding:12px 8px;border-bottom:1px solid #f0e4f4;border-radius:10px;margin-bottom:4px}
.adminBox .sectionHint,.adminBox .actionHeader{color:#684879}
@media(max-width:700px){
  .adminTopLevel{grid-template-columns:1fr 1fr}
  .adminTopTab{min-height:165px;padding:18px 15px;border-radius:22px}
  .adminTopTab[data-top="orders"]{grid-column:1 / -1;min-height:100px}
  .adminTopTab strong{font-size:21px}
  .adminStats{font-size:12px}
  .adminStats b{font-size:18px}
}
@media(max-width:480px){
  .adminBox{padding:14px;border-radius:20px}
  .adminTopLevel{gap:10px}
  .adminTopTab{min-height:150px;padding:15px 12px;font-size:14px;border-radius:19px}
  .adminTopTab strong{font-size:19px}
  .adminTabIcon{font-size:31px}
  .adminTopTab[data-top="orders"]{min-height:92px}
  .adminInnerTabs{gap:9px}
  .adminInnerTab{min-height:82px;font-size:14px;border-radius:17px}
  .adminBigButton{font-size:20px;min-height:70px}
}

/* AI-V3 FINAL VISUAL LOCK
   Customer home: soft peach/pink/cream palette with two photo category cards.
   Admin: independent purple dashboard palette. Functionality selectors are unchanged. */

/* --- Customer Home Page V3 --- */
html{background:#fff1e8}
body{background:#fff1e8 url('devotional-bg.svg') center top/cover fixed no-repeat}
body::before{background:linear-gradient(180deg,rgba(255,245,238,.72),rgba(255,237,226,.82))}
.top{background:rgba(255,255,255,.94);border-bottom:1px solid #f0d8cb;box-shadow:0 5px 22px rgba(118,57,32,.09)}
.hero{position:relative;overflow:hidden;min-height:330px;padding:48px 22px 58px;background:linear-gradient(135deg,rgba(255,240,231,.93),rgba(255,226,216,.84) 52%,rgba(255,243,221,.92));border-bottom:0}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 24%,rgba(255,182,188,.34),transparent 25%),radial-gradient(circle at 92% 22%,rgba(255,211,151,.34),transparent 25%);pointer-events:none}
.hero>div{position:relative;z-index:1}
.heroLogo{display:none}
.hero>div:first-child{width:100%;text-align:center}
.hero p{font-size:18px;letter-spacing:.04em;color:#8d3b2b;margin-bottom:14px}
.hero h1{font-size:clamp(34px,8vw,58px);line-height:1.22;max-width:900px;margin:0 auto 18px;color:#34251f;text-shadow:0 2px 0 rgba(255,255,255,.35)}
.hero h1::after{content:"✦";display:block;color:#e67f5e;font-size:26px;margin-top:12px}
.hero h1 span{color:#b51f3e}
.heroTags{max-width:720px;margin:auto;font-size:16px;color:#725c55}
.main{max-width:1180px;padding:28px 16px 50px;background:rgba(255,251,248,.72);border-radius:30px;margin-top:-20px;position:relative;z-index:2;box-shadow:0 -6px 25px rgba(118,57,32,.04)}
.mainTitle{margin-bottom:4px}
.mainTitle small{font-size:13px;color:#9b563c}
.mainTitle h2{font-size:30px;color:#6d3525}
.mainTitle span{background:rgba(255,239,228,.92);color:#7d4a37}
.homeCategoryCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0 6px;overflow:visible}
.homeCategoryCard{padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:#fff;box-shadow:0 14px 32px rgba(100,52,34,.12);cursor:pointer;text-align:left;transition:transform .18s,box-shadow .18s}
.homeCategoryCard:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(100,52,34,.16)}
.homeCardImage{display:block;height:190px;overflow:hidden}
.homeCardImage img{width:100%;height:100%;object-fit:cover;display:block}
.fragranceCard .homeCardImage img{object-position:center 56%}
.poojaCard .homeCardImage img{object-position:center 55%}
.homeCardBody{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 16px 16px}
.homeCardIcon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin-top:-42px;margin-bottom:5px;border:6px solid #fff;font-size:27px;box-shadow:0 5px 14px rgba(80,35,20,.10)}
.fragranceCard .homeCardIcon{background:#ffd5e5}
.poojaCard .homeCardIcon{background:#ffe7a7}
.homeCardBody strong{font-size:27px;line-height:1.2;color:#6f2d27}
.poojaCard .homeCardBody strong{color:#70420b}
.homeCardBody small{font-size:14px;line-height:1.55;color:#75655e;margin:6px 0 13px}
.homeCardAction{display:flex;align-items:center;justify-content:center;gap:12px;width:78%;padding:9px 14px;border-radius:28px;font-size:22px;font-weight:800;color:#fff}
.fragranceCard .homeCardAction{background:#c51f4d}
.poojaCard .homeCardAction{background:#b96a05}
.homeCardAction b{font-size:30px;line-height:.7}
.customerNav{background:rgba(255,250,246,.92);border:1px solid #f0ddd2;border-radius:20px;padding:14px}
.siteFooter{background:rgba(255,248,241,.92);border-top:1px solid #f0d8cb}

/* --- Admin V3: permanently independent purple workspace --- */
.adminBox{background:linear-gradient(145deg,#4c2378 0%,#6f35a8 50%,#432066 100%);color:#2c1744}
.adminBox .adminHead{color:#fff}
.adminWorkspace{background:transparent}
.adminTopLevel{grid-template-columns:repeat(2,minmax(0,1fr))}
.adminTopTab{border-color:rgba(255,255,255,.86);box-shadow:0 14px 30px rgba(25,8,44,.20)}
.adminTopTab[data-top="fragrance"]{background:linear-gradient(145deg,#ffe8f3,#ffd1e4)}
.adminTopTab[data-top="pooja"]{background:linear-gradient(145deg,#fff3c9,#ffe5a3)}
.adminTopTab[data-top="orders"]{background:linear-gradient(145deg,#f8ecff,#eee0ff)}
.adminStats{font-size:14px}
.adminInnerTabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.adminInnerTab[data-inner="category"]{background:linear-gradient(145deg,#ffe8f3,#ffd3e6)}
.adminInnerTab[data-inner="product"]{background:linear-gradient(145deg,#fff3c9,#ffe2a4)}
.adminMainPanel{background:rgba(255,249,253,.97)}
.actionTabs{background:linear-gradient(90deg,#f1e4ff,#fff0f7)}
.actionTab.active{background:#6b2e91}
.adminBox .primary{background:#6b2e91;color:#fff}
.adminBox .secondary{background:#fff0fa;color:#5a2676;border:1px solid #e4cfee}
.adminBox input,.adminBox select,.adminBox textarea{background:#fff}

@media(max-width:700px){
 .hero{min-height:300px;padding:38px 16px 50px}
 .hero p{font-size:16px}
 .homeCategoryCards{gap:12px}
 .homeCardImage{height:150px}
 .homeCardBody{padding:12px 10px 13px}
 .homeCardBody strong{font-size:21px}
 .homeCardBody small{font-size:12px}
 .homeCardAction{width:88%;font-size:19px}
}
@media(max-width:480px){
 .hero{min-height:285px;padding:34px 12px 46px}
 .hero h1{font-size:32px}
 .heroTags{font-size:13px}
 .main{padding:22px 10px 36px;border-radius:24px 24px 0 0}
 .mainTitle h2{font-size:26px}
 .homeCategoryCards{gap:9px}
 .homeCategoryCard{border-radius:18px}
 .homeCardImage{height:122px}
 .homeCardIcon{width:48px;height:48px;font-size:22px;border-width:5px;margin-top:-34px}
 .homeCardBody strong{font-size:18px}
 .homeCardBody small{font-size:10.5px;line-height:1.4}
 .homeCardAction{width:92%;padding:7px 10px;font-size:18px}
 .homeCardAction b{font-size:25px}
 .adminBox{background:linear-gradient(145deg,#4c2378,#6f35a8,#432066)}
}

/* ===== V5 four-level hierarchy UI ===== */
#homeSections.hierarchyReady{display:grid}
.hCard{border:1px solid #eadfd4;border-radius:20px;background:#fff;padding:0;overflow:hidden;box-shadow:0 8px 24px #0000000b;cursor:pointer;text-align:left;color:var(--ink);min-width:0;display:block;width:100%;transition:transform .16s,box-shadow .16s}
.hCard:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000014}
.hCardView{display:inline-flex;align-items:center;justify-content:center;margin-top:9px;padding:6px 12px;border-radius:999px;background:#fff0f0;border:1px solid #e04a4a;color:#c62828;font-size:13px;font-weight:950;line-height:1;}
.productViewBtn{display:block;width:100%;margin:8px 0 8px;border:1.5px solid #e04a4a;border-radius:10px;background:#fff1f1;color:#c62828;padding:9px 8px;font-weight:950;font-size:13px;cursor:pointer}
.productViewBtn:active{transform:scale(.98)}
.hCardImage{display:block;height:145px;background:#fbf2e9}
.hCardImage img{width:100%;height:100%;object-fit:cover;display:block}
.hCardBody{display:block;padding:13px 14px 15px}
.hCardBody strong{display:block;font-size:18px;color:var(--brown);line-height:1.3}
.hCardBody small{display:block;color:var(--muted);margin-top:5px;font-size:12px}
.hCardExtra{display:block;margin-top:7px;font-size:11px;color:#8b5c43}
.hChoiceGrid{gap:14px}
.hChoiceGrid .hCard{width:100%}
.hChoiceGrid .hCardImage{height:125px}
.hChoiceGrid .hCardBody{padding:11px 12px 13px}
.hChoiceGrid .hCardBody strong{font-size:16px}
.hChoiceGrid .hCardBody small{font-size:11px}
.hAdminHeader{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.hAdminHeader>strong{font-size:18px;color:var(--brown)}
.hAdminTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0 12px}
.hAdminTabs button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 7px;color:var(--brown);font-weight:800;cursor:pointer}
.hAdminTabs button.active{background:var(--brown);color:#fff}
.hAdminTabs .orderHBtn{grid-column:span 4}
.hAdminTitle{display:flex;justify-content:space-between;align-items:center;background:#f8eee5;border-radius:13px;padding:12px 14px;margin-bottom:9px;color:var(--brown)}
.hAdminTitle strong{font-size:17px}.hAdminTitle small{color:var(--muted)}
.hActionTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}
.hActionTabs button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 6px;color:var(--brown);font-weight:800;cursor:pointer}
.hActionTabs button.active{background:var(--brown);color:#fff}
.hForm{display:grid;gap:11px;background:#fffaf5;border:1px solid var(--line);padding:14px;border-radius:16px}
.hForm label{font-size:13px;font-weight:700;color:var(--ink)}
.hForm input,.hForm select,.hForm textarea{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid #dccfc4;border-radius:11px;background:#fff;font:inherit}
.hForm button{width:100%}
.hFormPreview{max-width:160px;max-height:120px;border-radius:12px;object-fit:cover}
.hManageRow{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:9px;margin-bottom:8px}
.hManageRow>img{width:58px;height:58px;border-radius:10px;object-fit:cover;background:#f7eee7}
.hManageRow .grow{min-width:0}.hManageRow strong{display:block;color:var(--brown)}.hManageRow small{display:block;color:var(--muted);margin-top:2px}
.hManageRow button{flex:0 0 auto}
.hProductCatChoice{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px;margin-bottom:8px;color:var(--brown);font-weight:800;text-align:left;cursor:pointer}
.hProductCatChoice small{color:var(--muted);font-weight:600}
@media(max-width:600px){
 .hAdminTabs{grid-template-columns:repeat(2,1fr)}
 .hAdminTabs .orderHBtn{grid-column:span 2}
 .hActionTabs{grid-template-columns:1fr}
 .hCardImage{height:120px}
 .hCardBody strong{font-size:16px}
}

/* Keep hierarchy cards in two columns on phones, including <=480px. */
@media(max-width:600px){
  .customerChoiceGrid.hChoiceGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px;}
  .customerChoiceGrid.hChoiceGrid .hCard{border-radius:16px;}
  .customerChoiceGrid.hChoiceGrid .hCardImage{height:120px;}
  .customerChoiceGrid.hChoiceGrid .hCardBody{padding:10px;}
  .customerChoiceGrid.hChoiceGrid .hCardBody strong{font-size:15px;line-height:1.3;}
  .customerChoiceGrid.hChoiceGrid .hCardBody small{font-size:10px;}
}

/* BB2 - Courier + Payment Management */
.paymentPanel{margin-top:12px;padding:12px;border:1px solid #ead5bd;border-radius:14px;background:#fff8ea}
.paymentPanelHead{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--brown);font-size:14px}
.paymentBadge{display:inline-block;padding:6px 9px;border-radius:20px;font-size:11px;font-weight:900}
.paymentBadge.pending{background:#fff0d2;color:#8a5a00}.paymentBadge.received{background:#e8f6e9;color:#23702d}
.paymentTotals{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:10px 0}
.paymentTotals>div,.paymentTotals>label{display:flex;flex-direction:column;gap:5px;padding:9px;border:1px solid #eadfd4;border-radius:11px;background:#fff}
.paymentTotals span{font-size:10px;color:var(--muted);font-weight:700}.paymentTotals b{font-size:15px;color:var(--brown)}
.paymentTotals input{padding:9px!important;border-radius:9px!important}
.paymentActions,.paymentSendActions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:8px}
.paymentActions button,.paymentSendActions button{border:0;border-radius:10px;padding:10px 7px;font-weight:800;cursor:pointer}
.receivedBtn{background:#e6f5e8;color:#236b2d}.pendingBtn{background:#fff0d8;color:#8a5a00}
.waPaymentBtn{background:#e7f5ea;color:#216b2a}.qrShareBtn{background:#f3e9ff;color:#6d3a91}
.paymentReceivedNote{margin-top:9px;padding:9px;border-radius:10px;background:#e8f6e9;color:#23702d;font-weight:800;font-size:12px}
.paymentReceivedNote small{font-weight:600}.qrPreview{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px;border-top:1px dashed #decdbb}.qrPreview img{width:92px;height:92px;object-fit:contain;background:#fff;border-radius:8px;border:1px solid #eadfd4}.qrPreview small{font-size:11px;color:var(--muted);font-weight:700}
@media(max-width:600px){.paymentTotals{grid-template-columns:1fr}.paymentActions,.paymentSendActions{grid-template-columns:1fr}.qrPreview{justify-content:center;flex-direction:column;text-align:center}}

/* BB3 — Light Yellow Admin Management Theme */
.adminBox{
  background:linear-gradient(145deg,#fff8d9 0%,#fff3bd 52%,#fff8df 100%);
  border:1px solid #e6c76c;
  color:#3b2616;
  box-shadow:0 24px 70px rgba(105,73,10,.25);
}
.adminBox .adminHead{
  color:#5b2417;
  border-bottom:1px solid #e6d49a;
}
.adminBox .adminHead h2{color:#5b2417}
.adminBox .adminHead small{color:#8a5b10}
.adminBox .adminHead .secondary{background:#fff;border:1px solid #d7b95f;color:#7b3f20}
.adminLanding{padding:40px 8px 45px}
.adminBigButton{background:linear-gradient(135deg,#f5c542,#e59a1b);color:#4b2413;border:1px solid #b97813;box-shadow:0 14px 28px rgba(125,79,8,.18)}
.adminWorkspace{padding-top:12px}
.adminBack{background:#fff7df;border:1px solid #d7b95f;color:#6b321b}
.adminTopTab{border:1px solid #e0c56e;box-shadow:0 10px 24px rgba(113,77,10,.12)}
.adminTopTab[data-top="fragrance"]{background:linear-gradient(145deg,#ffe2a8,#ffd27b);color:#6a2417}
.adminTopTab[data-top="pooja"]{background:linear-gradient(145deg,#e9f5c6,#cfe99c);color:#24551f}
.adminTopTab[data-top="orders"]{background:linear-gradient(145deg,#ffd8c8,#ffc0a6);color:#7a2517}
.adminTopTab strong,.adminTopTab[data-top="orders"] strong{color:#6b2417}
.adminTopTab[data-top="pooja"] strong{color:#24551f}
.adminStats{color:#684b32}
.adminStats b,.adminTopTab[data-top="pooja"] .adminStats b{color:#a44416}
.adminInnerTabs{margin-top:8px}
.adminInnerTab{border:1px solid #e1c777;box-shadow:0 8px 18px rgba(113,77,10,.10)}
.adminInnerTab[data-inner="category"]{background:linear-gradient(145deg,#ffd9d0,#ffc1b0);color:#7b2419}
.adminInnerTab[data-inner="product"]{background:linear-gradient(145deg,#dcefc3,#c5e39f);color:#24551f}
.adminInnerTab.active{background:#7b3f20;color:#fff}
.adminMainPanel{border:1px solid #e1cc91;background:#fffdf4;box-shadow:0 10px 26px rgba(113,77,10,.12)}
.actionTabs{background:linear-gradient(90deg,#fff4c8,#fffaf0)}
.actionTab{border-color:#ead9a7;color:#6d351c}
.actionTab.active{background:#a34b1f;color:#fff;border-color:#a34b1f}
.managerLine,.hManageRow{border-color:#eadfbf;background:#fff}
.adminBox .sectionHint,.adminBox .actionHeader{color:#6d4a2e}
.hAdminHeader>strong{color:#6b2417;font-size:20px}
.hAdminTabs button{border-color:#dfc77a;background:#fff;color:#6d351c}
.hAdminTabs button.active{background:#7b3f20;color:#fff}
.hAdminTabs .orderHBtn{background:#ffe0c8;color:#7b2417}
.hAdminTabs .orderHBtn.active{background:#a34b1f;color:#fff}
.hAdminTitle{background:#fff0bf;color:#6b321b;border:1px solid #ead18b}
.hForm{background:#fffdf5;border-color:#e6d7ad}
.hProductCatChoice{border-color:#e5d4a3;background:#fff;color:#6d351c}

/* BB3 — Order review / analytics */
.orderReviewBar{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.orderReviewBar button{border:1px solid #dfc77a;border-radius:11px;padding:10px 13px;font-weight:800;cursor:pointer;background:#fff;color:#6d351c}
.orderReviewBar button.active{background:#7b3f20;color:#fff}
.reviewPanel{border:1px solid #e2d19e;border-radius:16px;background:#fffdf4;padding:13px;margin:10px 0}
.reviewPanel h3{margin:0 0 10px;color:#6b321b;font-size:18px}
.reviewStats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.reviewStat{padding:11px;border:1px solid #eadcb9;border-radius:12px;background:#fff}
.reviewStat small{display:block;color:#796a55;font-size:10px;font-weight:700}
.reviewStat b{display:block;margin-top:4px;color:#7b3f20;font-size:19px}
.reviewTable{width:100%;border-collapse:collapse;font-size:12px}
.reviewTable th,.reviewTable td{padding:8px 6px;border-bottom:1px solid #eee4c9;text-align:left;vertical-align:top}
.reviewTable th{color:#6d351c;background:#fff7dc}
.reviewTable td strong{color:#3f2b1d}
.reviewHierarchy{margin-top:8px}
.reviewHierarchy details{border:1px solid #eadfbf;border-radius:11px;background:#fff;margin:7px 0;padding:8px}
.reviewHierarchy summary{cursor:pointer;font-weight:800;color:#6d351c}
.reviewHierarchy .level2{margin:6px 0 0 10px;padding:6px 8px;border-left:3px solid #e1bd59}
.reviewHierarchy .level3{margin:5px 0 0 10px;padding:5px 8px;border-left:3px solid #c9d98e}
.reviewHierarchy .level4{margin:4px 0 0 10px;color:#5f5447}
.reviewNote{padding:9px;border-radius:10px;background:#fff3cf;color:#6d4a2e;font-size:11px;margin-top:8px}
@media(max-width:650px){.reviewStats{grid-template-columns:1fr 1fr}.reviewTable{font-size:11px}.reviewTable th,.reviewTable td{padding:7px 4px}}
/* BB3 readability */
.adminBox label{font-size:15px;font-weight:800}
.adminBox input,.adminBox select,.adminBox textarea{font-size:15px}
.adminBox button{font-size:14px}
.hForm label{font-size:15px}
.hManageRow strong,.managerLine strong{font-size:15px}
.actionTab{font-size:14px;font-weight:900}
.orderCard{background:#fffdf8;border-color:#e5d6ac}

/* BB7: date-range controls for Order Review / Analytics */
.reviewDateFilter{margin:0 0 14px;padding:14px;border:1px solid #ead18b;border-radius:14px;background:#fff8dc}
.reviewDateFilter>strong{display:block;color:#6b2417;font-size:16px;margin-bottom:9px}
.reviewDateGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.reviewDateGrid label{font-weight:800;color:#6b351c;font-size:13px}
.reviewDateGrid input{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #d9c79a;border-radius:10px;background:#fff;font-size:15px}
.reviewDateActions{display:flex;gap:9px;margin-top:10px;flex-wrap:wrap}
.reviewDateActions button{flex:1;min-width:150px}
.reviewDateFilter small{display:block;margin-top:9px;color:#6f625a;line-height:1.4}
@media(max-width:600px){.reviewDateGrid{grid-template-columns:1fr}.reviewDateActions{display:grid;grid-template-columns:1fr}.reviewDateActions button{width:100%}}

/* BB8: order workflow + inventory + detailed analytics */
.adminHeadActions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.forgotPassword{margin-top:9px;border:0;background:transparent;color:var(--brown);font-weight:800;cursor:pointer;text-decoration:underline}
.inventoryBox{padding:13px;border:1px solid #e7d5b8;border-radius:14px;background:#fff8e7;display:grid;gap:9px}.inventoryBox strong{font-size:17px;color:#7b3f20}.inventoryBox label{font-weight:800}.inventoryBox input[type=number]{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #dccfc4;border-radius:10px;background:#fff}.checkLine{display:flex!important;align-items:center;gap:8px}.checkLine input{width:19px;height:19px}.inventoryBox small{font-weight:700;color:#725b49}.stockInfo{margin:7px 0;padding:6px 9px;border-radius:9px;background:#eef7e8;color:#246326;font-size:12px}.stockInfo.stockDanger{background:#ffe3e3;color:#a00000}.addCart.disabled{opacity:.55;cursor:not-allowed}
.dangerZonePanel{margin-top:14px;padding:15px;border:2px solid #e34b4b;border-radius:17px;background:#fff0f0}.dangerTitle{font-size:20px;font-weight:950;color:#b00000;margin-bottom:10px}.dangerRow{width:100%;display:flex;justify-content:space-between;gap:10px;text-align:left;border:1px solid #f0a4a4;background:#fff;border-radius:12px;padding:11px 12px;margin:7px 0;color:#7d1d1d;cursor:pointer}.dangerRow strong{font-size:15px}.dangerRow span{font-weight:900;color:#b00000}.dangerSafe{font-weight:900;color:#2f6d2f}
.orderStatusBadge{display:inline-block;padding:5px 9px;border-radius:9px;font-weight:900;font-size:12px}.status-new{background:#fff0bf;color:#765400}.status-accepted{background:#dcf5dd;color:#17641d}.status-cancelled{background:#ffe0e0;color:#a40000}.status-packed{background:#e4e9ff;color:#344c9a}.status-shipped{background:#dff5f4;color:#12635f}.status-delivered{background:#dff4e4;color:#17641d}
.orderWorkflow,.orderMediaPanel{margin-top:13px;padding:13px;border:1px solid #e6d7c5;border-radius:14px;background:#fffaf3}.orderWorkflow h4,.orderMediaPanel h4{margin:0 0 10px;color:var(--brown);font-size:17px}.statusLine{margin-bottom:9px}.workflowBtns,.mediaButtons{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.workflowBtns button,.mediaButtons button,.mediaButtons label{flex:1;min-width:150px}.acceptBtn,.cancelBtn,.waAccept,.waCancel,.stageBtn,.mediaBtn,.shareMedia{border:0;border-radius:10px;padding:10px 11px;font-weight:900;cursor:pointer}.acceptBtn{background:#dff4df;color:#146b1b}.cancelBtn{background:#ffe0e0;color:#a40000}.waAccept{background:#e6f5e8;color:#176a24}.waCancel{background:#fff0f0;color:#a40000}.stageBtn{width:100%;background:#f6e5c2;color:#6f3c16}.mediaBtn{display:inline-block;text-align:center;background:#f4e7d7;color:#6f3c16;box-sizing:border-box}.shareMedia{background:#e8f4ff;color:#155a88}.mediaGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mediaBox{padding:10px;border:1px solid #eadfd4;border-radius:11px;background:#fff}.mediaBox>strong{display:block;color:var(--brown);margin-bottom:6px}.mediaBox small{color:#7b6a5c}.orderMediaPreview{display:block;width:100%;max-height:190px;object-fit:contain;border-radius:9px;background:#f8f1e8;margin:8px 0}.trackingBox{margin-top:10px;padding-top:10px;border-top:1px solid #eadfd4}.trackingBox input{width:100%;padding:11px;border:1px solid #dccfc4;border-radius:10px;margin-top:7px;box-sizing:border-box}
.analysisLink{border:0;background:transparent;color:#6e3218;font-weight:950;font-size:inherit;text-decoration:underline;cursor:pointer;padding:0;text-align:left}.analysisBox{max-width:900px}.analysisBox h2{color:var(--brown)}.analysisStats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:10px 0}.analysisStats b{background:#fff3d8;border:1px solid #ead7b0;border-radius:11px;padding:10px}.analysisList{display:grid;gap:7px}.analysisRow{display:flex;justify-content:space-between;gap:10px;border:1px solid #e6d8c7;background:#fff;border-radius:10px;padding:10px;text-align:left}.analysisClick{width:100%;cursor:pointer;color:var(--brown)}.analysisRow span{font-weight:800;color:#6d6259}.analysisOrder{padding:9px;border-bottom:1px solid #eee0d2;font-weight:700}
@media(max-width:600px){.adminHeadActions{width:100%;justify-content:flex-start}.mediaGrid,.analysisStats{grid-template-columns:1fr}.dangerRow{display:block}.dangerRow span{display:block;margin-top:4px}.analysisRow{display:block}.analysisRow span{display:block;margin-top:4px}}
/* BB8+: reports, invoices and product announcements */
.reportActions,.invoiceActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.reportActions button,.invoiceActions button{font-weight:900}.announcementBox{display:grid;gap:12px}.announcementBox label{display:grid;gap:6px;font-weight:800}.announcementBox select,.announcementBox textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #d9c79a;border-radius:10px;background:#fff;font:inherit}.announcementBox p{padding:10px;border-radius:10px;background:#fff3cf;color:#6d4a2e;font-weight:700;font-size:13px}.hAdminHeader{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hAdminHeader strong{flex:1;min-width:200px}@media(max-width:600px){.reportActions,.invoiceActions{display:grid;grid-template-columns:1fr}.reportActions button,.invoiceActions button{width:100%}}

/* BB9 detail navigation */
.orderDetailScreen{margin-top:10px}.detailBackBtn{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#fff8ef;color:var(--brown);font-weight:900;cursor:pointer}.selectedOrderCard{border:2px solid #ead7c4}.analysisBackWrap{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.analysisBackWrap button{display:inline-flex}

.selectedCategoryNotice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;margin:10px 0 16px;border:2px solid #e5c96f;border-radius:14px;background:#fff7d6;color:#6d3b1f}
.selectedCategoryNotice strong{font-size:1.05em}
.selectedCategoryNotice .secondary{margin-left:auto}

.dangerTitle{font-weight:800;font-size:1.15rem;margin-bottom:8px;color:#b01818}
.dangerRow{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px;width:100%;text-align:left;padding:12px 14px;margin:7px 0;border:2px solid #e34b4b;border-radius:12px;background:#fff4f4;color:#6b231d}
.dangerRow strong{font-size:1rem}
.dangerRow span{font-size:.9rem}
/* CC V4 — compact, click-to-open Danger Zone */
.dangerZonePanel{margin-top:12px;padding:0;border:0;background:transparent}
.dangerZonePanel.hasDanger{padding:0}
.dangerSummary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:2px solid #d92f3a;border-radius:14px;background:#fff0f0;color:#a40000;padding:13px 14px;font-size:16px;font-weight:900;cursor:pointer;text-align:left;box-shadow:0 2px 8px rgba(180,0,0,.08)}
.dangerSummary.safe{cursor:default;border-color:#d9e8d9;background:#f4faf4;color:#2f6d2f}
.dangerCount{margin-left:auto;white-space:nowrap;color:#b00000;font-size:14px}
.dangerChevron{font-size:13px;min-width:18px;text-align:center}
.dangerList{margin-top:8px;padding:2px 0}
.dangerList.hidden{display:none!important}
.dangerZonePanel.expanded .dangerSummary{border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.dangerZonePanel .dangerRow{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;box-sizing:border-box}
@media(max-width:600px){.dangerSummary{font-size:15px;padding:12px}.dangerCount{font-size:13px}}


/* CC V7 simplified management */
.hAdminTitle small{display:block;line-height:1.45;margin-top:5px;opacity:.78}.hProductCatChoice{border-radius:18px;transition:transform .12s}.hProductCatChoice:active{transform:scale(.99)}

/* CC V9 — clean hierarchy management: hide global admin actions while managing one level */
#adminModal.hierarchyMode .adminHeadActions{display:none!important}
.hAdminHeader{justify-content:flex-start!important;margin-bottom:14px!important}
.hAdminHeader .adminBack{flex:0 0 auto}
.hAdminGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.hAdminCard{border:1px solid #e4d1a1;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 7px 18px rgba(111,77,16,.09);min-width:0}
.hAdminCardImage{height:145px;background:#fbf2e9}
.hAdminCardImage img{width:100%;height:100%;object-fit:cover;display:block}
.hAdminCardBody{padding:11px;display:flex;flex-direction:column;gap:6px}
.hAdminCardBody strong{font-size:15px;line-height:1.35;color:#6b321b;min-height:40px}
.hAdminCardBody small{font-size:11px;color:#75685f;min-height:18px}
.hAdminCardBody button{width:100%;border:0;border-radius:10px;padding:9px 7px;font-weight:800;cursor:pointer}
.hAdminCardBody .miniEdit{background:#f3ece5;color:#7b3f20}
.hAdminCardBody .miniDelete{background:#fff0ee;color:#a42c22}
@media(max-width:480px){.hAdminGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hAdminCardImage{height:120px}.hAdminCardBody{padding:9px}.hAdminCardBody strong{font-size:14px;min-height:38px}.hAdminCardBody small{font-size:10px}}

/* CC V9.1 — image-first 2x2 cards throughout hierarchy management */
.hAdminChoice{border:1px solid #e4d1a1;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 7px 18px rgba(111,77,16,.09);min-width:0;padding:0;text-align:left;cursor:pointer;display:block;color:inherit}
.hAdminChoice .hAdminCardImage{display:block;height:145px;background:#fbf2e9}
.hAdminChoice .hAdminCardBody{display:flex;display:flex;flex-direction:column;gap:6px;padding:11px}
.hAdminChoice .hAdminCardBody strong{display:block;font-size:15px;line-height:1.35;color:#6b321b;min-height:40px}
.hAdminChoice .hAdminCardBody small{display:block;font-size:11px;color:#75685f;min-height:18px}
.hAdminChoose{display:block;text-align:center;border-radius:10px;padding:9px 7px;background:#f3ece5;color:#7b3f20;font-weight:800}
@media(max-width:480px){.hAdminChoice .hAdminCardImage{height:120px}.hAdminChoice .hAdminCardBody{padding:9px}.hAdminChoice .hAdminCardBody strong{font-size:14px;min-height:38px}.hAdminChoice .hAdminCardBody small{font-size:10px}}


/* DD — admin top-level section cards are informational, not management buttons. */
.adminTopStatic{cursor:default!important;pointer-events:none;}
.adminTopStatic:active{transform:none!important;}

/* DD — Danger Zone opens on demand and uses the same compact 2×2 card layout. */
.dangerGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
.dangerCard{display:block;width:100%;padding:0;border:2px solid #e34b4b;border-radius:15px;background:#fff4f4;color:#6b231d;overflow:hidden;text-align:left;cursor:pointer;box-sizing:border-box}
.dangerCardImage{display:block;height:105px;background:#fbf2e9}
.dangerCardImage img{display:block;width:100%;height:100%;object-fit:cover}
.dangerCardBody{display:flex;flex-direction:column;gap:4px;padding:9px}
.dangerCardBody strong{font-size:14px;line-height:1.3;color:#6b231d}
.dangerCardBody small{font-size:11px;line-height:1.25;color:#a40000}
.dangerCardBody>b{font-size:10px;line-height:1.25;color:#b00000;margin-top:3px}
@media(max-width:480px){.dangerGrid{gap:8px}.dangerCardImage{height:90px}.dangerCardBody{padding:8px}.dangerCardBody strong{font-size:13px}.dangerCardBody small{font-size:10px}}

/* DD V2 — Danger Zone: separate main-section buttons + full-width 2×2 cards */
#dangerZonePanel{grid-column:1 / -1;width:100%;box-sizing:border-box}
.dangerHeader{padding:2px 0 10px}
.dangerHint{font-size:12px;font-weight:700;color:#765f53}
.dangerSectionButtons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dangerSectionBtn{min-width:0;border:2px solid #d92f3a;border-radius:14px;background:#fff0f0;color:#a40000;padding:12px 10px;display:flex;align-items:center;justify-content:space-between;gap:7px;text-align:left;cursor:pointer;font-weight:900}
.dangerSectionBtn.safe{border-color:#cddfcd;background:#f4faf4;color:#2f6d2f}
.dangerSectionBtn .dangerCount{margin-left:auto;white-space:nowrap;font-size:11px}
.dangerSectionBtn .dangerChevron{font-size:12px;min-width:14px;text-align:center}
.dangerSectionList{margin-top:10px;width:100%;box-sizing:border-box}
.dangerSectionList.hidden{display:none!important}
.dangerGrid{width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dangerCard{min-width:0}
.dangerEmpty{padding:14px;border:1px dashed #dfb9b9;border-radius:12px;background:#fff8f8;color:#8d4b4b;font-weight:700;text-align:center}
@media(max-width:480px){
  #dangerZonePanel{grid-column:1 / -1}
  .dangerSectionButtons{gap:8px}
  .dangerSectionBtn{padding:10px 8px;font-size:13px;flex-wrap:wrap}
  .dangerSectionBtn .dangerCount{width:100%;margin-left:0;font-size:10px}
  .dangerGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .dangerCardImage{height:100px}
}

/* DD V3 — bilingual names + dedicated product search */
.customerTools{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:10px 0 14px}
.productSearchLaunch,.adminSearchLaunch{border:2px solid #7b3f20;border-radius:14px;background:#fff7e8;color:#7b3f20;padding:12px 16px;font-weight:950;cursor:pointer;box-shadow:0 4px 12px rgba(90,50,20,.08)}
.productSearchLaunch{flex:1;text-align:left}
.adminSearchLaunch{grid-column:1/-1;width:100%;box-sizing:border-box;text-align:center;font-size:15px}
.langToggle{display:flex;gap:4px;padding:4px;background:#f4e8d8;border-radius:12px;border:1px solid #dfccb7}
.langToggle button{border:0;background:transparent;border-radius:9px;padding:7px 10px;font-weight:900;color:#7b3f20;cursor:pointer}
.langToggle button.active{background:#7b3f20;color:#fff}
.adminLangTools{display:flex;justify-content:flex-end;margin:4px 0 8px}
.langPair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.langPair label{display:grid;gap:6px}
@media(max-width:520px){.langPair{grid-template-columns:1fr}.customerTools{align-items:stretch}.productSearchLaunch{width:100%}.customerTools .langToggle{align-self:flex-start}}
.searchBox{max-width:980px}
.searchBox .searchInputWrap{display:flex;gap:8px;align-items:center;margin:12px 0}
.searchBox .searchInputWrap input{flex:1;min-width:0;padding:13px 14px;border:2px solid #d9c79a;border-radius:12px;font:inherit;background:#fff}
.searchResultGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:58vh;overflow:auto;padding:2px}
.searchAdminCard{display:flex;flex-direction:column;padding:0;border:1px solid #e4d1a1;border-radius:15px;background:#fff;overflow:hidden;text-align:left;color:#6b321b;cursor:pointer;box-shadow:0 5px 14px rgba(111,77,16,.08)}
.searchAdminCard img{width:100%;height:125px;object-fit:cover;background:#fbf2e9}
.searchAdminCard span{display:flex;flex-direction:column;gap:5px;padding:9px}
.searchAdminCard strong{font-size:14px;line-height:1.3}.searchAdminCard small{color:#765f53}.searchAdminCard b{font-size:12px}
.searchEmpty{padding:18px;text-align:center;border:1px dashed #d7bda5;border-radius:12px;background:#fff9f1;color:#765f53;font-weight:800}
@media(max-width:480px){.searchResultGrid{gap:8px}.searchAdminCard img{height:105px}.searchAdminCard span{padding:8px}.searchAdminCard strong{font-size:13px}}


/* DC V2 - visible product search entry points */
.searchProductBtn,.adminProductSearchBtn{border:1px solid #d8ad62;background:#fff8df;color:#7b3f20;font-weight:800;border-radius:14px;padding:10px 14px;cursor:pointer;font-size:15px;box-shadow:0 2px 8px rgba(123,63,32,.08)}
.searchProductBtn{white-space:nowrap}
.adminProductSearchBtn{display:block;width:100%;margin:0 0 14px;text-align:center;font-size:18px;padding:13px 14px}
@media(max-width:700px){.headerActions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.searchProductBtn{font-size:14px;padding:9px 10px}.adminProductSearchBtn{font-size:17px}}


/* DC V5 — Search buttons: full-width above main section cards */
.customerSearchWide{display:block;width:100%;box-sizing:border-box;margin:14px 0 18px;text-align:center;border:2px solid #d8ad62;border-radius:14px;padding:13px 16px;font-size:18px;line-height:1.25;background:#fff8df;color:#7b3f20;font-weight:900;cursor:pointer;box-shadow:0 3px 10px rgba(123,63,32,.10)}
.adminProductSearchBtn{grid-column:1 / -1;display:block;width:100%;box-sizing:border-box;margin:0 0 14px;text-align:center;border:2px solid #d8ad62;border-radius:14px;padding:13px 16px;font-size:18px;line-height:1.25;background:#fff8df;color:#7b3f20;font-weight:900;cursor:pointer;box-shadow:0 3px 10px rgba(123,63,32,.10)}
@media(max-width:600px){.customerSearchWide,.adminProductSearchBtn{font-size:17px;padding:14px 12px}.adminProductSearchBtn{grid-column:1 / -1}}

/* DC V6 — Product Search must open above Admin modal */
#productSearchModal{z-index:200 !important;}
#productSearchModal .box{pointer-events:auto;}
#productSearchModal .searchInputWrap input{pointer-events:auto;touch-action:text;}

/* DC V7 — always show Marathi + English names together */
.nameMr{display:block;color:var(--brown);font-weight:800;line-height:1.3}
.nameEn{display:block;color:#75685f;font-size:12px;font-weight:600;line-height:1.3;margin-top:3px}
.productNames{margin-top:8px;min-height:43px}
.hCardBody .nameMr{font-size:17px}
.hCardBody .nameEn{font-size:12px}
.hAdminCardBody .nameMr{font-size:15px;min-height:0}
.hAdminCardBody .nameEn{font-size:11px;min-height:0}
.hAdminChoice .nameMr{font-size:15px;min-height:0}
.hAdminChoice .nameEn{font-size:11px;min-height:0}
.searchAdminCard .nameMr{font-size:14px}
.searchAdminCard .nameEn{font-size:11px}
@media(max-width:480px){
  .productNames{min-height:46px}
  .card .nameMr{font-size:14px}
  .card .nameEn{font-size:11px}
  .hCardBody .nameMr{font-size:14px}
  .hCardBody .nameEn{font-size:10px}
  .hAdminCardBody .nameMr,.hAdminChoice .nameMr{font-size:13px}
  .hAdminCardBody .nameEn,.hAdminChoice .nameEn{font-size:10px}
}

/* DC V7 — always show Marathi + English names together */
.nameMr{display:block;color:var(--brown);font-weight:800;line-height:1.3}
.nameEn{display:block;color:#75685f;font-size:12px;font-weight:600;line-height:1.3;margin-top:3px}
.productNames{margin-top:8px;min-height:43px}
.hCardBody .nameMr{font-size:17px}
.hCardBody .nameEn{font-size:12px}
.hAdminCardBody .nameMr{font-size:15px;min-height:0}
.hAdminCardBody .nameEn{font-size:11px;min-height:0}
.hAdminChoice .nameMr{font-size:15px;min-height:0}
.hAdminChoice .nameEn{font-size:11px;min-height:0}
.searchAdminCard .nameMr{font-size:14px}
.searchAdminCard .nameEn{font-size:11px}
@media(max-width:480px){.productNames{min-height:46px}.card .nameMr{font-size:14px}.card .nameEn{font-size:11px}.hCardBody .nameMr{font-size:14px}.hCardBody .nameEn{font-size:10px}.hAdminCardBody .nameMr,.hAdminChoice .nameMr{font-size:13px}.hAdminCardBody .nameEn,.hAdminChoice .nameEn{font-size:10px}}
.adminTopNames{display:flex;flex-direction:column;gap:2px;min-width:0}.adminTopNames strong{display:block}.adminTopNames small{display:block;color:#75685f;font-size:12px;font-weight:600}.adminTopStatic{align-items:center}
@media(max-width:480px){.adminTopNames small{font-size:10px}}

/* DC V8 — customer-friendly fixed hierarchy back button */
.customerBackFloating{
  position:fixed;
  right:14px;
  bottom:calc(14px + env(safe-area-inset-bottom));
  z-index:2000;
  border:2px solid #218838;
  border-radius:999px;
  background:#eaf8ed;
  color:#17822f;
  padding:12px 16px;
  min-height:46px;
  font-size:15px;
  font-weight:950;
  box-shadow:0 6px 18px rgba(35,110,52,.22);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  pointer-events:auto;
  touch-action:manipulation;
}
.customerBackFloating:active{transform:scale(.97)}
/* EE V2 — the same floating back control is also available throughout Admin. */
#adminModal:not(.hidden) ~ .customerBackFloating{z-index:2001;}
.customerBackFloating.hidden{display:none}
@media(max-width:480px){
  .customerBackFloating{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:11px 14px;font-size:14px;min-height:44px}
}
.weightHelp{display:block;margin:-6px 0 10px;color:#6b5a50;font-size:.82rem}.courierAutoNotice{background:#fff7df;border:1px solid #e8c86a;border-radius:12px;padding:10px;margin:10px 0;color:#5b4632;line-height:1.55}.freeCourier{color:#16833b}.paymentTotals label{min-width:180px}
.waQrHint{margin-top:7px;padding:9px 11px;border-radius:10px;background:#fff7df;color:#765126;font-size:12px;font-weight:700;line-height:1.45}.paymentInvoiceAction{margin-top:8px}.paymentInvoiceAction button{width:100%}
.missingWeight{display:block;padding:10px 12px;border-radius:10px;background:#fff0f0;color:#a40000;font-weight:700;line-height:1.45}

/* A1A-V8 — order inbox tabs + customer scheme banner */
.ordersTopTabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px;padding:6px;border-radius:14px;background:#fff7e8;border:1px solid #ead7b9;position:sticky;top:0;z-index:3}
.ordersViewTab{border:0;border-radius:12px;padding:13px 10px;background:#f4eadc;color:#68452f;font-weight:900;font-size:15px;cursor:pointer;min-height:50px}
.ordersViewTab.active{background:#dff5e4;color:#176b2a;box-shadow:0 2px 7px rgba(0,0,0,.08)}
.ordersViewTab.newOrderAlert{background:#075f1f;color:#fff;animation:newOrderBlink 1.05s infinite;box-shadow:0 0 0 3px rgba(7,95,31,.22)}
.newOrderCount{font-weight:1000;margin-left:3px}
@keyframes newOrderBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.015)}}
.ordersViewTitle{font-weight:900;color:var(--brown);font-size:17px;margin:4px 2px 12px}
.newOrderCard{border:2px solid #38a958!important;background:#f4fff5!important}
.unreadOrderCard{box-shadow:0 0 0 3px rgba(19,168,74,.11)}
.orderCustomerName{font-size:17px;margin:5px 0}
.unreadPill{display:inline-block;background:#16a34a;color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;margin-left:5px;vertical-align:middle}
.adminAdvertisementTab{border-color:#ead0a0!important}
.customerAnnouncement{margin:-22px auto 14px;max-width:1000px;position:relative;z-index:3}
.announcementTicker{border-radius:14px;padding:12px 14px;text-align:center;font-weight:1000;font-size:18px;line-height:1.35;border:2px solid #e3bd4a;background:linear-gradient(90deg,#fff0a8,#e7f9ea,#e9e3ff,#fff0a8);background-size:300% 100%;animation:announcementGlow 3.5s linear infinite,announcementBlink 1.8s ease-in-out infinite,announcementTextColor 5s ease-in-out infinite;box-shadow:0 3px 12px rgba(120,80,20,.14);text-shadow:0 1px 0 rgba(255,255,255,.75);-webkit-text-stroke:.15px currentColor}
@keyframes announcementGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes announcementBlink{0%,100%{opacity:1}50%{opacity:.82}}
@keyframes announcementTextColor{0%,100%{color:#5b2a12}25%{color:#9b1c31}50%{color:#166534}75%{color:#6d28d9}}
.checkLine{display:flex!important;align-items:center;gap:8px}
.checkLine input{width:auto!important}
.announcementBoxActions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:600px){.ordersViewTab{font-size:14px;padding:12px 7px}.announcementTicker{font-size:14px}.ordersTopTabs{gap:7px}}

/* A1A-V9 — compact New Order inbox + copy full order */
.newOrderCompactCard{border:2px solid #31a354;border-radius:14px;padding:12px 14px;margin:9px 0;background:#f5fff7;cursor:pointer;box-shadow:0 2px 8px rgba(20,100,40,.08);transition:transform .12s ease,box-shadow .12s ease}
.newOrderCompactCard:active{transform:scale(.99);box-shadow:0 1px 4px rgba(20,100,40,.12)}
.compactOrderTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:7px}.compactOrderTop strong{font-size:16px;color:#5b321d;line-height:1.25}.compactOrderTop span{font-size:12px;color:#75665d;white-space:nowrap}.compactCustomer{font-size:16px;color:#2d241f;margin-bottom:6px}.compactAddress{font-size:13px;color:#5d534c;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.compactOpenHint{margin-top:8px;padding-top:7px;border-top:1px dashed #c9dfce;color:#16733a;font-size:12px;font-weight:900;text-align:right}.copyOrderAction{margin:10px 0}.copyOrderBtn{width:100%;border:0;border-radius:11px;padding:12px 14px;background:#e8e2ff;color:#51208a;font-weight:1000;font-size:15px;cursor:pointer}.copyOrderBtn:active{transform:scale(.99)}
@media(max-width:600px){.compactOrderTop{flex-direction:column;gap:2px}.compactOrderTop span{white-space:normal}.announcementTicker{font-size:17px;padding:13px 12px}}

/* A1B-V1 — compact both order tabs + invoice QR and bank details */
.newOrderCompactCard{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.newOrderCompactCard:active{transform:scale(.995)}
.detailBackBtn{margin-bottom:10px}
.paymentBox{margin-top:18px;padding:16px;border:1px solid #d8c58f;border-radius:12px;background:#fffaf0;break-inside:avoid}.paymentBox h2{margin:0 0 10px;color:#6d351c}.paymentBox h3{margin:14px 0 7px;color:#6d351c}.invoiceQr{display:block;width:190px;height:190px;object-fit:contain;margin:8px auto;border:1px solid #ddd;padding:5px;background:#fff}.bankTable{width:100%;border-collapse:collapse;margin-top:8px}.bankTable td{border:1px solid #d8cfbd;padding:6px;font-size:12px}.bankTable td:first-child{width:34%;background:#fff3d0}

.paymentShareBtn{width:100%;border:0;border-radius:11px;padding:11px 12px;background:#dff6e4;color:#0b6a25;font-weight:900;cursor:pointer}.parcelBundleBtn{width:100%;margin-top:10px;border:0;border-radius:11px;padding:12px;background:#dff6e4;color:#0b6a25;font-weight:900;cursor:pointer}.bundleHint{display:block;margin-top:9px;padding:9px;border-radius:9px;background:#fff7df;color:#7b5a20;font-size:12px}.paymentInvoiceAction{display:grid;gap:8px}
/* A1B-V3 - simplified analytics */
.simpleAnalyticsHeader{background:linear-gradient(135deg,#fff8df,#f4eadb);border:1px solid #dfc27a;border-radius:18px;padding:18px;margin:10px 0 16px;box-shadow:0 6px 18px rgba(90,50,20,.08)}
.simpleAnalyticsHeader h3{margin:0 0 6px;color:#7b3f18;font-size:24px}.simpleAnalyticsHeader p{margin:0;color:#6c5848}
.analysisOptionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.analysisOption{border:1px solid #dfc27a;background:#fffdf6;border-radius:16px;padding:15px;text-align:left;display:flex;flex-direction:column;gap:5px;cursor:pointer;box-shadow:0 4px 12px rgba(90,50,20,.06);transition:.18s}
.analysisOption:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(90,50,20,.12);border-color:#b87a2d}.analysisIcon{font-size:28px}.analysisOption strong{font-size:17px;color:#6f3516}.analysisOption small{color:#756657;font-size:13px}
.singleProductBox{border:2px solid #c58b2d;border-radius:18px;background:#fff9e8;padding:18px;margin-top:12px}.singleProductBox h3{margin:0 0 5px;color:#7b3f18}.singleProductBox p{margin:0 0 12px;color:#6c5848}.singleProductActions{display:flex;gap:10px;flex-wrap:wrap}.singleProductActions select{flex:1;min-width:220px;padding:12px;border:1px solid #d8c6a0;border-radius:10px;background:white;font-size:16px}.analysisTip{margin:14px 0;padding:12px 15px;border-radius:12px;background:#eef9ed;color:#315b32;border:1px solid #b9ddb8}
.simpleAnalysisStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:10px 0 18px}.simpleAnalysisStats>div{background:#fff9e8;border:1px solid #e0c98f;border-radius:13px;padding:13px;text-align:center}.simpleAnalysisStats small{display:block;color:#766653;margin-bottom:5px}.simpleAnalysisStats b{display:block;font-size:21px;color:#713a18}.simpleAnalysisList{display:flex;flex-direction:column;gap:8px}.analysisRow{width:100%;box-sizing:border-box;background:#fffdf7;border:1px solid #e2cfaa;border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left}.analysisClick{cursor:pointer}.analysisClick:hover{background:#fff4d7;border-color:#c89542}.analysisRow strong{color:#5d331a}.analysisRow span{color:#6d6258}.analysisInsight{margin-top:14px;padding:14px;border-radius:12px;background:#eef9ed;border:1px solid #b9ddb8;color:#355c37}.comparisonCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.comparisonCard{padding:16px;border-radius:14px;background:#fff9e8;border:1px solid #dfc27a;display:flex;flex-direction:column;gap:6px}.comparisonCard b{color:#6f3516}.comparisonCard strong{font-size:23px;color:#7b1f13}.conclusionList{display:flex;flex-direction:column;gap:10px}.conclusionList>div{padding:14px;border-radius:12px;border:1px solid #ddd}.conclusionList .good{background:#effaf0}.conclusionList .warn{background:#fff8e7}
@media(max-width:600px){.analysisOptionGrid{grid-template-columns:1fr}.comparisonCards{grid-template-columns:1fr}.analysisRow{flex-direction:column;align-items:flex-start}.singleProductActions{flex-direction:column}.singleProductActions select,.singleProductActions button{width:100%}}
/* A1B-V5 — restore payment + parcel bundle sharing controls */
.paymentShareBtn{display:block!important;width:100%;margin:0 0 8px;border:0;border-radius:11px;padding:12px 12px;background:#dff6e4;color:#0b6a25;font-weight:1000;font-size:15px;cursor:pointer}
.parcelBundleBtn{display:block!important;width:100%;margin-top:10px;border:0;border-radius:11px;padding:13px 12px;background:#dff6e4;color:#0b6a25;font-weight:1000;font-size:15px;cursor:pointer}
.parcelBundleBtn.bundleDisabled{background:#f3eadc;color:#775d48;border:1px dashed #c9b79e}
.bundleReady{display:block;margin-top:8px;padding:8px 10px;border-radius:9px;background:#e7f8e8;color:#187337;font-weight:800;font-size:12px;text-align:center}
.bundleHint{display:block;margin-top:8px;padding:9px;border-radius:9px;background:#fff7df;color:#7b5a20;font-size:12px;line-height:1.45}
/* A1B-V5 — restored combined WhatsApp sharing controls */
.paymentShareBtn{display:block!important;width:100%;margin:0 0 8px;border:0;border-radius:11px;padding:12px;background:#dff6e4;color:#0b6a25;font-weight:1000;font-size:15px;cursor:pointer}
.parcelBundleBtn{display:block!important;width:100%;margin-top:10px;border:0;border-radius:11px;padding:13px 12px;background:#dff6e4;color:#0b6a25;font-weight:1000;font-size:15px;cursor:pointer}
.parcelBundleBtn.bundleDisabled{background:#f3eadc;color:#775d48;border:1px dashed #c9b79e}
.bundleReady{display:block;margin-top:8px;padding:8px 10px;border-radius:9px;background:#e7f8e8;color:#187337;font-weight:800;font-size:12px;text-align:center}
.bundleHint{display:block;margin-top:8px;padding:9px;border-radius:9px;background:#fff7df;color:#7b5a20;font-size:12px;line-height:1.45}
/* A1B-V5 — restored combined WhatsApp sharing controls */
.paymentShareBtn{display:block!important;width:100%;margin:0 0 8px;border:0;border-radius:11px;padding:12px;background:#dff6e4;color:#0b6a25;font-weight:1000;font-size:15px;cursor:pointer}
.parcelBundleBtn{display:block!important;width:100%;margin-top:10px;border:0;border-radius:11px;padding:13px 12px;background:#dff6e4;color:#0b6a25;font-weight:1000;font-size:15px;cursor:pointer}
.parcelBundleBtn.bundleDisabled{background:#f3eadc;color:#775d48;border:1px dashed #c9b79e}
.bundleReady{display:block;margin-top:8px;padding:8px 10px;border-radius:9px;background:#e7f8e8;color:#187337;font-weight:800;font-size:12px;text-align:center}
.bundleHint{display:block;margin-top:8px;padding:9px;border-radius:9px;background:#fff7df;color:#7b5a20;font-size:12px;line-height:1.45}

/* =========================================================
   A1B-V6 WORKER UI
   ========================================================= */
.workerHeaderBtn{border:1px solid #c98b4a;background:#fff8ee;color:#6b3b17;border-radius:12px;padding:10px 12px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px rgba(91,55,23,.08)}
.workerHeaderBtn:hover{transform:translateY(-1px)}
.adminWorkerTab{border:1px solid #cfa66f!important;background:linear-gradient(135deg,#fff8ea,#fffdf8)!important}
.adminWorkerTab .adminTabIcon{font-size:1.7rem}
.workerBox{max-width:980px}
.workerTabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}
.workerTab{border:1px solid #d8c2a8;background:#fffaf4;color:#5f3a20;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer}
.workerTab.active{background:#6b3b17;color:#fff;border-color:#6b3b17}
.workerOrderCard{border-left:4px solid #b77a38}
.workerStatusPill{font-size:.78rem;background:#f4eadc;color:#6b3b17;border-radius:999px;padding:3px 8px;margin-left:8px;font-weight:800}
.workerDetailCard{border-top:4px solid #b77a38}
.workerReadOnlyGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}
.workerReadOnlyGrid>div{background:#faf7f2;border:1px solid #eadfce;border-radius:10px;padding:9px}
.workerReadOnlyGrid span{display:block;font-size:.76rem;color:#7c6c5d;margin-bottom:3px}
.workerItemLine{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #eee5da}
.workerCourierPanel{margin-top:15px;border:1px solid #dfcdb7;background:#fffaf3;border-radius:14px;padding:14px}
.workerAutoBox{background:#f5eadb;border-radius:10px;padding:10px;margin:8px 0 12px}
.workerAutoBox small{display:block;margin-top:4px;color:#735f4d;line-height:1.45}
.workerCourierPanel label{display:block;font-weight:800;margin:10px 0}
.workerCourierPanel label span{display:block;font-size:.86rem;margin-bottom:5px}
.workerCourierPanel input{width:100%;box-sizing:border-box;padding:11px;border:1px solid #cdb99f;border-radius:10px;font-size:1rem}
.workerTotalRow{display:flex;justify-content:space-between;padding:8px 0}
.workerTotalRow.final{font-size:1.12rem;border-top:1px dashed #d3bea5;margin-top:4px;padding-top:12px}
.workerPermissionNote{display:block;color:#725f4e;margin-top:9px}
.workerHowTo{border:1px solid #e7c978;background:#fff8df;border-radius:14px;padding:14px 16px;margin:0 0 14px;color:#6a4a24}.workerHowTo b{font-size:1.05rem}.workerHowTo ol{margin:9px 0 8px 20px;padding:0}.workerHowTo li{margin:5px 0}.workerHowTo small{display:block;line-height:1.45;color:#725d43}
.workerAdminPanel{padding:4px 0 20px}
.workerAdminHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.workerAdminHead h3{margin:4px 0}
.workerAdminHead p{margin:0;color:#756454}
.workerCreateBox,.workerListBox{border:1px solid #dfcfbc;background:#fffaf4;border-radius:14px;padding:14px;margin-bottom:14px}
.workerCreateBox h4,.workerListBox h4{margin:0 0 12px}
.workerCreateBox label{font-weight:800}
.workerCreateBox input{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #cdb99f;border-radius:9px}
.workerActivationBox{margin-top:12px;padding:14px;border-radius:12px;background:#eaf8ed;border:1px solid #87b995;color:#245b30;line-height:1.55}
.activationCode{display:block;font-size:1.25rem;letter-spacing:2px;margin:7px 0;padding:9px;background:#fff;border-radius:8px;color:#4d2b10}
.workerActivationBox small{display:block;margin-top:5px}
.workerAdminRow{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #eadfce;background:#fff;border-radius:12px;padding:11px;margin:8px 0}
.workerAdminRow>div:first-child{display:flex;flex-direction:column;gap:3px}
.workerAdminRow span,.workerAdminRow small{color:#756454;font-size:.84rem}
.workerAdminActions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){
  .workerHeaderBtn{padding:8px 9px;font-size:.82rem}
  .workerReadOnlyGrid{grid-template-columns:1fr}
  .workerAdminRow{align-items:flex-start;flex-direction:column}
  .workerAdminActions{justify-content:flex-start}
}
.workerLoginHelp{margin-top:10px;padding:10px 12px;border-radius:10px;background:#fff8df;border:1px solid #ead18d;color:#6b4c28;font-size:.88rem;line-height:1.45}
.workerFormHint{display:block;margin:5px 0 10px;color:#756454}
.dangerWorkerBtn{border-color:#d9a0a0!important;color:#8f2f2f!important}


/* A2B-V1 — draggable customer Back + fixed WhatsApp contact */
.customerBackFloating{
  position:fixed;
  left:auto;
  right:150px;
  bottom:calc(76px + env(safe-area-inset-bottom));
  z-index:2100;
  border:2px solid #9d2f1f;
  border-radius:999px;
  background:#a83b24;
  color:#fff;
  padding:9px 13px;
  min-height:40px;
  font-size:14px;
  font-weight:950;
  box-shadow:0 6px 18px rgba(110,38,20,.28);
  cursor:grab;
  -webkit-tap-highlight-color:transparent;
  pointer-events:auto;
  touch-action:none;
  user-select:none;
}
.customerBackFloating.dragging{cursor:grabbing;opacity:.94;transform:scale(1.02)}
.customerBackFloating:active{transform:scale(.98)}
.customerBackFloating.hidden{display:none}
.customerWhatsAppFloating{
  position:fixed;
  right:14px;
  bottom:calc(14px + env(safe-area-inset-bottom));
  z-index:2099;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:48px;
  padding:11px 16px;
  border:2px solid #075e2f;
  border-radius:999px;
  background:#075e20;
  color:#fff;
  font-size:15px;
  font-weight:950;
  box-shadow:0 7px 20px rgba(0,70,35,.30);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.customerWhatsAppFloating:hover{background:#064f1b}
.customerWhatsAppFloating:active{transform:scale(.97)}
.customerWhatsAppFloating .waIcon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;position:relative}
.customerWhatsAppFloating .waIcon svg{display:block}
@media(max-width:480px){
  .customerWhatsAppFloating{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));min-height:46px;padding:10px 14px;font-size:14px}
  .customerBackFloating{right:138px;bottom:calc(68px + env(safe-area-inset-bottom));min-height:38px;padding:8px 11px;font-size:13px}
}


/* A2B-V1 — Single main customer section: Fragrant Products */
.singleMainSectionHero{
  display:block;width:100%;padding:0;margin:0 0 28px;border:2px solid #d8b35c;border-radius:24px;
  overflow:hidden;background:rgba(255,255,255,.94);color:var(--brown);text-align:left;cursor:pointer;
  box-shadow:0 14px 34px rgba(92,52,24,.14);appearance:none;-webkit-appearance:none;
}
.singleMainSectionHero:focus-visible{outline:3px solid #a84f2b;outline-offset:3px}
.singleMainSectionImage{display:block;width:100%;height:auto;aspect-ratio:1536 / 873;overflow:hidden;background:#f4e7d8}
.singleMainSectionImage img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#f4e7d8}
.singleMainSectionBody{display:flex;flex-direction:column;gap:8px;padding:22px 24px 24px}
.singleMainSectionKicker{font-size:14px;font-weight:800;color:#9a4b24}
.singleMainSectionBody strong{font-size:32px;line-height:1.15;color:#6f351b}
.singleMainSectionBody small{font-size:16px;line-height:1.55;color:#765f51}
.singleMainSectionMeta{font-size:14px;font-weight:800;color:#a34c22;margin-top:2px}
.singleMainSectionHero .homeCardAction{align-self:flex-start;margin-top:8px}
@media(max-width:600px){
  .singleMainSectionHero{border-radius:20px;margin-bottom:22px}
  .singleMainSectionImage{height:72vw;min-height:300px;max-height:520px}
  .singleMainSectionBody{padding:18px 18px 20px;gap:6px}
  .singleMainSectionBody strong{font-size:27px}
  .singleMainSectionBody small{font-size:14px}
  .singleMainSectionKicker{font-size:13px}
}

/* A2B-V1 final — single main section presentation */
.fallbackSingleMainSection{width:100%;grid-column:1 / -1;}
.fallbackSingleMainSection .singleMainSectionImage{height:auto;aspect-ratio:1536 / 873;}
@media(max-width:600px){.fallbackSingleMainSection .singleMainSectionImage{height:auto;aspect-ratio:1536 / 873;min-height:0;max-height:none;}}


/* A2B-V4 — final customer home layout */
.hero h1{line-height:1.18}
.singleMainSectionImage{height:auto !important;aspect-ratio:auto !important;overflow:hidden;background:#f4e7d8}
.singleMainSectionImage img{width:100%;height:auto !important;aspect-ratio:auto !important;object-fit:contain;object-position:center;display:block}
.singleMainSectionHero{margin-top:0}
@media(max-width:600px){
  .hero h1{font-size:clamp(30px,7.4vw,42px);line-height:1.2}
  .singleMainSectionHero{margin-bottom:18px}
  .singleMainSectionBody{padding:16px 16px 18px}
  .singleMainSectionBody strong{font-size:26px}
}

/* A2B-V6 — guaranteed customer home card: keep the main section visible even if hierarchy JS/Supabase is delayed. */
.a2bGuaranteedHome{display:block!important;margin:22px 0 28px!important;overflow:visible!important;}
.a2bGuaranteedHome .singleMainSectionHero{display:block!important;visibility:visible!important;opacity:1!important;}
.a2bGuaranteedHome .singleMainSectionImage{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1536/873!important;overflow:hidden!important;}
.a2bGuaranteedHome .singleMainSectionImage img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;}
@media(max-width:600px){.a2bGuaranteedHome .singleMainSectionImage{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1536/873!important;}}


/* A2B-V7 FINAL MOBILE HOME: compact the four top blocks so the main image is visible on first opening. */
@media (max-width:600px){
  .hero{min-height:220px!important;padding:18px 10px 20px!important;margin:0!important;}
  .hero p{font-size:14px!important;margin:0 0 6px!important;line-height:1.1!important}
  .hero h1{font-size:27px!important;line-height:1.08!important;margin:0 auto 7px!important;max-width:100%!important}
  .hero h1::after{font-size:17px!important;margin-top:5px!important}
  .heroTags{font-size:12px!important;line-height:1.18!important;max-width:100%!important}
  .main{padding:6px 10px 24px!important;margin-top:0!important;border-radius:18px 18px 0 0!important}
  .customerAnnouncement{margin:0 auto 7px!important}
  .announcementTicker{padding:7px 9px!important;font-size:14px!important;line-height:1.18!important;border-radius:11px!important}
  .customerSearchWide{margin:7px 0 7px!important;padding:9px 10px!important;font-size:16px!important;border-radius:11px!important;line-height:1.15!important}
  .a2bGuaranteedHome{margin:0!important;padding:0!important}
  .a2bGuaranteedHome .singleMainSectionHero{margin:0!important;border-radius:14px!important}
  .a2bGuaranteedHome .singleMainSectionImage{width:100%!important;height:auto!important;aspect-ratio:1536/873!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
  .a2bGuaranteedHome .singleMainSectionImage img{width:100%!important;height:auto!important;display:block!important;object-fit:contain!important}
  .a2bGuaranteedHome .singleMainSectionBody{padding:9px 11px 11px!important;gap:3px!important}
  .a2bGuaranteedHome .singleMainSectionKicker{font-size:11px!important}
  .a2bGuaranteedHome .singleMainSectionBody strong{font-size:20px!important;line-height:1.1!important}
  .a2bGuaranteedHome .singleMainSectionBody small{font-size:11px!important;line-height:1.2!important}
  .a2bGuaranteedHome .homeCardAction{font-size:15px!important;padding:5px 8px!important;margin-top:3px!important}
}

/* A2B-V7: reliable customer floating controls */
.customerBackFloating{position:fixed!important;left:12px!important;right:auto!important;top:auto!important;bottom:88px!important;z-index:10000!important;display:block!important;visibility:visible!important;opacity:1!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;cursor:grab!important;background:#d92b1f!important;color:#fff!important;border:2px solid #b51f16!important;border-radius:14px!important;padding:10px 14px!important;min-height:44px!important;font-size:14px!important;font-weight:900!important;box-shadow:0 5px 15px rgba(120,30,20,.28)!important}
.customerBackFloating.dragging{cursor:grabbing!important;box-shadow:0 8px 22px rgba(120,30,20,.38)!important}
.customerWhatsAppFloating{position:fixed!important;right:12px!important;bottom:14px!important;z-index:10000!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-decoration:none!important;touch-action:manipulation!important}

/* A2B-V8 — compact mobile opening screen so the main Fragrant Products image appears immediately. */
@media (max-width:600px){
  .hero{
    min-height:0!important;
    height:auto!important;
    padding:8px 8px 9px!important;
    margin:0!important;
  }
  .hero p{font-size:13px!important;margin:0 0 3px!important;line-height:1.05!important}
  .hero h1{font-size:25px!important;line-height:1.04!important;margin:0 auto 3px!important;max-width:100%!important}
  .hero h1::after{font-size:14px!important;margin-top:3px!important}
  .heroTags{font-size:11px!important;line-height:1.08!important;margin:2px auto 0!important;max-width:100%!important}
  .main{padding:4px 8px 24px!important;margin-top:0!important;border-radius:14px 14px 0 0!important}
  .customerAnnouncement{margin:0 auto 4px!important}
  .announcementTicker{padding:5px 7px!important;font-size:13px!important;line-height:1.08!important;border-radius:9px!important}
  .customerSearchWide{margin:4px 0 4px!important;padding:7px 9px!important;font-size:15px!important;border-radius:10px!important;line-height:1.08!important}
  .a2bGuaranteedHome{margin:0!important;padding:0!important}
  .a2bGuaranteedHome .singleMainSectionHero{margin:0!important;border-radius:12px!important;border-width:1px!important}
  .a2bGuaranteedHome .singleMainSectionImage{width:100%!important;height:auto!important;aspect-ratio:16/9!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
  .a2bGuaranteedHome .singleMainSectionImage img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;object-position:center!important;background:#f4e7d8}
  .a2bGuaranteedHome .singleMainSectionBody{padding:7px 9px 8px!important;gap:2px!important}
  .a2bGuaranteedHome .singleMainSectionKicker{font-size:10px!important}
  .a2bGuaranteedHome .singleMainSectionBody strong{font-size:18px!important;line-height:1.05!important}
  .a2bGuaranteedHome .singleMainSectionBody small{font-size:10px!important;line-height:1.12!important}
  .a2bGuaranteedHome .singleMainSectionMeta{font-size:10px!important}
  .a2bGuaranteedHome .homeCardAction{font-size:13px!important;padding:4px 7px!important;margin-top:2px!important}
}

/* A2B-V8 — reliable floating controls after correcting the WhatsApp anchor markup. */
.customerBackFloating{
  position:fixed!important;left:12px!important;right:auto!important;top:auto!important;bottom:82px!important;
  z-index:2147483000!important;display:block!important;visibility:visible!important;opacity:1!important;
  pointer-events:auto!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;
  cursor:grab!important;-webkit-tap-highlight-color:transparent!important;
}
.customerBackFloating.dragging{cursor:grabbing!important}
.customerWhatsAppFloating{
  position:fixed!important;right:12px!important;bottom:12px!important;z-index:2147482999!important;
  display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  touch-action:manipulation!important;text-decoration:none!important;
}
@media(max-width:600px){
  .customerBackFloating{left:10px!important;bottom:76px!important;padding:8px 11px!important;min-height:40px!important;font-size:13px!important}
  .customerWhatsAppFloating{right:10px!important;bottom:10px!important;min-height:46px!important;padding:9px 13px!important;font-size:14px!important}
}
/* A2B-V8 FINAL WORKFLOW SAFETY */
.singleMainSectionHero{position:relative!important;z-index:5!important;pointer-events:auto!important;touch-action:manipulation!important;}
#homeSections{position:relative!important;z-index:5!important;}
#customerNav{position:relative!important;z-index:5!important;}

/* A2B-V10: keep the main hero image a real image target on Android so long-press
   can use the browser's native image preview/save menu. */
.singleMainSectionHero .singleMainSectionImage,
.singleMainSectionHero .singleMainSectionImage img{
  pointer-events:auto!important;
  -webkit-touch-callout:default!important;
  user-select:auto!important;
  -webkit-user-select:auto!important;
}
.singleMainSectionHero{
  -webkit-touch-callout:default!important;
}

/* A2B-V10: do not suppress Android long-press on the hero image. */
.singleMainSectionHero{touch-action:auto!important;}
.singleMainSectionHero .singleMainSectionImage{touch-action:auto!important;}

/* V12: Admin order deletion */
.deleteOrderBtn{display:block;width:100%;margin:10px 0 14px;padding:12px 16px;border:0;border-radius:12px;background:#b00020;color:#fff;font-weight:800;font-size:15px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.deleteOrderBtn:active{transform:scale(.99)}
.orderDeleteBottom{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);text-align:center}.orderDeleteBottom .deleteOrderBtn{margin:0;color:#8f0018;background:#fff0f1;border:1px solid #8f0018;font-weight:900}.orderDeleteBottom small{display:block;margin-top:6px;color:#8f0018;font-size:11px}


/* A2B-V13 FIX: Keep the New Orders tab visibly dark green whenever any unaccepted order exists, including when the tab is active. */
.ordersViewTab.newOrderAlert,
.ordersViewTab.newOrderAlert.active {
  background: #075f1f !important;
  color: #ffffff !important;
  border-color: #075f1f !important;
  animation: newOrderBlink 1.05s infinite;
  box-shadow: 0 0 0 3px rgba(7,95,31,.22) !important;
}
.ordersViewTab.newOrderAlert .newOrderCount {
  color: #ffffff !important;
  font-weight: 1000;
}


/* Keep the New Orders tab visibly green whenever at least one order is awaiting acceptance. */
#adminMainPanel .ordersTopTabs button.ordersViewTab[data-order-view="new"].newOrderAlert,
#adminMainPanel .ordersTopTabs button.ordersViewTab[data-order-view="new"].newOrderAlert.active,
#adminMainPanel .ordersTopTabs button.ordersViewTab[data-order-view="new"].newOrderAlert:hover {
  background: #006b2e !important;
  background-color: #006b2e !important;
  color: #ffffff !important;
  border-color: #006b2e !important;
  font-weight: 700 !important;
}
#adminMainPanel .ordersTopTabs button.ordersViewTab[data-order-view="new"].newOrderAlert * {
  color: #ffffff !important;
}

/* A3B-V7 compact product cards */
.compactProductCard .cardBody{gap:7px;padding:12px!important}
.compactProductCard .photo{aspect-ratio:1/1;min-height:0!important;overflow:hidden}
.compactProductCard .photo img{width:100%;height:100%;object-fit:cover}
.compactProductCard .productNames{font-weight:800!important;line-height:1.25}
.compactProductCard .price{font-size:1.3rem!important;font-weight:900!important;line-height:1.2}
.compactProductCard .stockInfo{font-weight:800!important;padding:8px!important}
.compactProductCard .stockInfo b{font-weight:900!important;font-size:1.08em}
.compactProductCard .addCart{font-weight:800!important;margin-top:2px}
.compactProductCard p,.compactProductCard .productViewBtn{display:none!important}
.ordersTopTabs{flex-wrap:wrap}.ordersViewTab{font-weight:800}


/* V10: show generated invoice as a small tappable preview on the order form */
.inlineInvoicePreview{margin:10px 0 14px;padding:10px;border:1px solid #d9c7a7;border-radius:14px;background:#fffaf0;text-align:center}
.inlineInvoiceThumbButton{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;border:0;background:transparent;padding:0;color:#5c321d;font-weight:700;cursor:pointer}
.inlineInvoiceThumb{display:block;width:112px;max-width:35vw;height:auto;max-height:165px;object-fit:contain;border:1px solid #d9d9d9;border-radius:5px;box-shadow:0 2px 8px #0002;background:#fff}
.inlineInvoiceThumbButton span{font-size:13px;line-height:1.45}