:root{
  --green:#184f31;--green2:#2f6946;--cream:#fbf7ef;--cream2:#f3eadc;
  --ink:#23372d;--muted:#6f756e;--border:#e6dccd;--danger:#a33b32;
  --warning:#9b6a1c;--blue:#2e6d91;--shadow:0 8px 24px rgba(33,55,43,.07)
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--cream);color:var(--ink)}
button,input,select,textarea{font:inherit}button{cursor:pointer}
.wrap{max-width:1080px;margin:auto;padding:18px}.top{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 5px 18px rgba(24,79,49,.16)}
.topin{max-width:1080px;margin:auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;gap:12px;align-items:center}.mark{width:48px;height:48px;border-radius:50%;background:#f3e7d6;position:relative;flex:0 0 48px;border:1px solid #e7d7c0}
.mark:before,.mark:after{content:"";position:absolute;left:50%;top:10px;width:18px;height:18px;border-left:3px solid var(--green);border-top:3px solid var(--green);transform:translateX(-50%) rotate(45deg)}
.mark:after{top:17px;width:26px;height:26px;border-width:2px;opacity:.8}.mark span{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:7px;font-weight:800;color:var(--green);letter-spacing:.14em}
.brand b{font-family:Georgia,serif;font-size:1.45rem}.brand small{display:block;opacity:.8;margin-top:2px}
.card{background:#fffdf8;border:1px solid var(--border);border-radius:16px;padding:15px;box-shadow:var(--shadow);margin:12px 0}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.field{margin:10px 0}.field label{display:block;font-size:.82rem;font-weight:700;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid #d9d0c4;border-radius:10px;padding:11px;background:#fff;min-height:44px}.field textarea{min-height:88px;resize:vertical}
.btn{border:1px solid var(--green);border-radius:10px;padding:10px 14px;background:#fff;color:var(--green);font-weight:700;min-height:42px}.btn.primary{background:var(--green);color:#fff}.btn.ok{background:var(--green2);color:#fff}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.small{padding:7px 10px;min-height:34px;font-size:.84rem}.full{width:100%}
.pill{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:800;background:#eee}.paid{background:#e6f0e6;color:var(--green)}.pending{background:#fff0d8;color:#8b5b12}.unpaid{background:#f7dfdc;color:#8f3028}.info{background:#e4f0f7;color:#2d6583}
.notice{border:1px solid #ead7ad;background:#fff7e5;border-radius:12px;padding:11px;font-size:.88rem;line-height:1.45}.success{background:#edf6ed;border-color:#cfe3cf}.dangerNote{background:#f9e8e5;border-color:#e8c5bf}
.tabs,.weekSwitch{display:flex;gap:6px;overflow:auto}.tabs button,.weekSwitch button{border:1px solid var(--border);background:#fff;border-radius:10px;padding:9px 13px;white-space:nowrap}.tabs button.active,.weekSwitch button.active{background:var(--green);color:white;border-color:var(--green)}
.menuGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.food{display:flex;justify-content:space-between;gap:12px}.price{font-weight:900;color:var(--green)}
.cartline,.listrow{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eee6da;padding:10px 0}.listrow:last-child,.cartline:last-child{border-bottom:0}.muted,.tiny{color:var(--muted)}.tiny{font-size:.78rem}.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.stat{background:#fffdf8;border:1px solid var(--border);border-radius:14px;padding:14px}.stat span{font-size:.74rem;color:var(--muted);font-weight:800}.stat b{font-size:1.55rem;display:block;margin-top:5px}
.modal{position:fixed;inset:0;background:rgba(20,32,25,.46);display:none;align-items:center;justify-content:center;padding:18px;z-index:100}.modal.show{display:flex}.modalbox{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fffdf8;border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 25px 65px rgba(0,0,0,.25)}.modalhead{display:flex;align-items:center;justify-content:space-between}.x{border:0;background:transparent;font-size:1.5rem}
.optionGroup{border:1px solid #e6ddcf;border-radius:13px;padding:12px;margin:10px 0;background:#fff}.choice{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0}.choice label{display:flex;gap:8px;align-items:center}
.nav{display:flex;gap:8px;overflow:auto;padding:12px 0}.nav button{flex:0 0 auto}
.tableWrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid #eee5d8;font-size:.86rem}.table th{color:var(--muted);font-size:.75rem}
.hidden{display:none!important}.right{text-align:right}.bold{font-weight:800}
.solidPanel{background:#fffdf8!important}
@media(max-width:720px){
  .wrap{padding:12px}.topin{padding:12px}.brand b{font-size:1.25rem}.mark{width:44px;height:44px;flex-basis:44px}
  .grid2,.grid4,.menuGrid{grid-template-columns:1fr}.stat b{font-size:1.35rem}.modal{padding:8px}.modalbox{max-height:96vh;border-radius:15px}
}

/* Version 2.02 - simplified owner interface */
.owner-tabs{gap:10px;margin:8px 0 14px}.owner-tabs button{font-size:1rem;font-weight:800;min-height:48px;padding:11px 16px}.helper{font-size:.92rem;color:var(--muted);line-height:1.45;margin-top:5px}.simple-title{margin-top:0;align-items:flex-start}.big-pill{font-size:.86rem;padding:7px 12px}.week-nav{display:flex;justify-content:center;gap:8px;margin:18px 0 8px;flex-wrap:wrap}.week-nav .btn{min-width:118px;font-size:.96rem}.week-label{text-align:center;font-weight:900;color:var(--green);font-size:1.08rem;margin:8px 0 12px}.week-table{min-width:760px}.week-table th{text-align:center!important;vertical-align:bottom;font-size:.85rem!important;color:var(--ink)!important}.week-table th:first-child{text-align:left!important}.week-table td{text-align:center!important;vertical-align:middle}.week-table td:first-child{text-align:left!important;font-weight:800;min-width:170px}.day-name{display:block;font-size:.9rem;font-weight:900;color:var(--green)}.day-date{display:block;font-size:.75rem;color:var(--muted);margin-top:2px;font-weight:600}.week-check{width:24px;height:24px;accent-color:var(--green);cursor:pointer}.menu-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #eee5d8}.big-action{font-size:1rem;min-height:50px;padding:12px 20px}.secondary-action{background:#fff}.simple-menu-card{padding:18px}#securityBanner{font-size:.82rem;padding:8px 11px}#securityBanner b{font-size:.86rem}.stat span{font-size:.78rem}.stat b{font-size:1.7rem}@media(max-width:720px){.owner-tabs button{font-size:.95rem;min-height:46px}.week-nav{justify-content:flex-start}.week-nav .btn{min-width:105px}.menu-actions{display:grid;grid-template-columns:1fr}.big-action,.secondary-action{width:100%}.simple-menu-card{padding:14px}}


/* Version 2.03 */
.order-summary-card{background:#fffdf8;border:1px solid var(--border);border-radius:14px;padding:12px}
.order-card{border-left:5px solid var(--green)}
.order-items{margin:10px 0;border-top:1px solid #eee5d8}
.order-item{padding:10px 0;border-bottom:1px solid #eee5d8}
.special-request{background:#fff1df;border:1px solid #efc983;border-radius:12px;padding:10px;margin:8px 0;color:#6f4a0d}
.address-block{background:#eef5ef;border:1px solid #cfe0d1;border-radius:12px;padding:10px;margin-top:8px}
.choice-row{display:grid;grid-template-columns:1fr 110px auto;gap:8px;align-items:end;border-bottom:1px solid #eee5d8;padding:8px 0}
.choice-row .field{margin:0}
.kitchen-day-card{border:1px solid var(--border);border-radius:14px;padding:13px;margin:10px 0;background:#fff}
.kitchen-day-card summary{cursor:pointer;font-weight:900;color:var(--green);font-size:1rem}
.kitchen-dish{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #eee5d8}
.kitchen-dish:last-child{border-bottom:0}
.kitchen-toggle{justify-content:flex-start;margin-top:10px}
@media(max-width:720px){
 .choice-row{grid-template-columns:1fr 90px auto}
 #ordersSummary{grid-template-columns:repeat(2,1fr)!important}
}

/* v2.04 simplified kitchen view */
.kitchen-heading{margin:22px 0 10px;font-size:1.05rem}
.cook-card{border:1px solid var(--border);border-radius:14px;background:#fff;margin:8px 0;padding:0 14px}
.cook-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 0;font-size:1.05rem}
.cook-head span{font-weight:800;white-space:nowrap}
.cook-sub{border-top:1px solid #eee5d8;padding:8px 0 10px 18px}
.cook-sub div{padding:4px 0;font-size:.98rem}
.order-detail{border:1px solid var(--border);border-radius:12px;background:#fff;margin:8px 0;padding:11px 13px}
.order-detail summary{cursor:pointer;font-weight:800;color:var(--green)}
.order-detail-body{padding-top:8px}
.kitchen-help{margin:-4px 0 8px}
.block{display:block;margin-top:2px}

/* Version 2.06 */
.payment-history{margin-top:10px;border-top:1px solid #eee5d8;padding-top:8px}
.payment-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px 0;border-bottom:1px solid #eee5d8}
.amend-banner{background:#fff1df;border:1px solid #efc983;border-radius:12px;padding:11px;margin:10px 0}
.amend-approved{background:#eef7ef;border-color:#cce2cf}.amend-rejected{background:#f7efef;border-color:#e4caca}
.amend-line{border:1px solid var(--border);border-radius:12px;background:#fff;padding:11px;margin:8px 0}
.amend-line-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.amend-qty{display:flex;gap:8px;align-items:center;margin-top:8px}.amend-qty input{max-width:95px}
.amend-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.amount-due{font-size:1.15rem;font-weight:900;color:var(--green)}
@media(max-width:720px){.amend-menu{grid-template-columns:1fr}.payment-row{grid-template-columns:1fr}}

/* Version 2.07 - modal stacking fix
   When editing an amendment, the dish customisation window must appear
   above the Request Order Change window, not behind it. */
#amendModal{z-index:2200}
#configModal{z-index:3200}
#paymentModal{z-index:3200}
#configModal .modalbox{position:relative;z-index:3201}

#configModal.topModal{z-index:4200}

/* Version 2.08 - owner amendment workflow */
.clickable-stat{cursor:pointer;position:relative}
.clickable-stat:hover{transform:translateY(-1px)}
.clickable-stat small{display:block;margin-top:3px;font-size:.68rem;color:var(--green);font-weight:800}
.amend-owner-card{border:2px solid #efc983;background:#fffaf1;border-radius:16px;padding:14px;margin:10px 0}
.amend-owner-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.amend-total-row{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:7px 10px;align-items:center;padding:11px 0;margin-top:8px;border-top:1px solid #ecd8ad}
.amend-total-row b{text-align:right}
.amend-money{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px;border-radius:10px;background:#f3f1eb;margin-bottom:10px}
.amend-money.add{background:#fff0d7;color:#6f4a0d}
.amend-money.refund{background:#eef7ef;color:#285b31}
.amend-money b{font-size:1.05rem}
@media(max-width:720px){
  .amend-owner-head{display:block}
  .amend-owner-head .pill{display:inline-block;margin-top:7px}
  .amend-total-row{grid-template-columns:1fr auto}
}

/* Version 2.09 - refund reminders */
.refund-owner-card{border:1px solid #e3d7c5;background:#fffdf8;border-radius:16px;padding:14px;margin:10px 0}
.refund-owner-card.refund-ready{border:2px solid #c75a4a;background:#fff4f1}
.refund-owner-card .row{margin-top:10px}


/* WARONG TEMAH VERSION 3.0 — UI/UX REDESIGN */
:root{--green:#174f32;--green2:#245f3e;--cream:#fbf7ef;--cream2:#f5ecdf;--ink:#18392b;--muted:#73756e;--border:#e8ded1;--shadow:0 10px 28px rgba(44,54,45,.055)}
html{scroll-behavior:smooth}body{background:#fcf8f1;color:var(--ink);padding-bottom:78px}
.top{position:relative;background:#fcf8f1!important;color:var(--ink);box-shadow:none;border-bottom:1px solid #eee4d8}.topin{max-width:1160px;padding:18px 22px}
.brand{gap:14px}.brand b{font-family:Georgia,"Times New Roman",serif;color:var(--green);font-size:1.65rem}.brand small{color:#354a3f;opacity:1;font-size:.9rem}
.mark{width:66px;height:66px;flex-basis:66px;background:#f5e9da;border:0;box-shadow:inset 0 0 0 1px #efe0cd}.mark:before{top:13px;width:22px;height:22px}.mark:after{top:21px;width:32px;height:32px}.mark span{bottom:7px;font-size:8px}
.wrap{max-width:1160px;padding:22px}.card{border:1px solid var(--border);border-radius:18px;background:#fffdfa;box-shadow:var(--shadow);padding:18px}
.btn{border-radius:12px;min-height:46px;padding:11px 16px}.field input,.field select,.field textarea{border-radius:12px;border-color:#ddd4c9;background:#fff;min-height:48px}
.weekSwitch{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:16px}.weekSwitch button{border:0;border-radius:0;min-height:64px;font-size:1rem;font-weight:800}
.customer-date-field>label{font-size:1rem;margin-bottom:12px}.dateTiles{display:grid;grid-template-columns:repeat(7,minmax(70px,1fr));gap:8px;overflow-x:auto;padding:2px 0 8px}
.dateTile{min-width:70px;border:1px solid #e9e0d5;background:#fff;border-radius:14px;padding:10px 8px;color:var(--ink)}.dateTile small,.dateTile span{display:block;font-size:.72rem}.dateTile strong{display:block;font-size:1.45rem;margin:4px 0}.dateTile.active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 7px 18px rgba(23,79,50,.18)}
.dateSelectFallback{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.menuGrid{grid-template-columns:1fr;gap:10px}.food{align-items:center;margin:0;padding:16px 18px;box-shadow:none;background:#fff}.food>div:first-child{min-width:0;flex:1}.food>div:first-child>b{font-size:1.05rem;color:#172d23}.food .tiny{font-size:.84rem;line-height:1.45;margin-top:3px}.food .price{margin-top:7px}.food>.btn{border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;font-size:0;flex:0 0 44px}.food>.btn:after{content:"+";font-size:1.55rem;font-weight:500}
.customerBottomNav,.adminBottomNav{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;justify-content:center;background:#fffaf2;border-top:1px solid #e8ded1;box-shadow:0 -8px 24px rgba(40,52,43,.06);padding:8px 10px max(8px,env(safe-area-inset-bottom))}
.customerBottomNav button,.adminBottomNav button{position:relative;border:0;background:transparent;color:#4d5a52;min-width:76px;min-height:56px;padding:5px 13px;border-radius:12px}.customerBottomNav button span,.adminBottomNav button span{display:block;font-size:1.25rem;line-height:1.2}.customerBottomNav button b,.adminBottomNav button b{display:block;font-size:.72rem;margin-top:3px}.customerBottomNav button.active{background:#f6eadb;color:var(--green)}.customerBottomNav em{position:absolute;top:1px;right:9px;background:var(--green);color:#fff;border-radius:99px;font-size:.65rem;font-style:normal;min-width:18px;height:18px;line-height:18px}
#myOrderBtn{border-color:#d8cfc3;background:#fff;color:var(--green)}.adminWelcome{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 16px}.adminWelcome h2{margin:0;font-size:1.8rem}.adminWelcome p{margin:4px 0 0;color:var(--muted)}.ownerChip{display:flex;gap:9px;align-items:center;border:1px solid var(--border);border-radius:14px;padding:9px 14px;background:#fff}.ownerChip>span{display:flex;flex-direction:column}.ownerChip small{color:var(--muted)}
.dashboardStats{grid-template-columns:repeat(3,1fr)}.ux-stat{display:flex;gap:14px;align-items:center;min-height:112px;padding:17px;box-shadow:none}.ux-stat .statIcon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.65);font-size:1.35rem}.ux-stat b{font-size:1.9rem;margin:0;line-height:1}.ux-stat span{display:block;margin-top:6px;color:var(--ink);font-size:.86rem}.ux-stat small{display:block;margin-top:9px!important;color:var(--green)!important}.ux-stat.waiver{background:#fff6df}.ux-stat.payment{background:#fff0e5}.ux-stat.verify{background:#eef6fa}.ux-stat.amend{background:#f7f1e8}.ux-stat.refund{background:#f9eee9}.ux-stat.receipt{background:#f5f0f7}
.owner-tabs{background:#fff;border:1px solid var(--border);border-radius:14px;padding:6px;box-shadow:var(--shadow);margin-bottom:18px}.owner-tabs button{border:0!important;background:transparent!important;color:#43534a!important;border-radius:10px!important}.owner-tabs button.active{background:var(--green)!important;color:#fff!important}
.adminBottomNav{display:none;background:var(--green);border-top:0}.adminBottomNav button{color:#eaf1ec}.adminBottomNav button.active{background:rgba(255,255,255,.13);color:#fff}.modalbox{border-radius:22px;background:#fffdfa}
@media(min-width:900px){.customerBottomNav{max-width:560px;left:50%;right:auto;transform:translateX(-50%);border:1px solid #e8ded1;border-bottom:0;border-radius:18px 18px 0 0}}
@media(max-width:720px){body{padding-bottom:82px}.topin{padding:13px 16px}.wrap{padding:14px 12px}.mark{width:58px;height:58px;flex-basis:58px}.brand b{font-size:1.45rem}.top #adminEmail{display:none}.card{padding:14px;border-radius:16px}.dateTiles{grid-template-columns:repeat(7,70px)}.food{padding:14px}.customerBottomNav,.adminBottomNav{justify-content:space-around}.customerBottomNav button,.adminBottomNav button{min-width:0;flex:1;padding:5px 3px}.owner-tabs{display:none}.adminBottomNav{display:flex}.dashboardStats{grid-template-columns:repeat(2,1fr)!important;gap:10px}.ux-stat{min-height:118px;display:block}.ux-stat .statIcon{margin-bottom:9px}.ux-stat b{font-size:1.7rem}.adminWelcome h2{font-size:1.55rem}.ownerChip{padding:8px 10px}}


/* VERSION 3.1 — MOBILE ADMIN + WAIVER UX */
.waiverCustomerStatus{margin:10px 0;padding:13px 14px;border-radius:12px;display:flex;flex-direction:column;gap:3px}
.waiverCustomerStatus span{font-size:.82rem}.waiverCustomerStatus.pending{background:#fff5dc}.waiverCustomerStatus.approved{background:#eaf6ec}.waiverCustomerStatus.rejected{background:#f8ece8}
@media(max-width:600px){
  body{font-size:16px;overflow-x:hidden}
  .topin,.wrap{width:100%;max-width:100%;box-sizing:border-box}
  .wrap{padding:12px 10px 92px}
  .topin{padding:11px 12px}
  .brand{min-width:0}.brand b{font-size:1.28rem;white-space:nowrap}.brand small{font-size:.78rem}
  .mark{width:50px;height:50px;flex-basis:50px}
  .adminWelcome{align-items:stretch;margin:0 0 12px}.adminWelcome h2{font-size:1.45rem}.adminWelcome p{font-size:.84rem}
  .ownerChip{font-size:.8rem;padding:7px 9px;min-width:92px}
  .dashboardStats{grid-template-columns:1fr 1fr!important;gap:8px}
  .ux-stat{min-width:0;min-height:108px;padding:12px;border-radius:14px}
  .ux-stat .statIcon{width:36px;height:36px;font-size:1.1rem;margin-bottom:7px}
  .ux-stat b{font-size:1.55rem}.ux-stat span{font-size:.78rem;line-height:1.15}.ux-stat small{font-size:.7rem;margin-top:6px!important}
  .grid2,.grid3,.grid4{grid-template-columns:1fr!important}
  .card{padding:13px;border-radius:15px;max-width:100%;overflow:hidden}
  .listrow{gap:8px;align-items:flex-start;flex-wrap:wrap}.listrow>div:first-child{min-width:0;flex:1 1 190px;overflow-wrap:anywhere}.listrow .right{flex:0 0 auto}
  .row{gap:8px;flex-wrap:wrap}.row>.btn{flex:1 1 145px}
  .btn{min-height:48px;font-size:.94rem}
  table{font-size:.78rem} .tablewrap,.tableWrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .modal{padding:8px;align-items:flex-end}.modalbox{width:100%;max-width:100%;max-height:90dvh;border-radius:20px 20px 0 0;padding:15px;overflow-y:auto}
  .adminBottomNav{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}
  .adminBottomNav button{font-size:.7rem}.adminBottomNav button span{font-size:1.15rem}.adminBottomNav button b{font-size:.67rem}
  input,select,textarea{font-size:16px!important}
}
@media(max-width:390px){.dashboardStats{grid-template-columns:1fr!important}.ownerChip{display:none}}

/* VERSION 3.2 — EXACT BRAND LOGO + CUSTOMER NAV CLEANUP */
.mark.logoExact{overflow:hidden;background:#f5e9da;border:0;box-shadow:none}
.mark.logoExact:before,.mark.logoExact:after,.mark.logoExact span{display:none!important}
.mark.logoExact img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
.customerBottomNav button{flex:1 1 0}

/* VERSION 3.3 — WEEKLY SHOPPING SUMMARY */
.grocerySummaryCard{margin-top:14px}
.grocery-toggle{margin-bottom:10px}
.groceryTotals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 16px}
.groceryTotals>div{border:1px solid var(--border);background:#fffaf2;border-radius:14px;padding:14px;text-align:center}
.groceryTotals b{display:block;font-size:1.7rem;color:var(--green)}
.groceryTotals span{display:block;margin-top:3px;font-size:.78rem;color:var(--muted)}
.grocerySection{border:1px solid var(--border);border-radius:14px;background:#fff;margin:10px 0;padding:12px 14px}
.grocerySection h4{margin:0 0 7px;color:var(--green)}
.groceryRow{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #eee5d8}
.groceryRow:last-child{border-bottom:0}
.groceryRow span{min-width:0;overflow-wrap:anywhere}
.groceryRow b{font-size:1rem;white-space:nowrap}
@media(max-width:600px){
  .grocerySummaryCard .sectionTitle{align-items:flex-start;gap:10px}
  .grocerySummaryCard .sectionTitle .btn{min-width:92px;flex:0 0 auto}
  .groceryTotals{grid-template-columns:repeat(3,1fr);gap:7px}
  .groceryTotals>div{padding:11px 6px}
  .groceryTotals b{font-size:1.45rem}
  .groceryTotals span{font-size:.67rem}
}

/* VERSION 3.31 — DISH DELETE + NDC DELIVERY */
.ndcNotice{background:#eef6ef;border-color:#cfe1d2}
#ndcDeliveryFields .field{max-width:360px}
@media(max-width:600px){
  #ndcDeliveryFields .field{max-width:none}
}

/* VERSION 3.32 — NDC LEVEL DROPDOWN + NDC ADMIN SUMMARY */
.ndcSummaryTableWrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ndcSummaryTable{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}
.ndcSummaryTable th{background:#f5ecdf;color:var(--green);text-align:left;padding:11px 12px;font-size:.82rem}
.ndcSummaryTable td{padding:12px;border-top:1px solid #eee5d8;vertical-align:top}
.ndcSummaryTable th:first-child,.ndcSummaryTable td:first-child{width:82px}
.ndcSummaryTable th:nth-child(2),.ndcSummaryTable td:nth-child(2){width:180px}
.ndcSummaryTable td:nth-child(2) .tiny{display:block;margin-top:3px}
.ndcOrderItem{margin-bottom:7px}
.ndcOrderItem:last-child{margin-bottom:0}
.ndcOrderItem span{display:block;font-size:.76rem;color:var(--muted);margin-top:2px}
.ndcOrderRemark{margin-top:6px;padding:6px 8px;background:#fff1df;border-radius:8px;font-size:.76rem}
@media(max-width:600px){
  .ndcSummaryTable{font-size:.82rem}
  .ndcSummaryTable th,.ndcSummaryTable td{padding:9px 8px}
  .ndcSummaryTable th:first-child,.ndcSummaryTable td:first-child{width:54px}
  .ndcSummaryTable th:nth-child(2),.ndcSummaryTable td:nth-child(2){width:105px}
}

/* VERSION 3.33 — NDC-ONLY + PAY LATER */
.payLaterBtn{margin-top:8px;background:#fff;border:1px solid var(--border);color:var(--green)}
.paid-text{color:#28633f!important;font-weight:800}.unpaid-text{color:#9a5c2c!important;font-weight:800}

/* VERSION 3.34 — FIXED DELIVERY WINDOW + WHATSAPP PAYMENT FOLLOW-UP */
.fixedDeliveryTime{min-height:46px;display:flex;align-items:center;padding:0 13px;border:1px solid var(--border);border-radius:12px;background:#f5ecdf;color:var(--green);font-weight:800}
.attentionActions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;margin-top:5px}
@media(max-width:600px){.attentionActions{justify-content:stretch}.attentionActions .btn{flex:1}}

/* VERSION 3.35 — PAY LATER ORDER-NUMBER SAFEGUARD */
.payLaterConfirmation{text-align:center}
.confirmTick{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:2px auto 8px;background:#e8f3ea;color:var(--green);font-size:2rem;font-weight:900}
.payLaterConfirmation h2{margin:5px 0;color:var(--green)}
.saveOrderBox{margin:16px 0;padding:16px;border:2px solid var(--green);border-radius:15px;background:#fffaf2}
.saveOrderBox span{display:block;font-size:.78rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.saveOrderBox strong{display:block;margin-top:5px;font-size:1.55rem;color:var(--green);overflow-wrap:anywhere}
.payLaterInfo{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;text-align:left}
.payLaterInfo>div{padding:10px;border:1px solid var(--border);border-radius:12px;background:#fff}
.payLaterInfo span{display:block;font-size:.72rem;color:var(--muted)}
.payLaterInfo b{display:block;margin-top:3px}
.payLaterSteps{text-align:left;margin:13px 0;padding:12px 14px;border-radius:12px;background:#f8f4ed}
.payLaterSteps ol{margin:7px 0 0;padding-left:21px}.payLaterSteps li{margin:5px 0}
.savedDoneBtn{margin-top:8px}
@media(max-width:520px){.payLaterInfo{grid-template-columns:1fr}.saveOrderBox strong{font-size:1.35rem}}

/* VERSION 3.36 — RECEIPT RESEND */
.receiptActions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
@media(max-width:600px){
  .receiptRow{align-items:center}
  .receiptActions{width:100%;align-items:stretch}
  .receiptActions .btn{width:100%}
}

/* VERSION 3.37 — MOBILE MORE MENU + BULK OPTION REMOVAL */
.mobileMoreBox{max-width:480px}
.mobileMoreMenu{display:grid;gap:10px}
.mobileMoreChoice{width:100%;display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:12px;text-align:left;border:1px solid var(--border);border-radius:15px;background:#fff;padding:15px;color:var(--ink)}
.mobileMoreChoice:active{background:#f8f1e7}
.mobileMoreChoice .moreIcon{width:44px;height:44px;border-radius:12px;background:#f5ecdf;display:grid;place-items:center;font-size:1.25rem}
.mobileMoreChoice b{display:block;font-size:1rem;color:var(--green)}
.mobileMoreChoice small{display:block;margin-top:3px;color:var(--muted);line-height:1.3}
.mobileMoreChoice .moreArrow{font-size:1.8rem;color:var(--green);text-align:right}
@media(max-width:600px){
  .mobileMoreBox{border-radius:20px 20px 0 0}
  .mobileMoreChoice{min-height:82px}
}

/* VERSION 3.40 — SIMPLIFIED CHECKOUT + OWNER DIRECT PAYMENT CONFIRMATION */
@media(max-width:600px){
  .attentionActions .ok{min-width:135px}
}

/* VERSION 3.41 — PLACE ORDER RELIABILITY */
.placeOrderStatus{margin-top:10px;padding:11px 13px;border-radius:11px;font-size:.86rem;font-weight:700}
.placeOrderStatus.info{display:block;background:#eef6fa;color:#315c70}
.placeOrderStatus.success{display:block;background:#eaf6ec;color:#28633f}
.placeOrderStatus.error{display:block;background:#fff0ec;color:#943d2f}
#placeOrderBtn:disabled{opacity:.65;cursor:wait}