/* LC Store v4.4.0 - Wireframe UI template
   Layout first, minimal decoration. Shared header/menu/modal/button/card system. */
:root{
  --lc-primary:#ff5a00;
  --lc-text:#111827;
  --lc-muted:#6b7280;
  --lc-bg:#f5f6f8;
  --lc-surface:#ffffff;
  --lc-line:#d6dbe3;
  --lc-soft:#eef1f5;
  --lc-danger:#dc2626;
  --lc-success:#16a34a;
  --lc-gap:10px;
  --lc-radius:6px;
  --lc-header-h:64px;
  --lc-bottom-h:64px;
  --lc-btn-h:40px;
  --lc-font-scale:var(--sunie-font-scale,1);
}
html body .sunie-order,
html body .sunie-public-orders,
html body .sunie-qr-page{
  --lc-primary:var(--sunie,#ff5a00);
  width:100%!important;
  max-width:none!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  background:var(--lc-bg)!important;
  color:var(--lc-text)!important;
  font-family:var(--sunie-font,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;
  font-size:calc(16px * var(--lc-font-scale));
  line-height:1.35;
  box-sizing:border-box;
  overflow-x:hidden;
}
.sunie-order *, .sunie-public-orders *, .sunie-qr-page *{box-sizing:border-box!important}
.sunie-order [hidden], .sunie-public-orders [hidden], .sunie-qr-page [hidden], .lc-modal[hidden], .sunie-app-modal[hidden]{display:none!important}
.sunie-order a,.sunie-public-orders a,.sunie-qr-page a{color:inherit;text-decoration:none!important}

/* ===== APP SHELL / 12-COLUMN GRID ===== */
.sunie-menu-column,
.sunie-public-v320,
.sunie-qr-page,
.lc-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:0!important;
}
.sunie-menu-column>*, .sunie-public-v320>*, .sunie-qr-page>*, .lc-page>*{grid-column:1/-1!important;min-width:0!important}

/* ===== SHARED HEADER: MUST BE IDENTICAL ON ALL PAGES ===== */
.lc-header,
.sunie-app-header,
.sunie-menu-head,
.sunie-public-topbar{
  position:sticky!important;
  top:0!important;
  z-index:500!important;
  width:100%!important;
  min-height:var(--lc-header-h)!important;
  margin:0!important;
  padding:8px 10px!important;
  border:0!important;
  border-bottom:1px solid var(--lc-line)!important;
  border-radius:0!important;
  background:var(--lc-surface)!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.lc-title,.sunie-page-title{min-width:0!important;margin:0!important;padding:0!important}
.lc-title h2,.sunie-page-title h2{
  margin:0!important;
  padding:0!important;
  color:var(--lc-text)!important;
  font-size:20px!important;
  line-height:1.12!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.lc-title p,.sunie-page-title p{
  margin:3px 0 0!important;
  padding:0!important;
  color:var(--lc-muted)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.lc-header-actions,.sunie-head-actions,.sunie-public-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:max-content!important;
  margin:0!important;
  padding:0!important;
}
.sunie-head-actions .sunie-font-tools,
.sunie-public-actions .sunie-font-tools,
.sunie-app-header>.sunie-font-tools{display:none!important}

/* ===== BUTTON SYSTEM ===== */
button, input, select, textarea{font:inherit}
.lc-button,
.sunie-head-actions button,.sunie-head-actions a,.sunie-public-actions button,.sunie-public-actions a,
.sunie-tab,.sunie-row-add,.sunie-row-minus,.sunie-search-add,.sunie-search-minus,.sunie-search-top,
.sunie-submit-outside,.sunie-status-btn,.sunie-delete-order-btn,.sunie-adjust-order-btn,
.sunie-report-filter button,.sunie-qr-popup-form button,.sunie-modal-bottom button,.sunie-payment-actions button,
.sunie-topping-actions button,.sunie-public-menu-links a,.sunie-public-menu-links button,
.sunie-login-btn,.sunie-load-more,.sunie-open-order-btn{
  height:var(--lc-btn-h)!important;
  min-width:var(--lc-btn-h)!important;
  padding:0 12px!important;
  margin:0!important;
  border:1px solid var(--lc-line)!important;
  border-radius:var(--lc-radius)!important;
  background:#fff!important;
  color:var(--lc-text)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.sunie-public-bell,.sunie-order-bell{position:relative!important;padding:0!important;width:var(--lc-btn-h)!important}
.sunie-public-menu-toggle{width:var(--lc-btn-h)!important;padding:0!important}
.sunie-public-refresh,.sunie-reload-btn{width:var(--lc-btn-h)!important;padding:0!important;font-size:18px!important}
.sunie-public-menu-toggle span{display:none!important}
.sunie-row-add,.sunie-submit-outside,.sunie-bottom-total,.sunie-report-filter button,
.sunie-qr-popup-form button,.sunie-modal-bottom button,.sunie-status-btn.is-active,
.sunie-staff-confirm-action,.sunie-topping-apply,.sunie-apply-top,.sunie-login-btn{
  background:var(--lc-primary)!important;
  border-color:var(--lc-primary)!important;
  color:#fff!important;
}
.sunie-delete-order-btn{color:var(--lc-danger)!important;border-color:#f3b3b3!important;background:#fff!important}
.sunie-row-minus,.sunie-search-minus{width:var(--lc-btn-h)!important;padding:0!important}
.sunie-bell-badge,.sunie-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:#e11d48!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:18px!important;
}
.sunie-bell-badge{position:absolute!important;right:-7px!important;top:-7px!important}

/* ===== TABS / GROUPS: HORIZONTAL SCROLL, NO SCROLLBAR ===== */
.sunie-search-wrap{display:none!important}
.sunie-order-tabs,.sunie-group-tabs{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  -webkit-overflow-scrolling:touch!important;
  white-space:nowrap!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:10px!important;
  background:var(--lc-bg)!important;
}
.sunie-order-tabs::-webkit-scrollbar,.sunie-group-tabs::-webkit-scrollbar{display:none!important}
.sunie-tab{flex:0 0 auto!important;height:38px!important;padding:0 14px!important;background:#fff!important}
.sunie-tab.active{border-color:var(--lc-primary)!important;color:var(--lc-primary)!important}

/* ===== PRODUCT CARDS: HORIZONTAL, MAX 2 COLUMNS DESKTOP/TABLET, 1 MOBILE ===== */
.sunie-menu-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 10px calc(var(--lc-bottom-h) + 14px)!important;
}
.sunie-item{
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid var(--lc-line)!important;
  border-radius:var(--lc-radius)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.sunie-item.is-selected{border-color:var(--lc-primary)!important;background:#fff!important}
.sunie-thumb{width:52px!important;height:52px!important;border-radius:var(--lc-radius)!important;background:var(--lc-soft)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.sunie-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.sunie-info{min-width:0!important}
.sunie-name{font-size:17px!important;font-weight:900!important;line-height:1.18!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.sunie-price{margin:3px 0 0!important;color:var(--lc-primary)!important;font-size:14px!important;font-weight:900!important}
.sunie-desc{margin:2px 0 0!important;color:var(--lc-muted)!important;font-size:12px!important}
.sunie-add-topping{height:28px!important;margin-top:6px!important;padding:0 8px!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;background:#fff!important;font-size:12px!important;font-weight:800!important}
.sunie-row-actions{display:flex!important;align-items:center!important;gap:6px!important;justify-content:flex-end!important;min-width:max-content!important}
.sunie-row-actions span{min-width:30px!important;text-align:center!important;color:var(--lc-primary)!important;font-weight:900!important}
.sunie-row-add{min-width:62px!important}
.sunie-state,.sunie-public-empty{padding:16px!important;background:#fff!important;border:1px dashed var(--lc-line)!important;border-radius:var(--lc-radius)!important;text-align:center!important;color:var(--lc-muted)!important;font-weight:700!important}

/* ===== BOTTOM BAR: 7 / 3 ===== */
.sunie-bottom-bar{
  position:fixed!important;
  left:0!important;right:0!important;bottom:0!important;
  z-index:600!important;
  width:100%!important;
  min-height:var(--lc-bottom-h)!important;
  margin:0!important;
  padding:8px!important;
  border:0!important;
  border-top:1px solid var(--lc-line)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:7fr 3fr!important;
  gap:8px!important;
  align-items:center!important;
}
.sunie-bottom-search-field,.sunie-bottom-total{height:48px!important;margin:0!important;min-width:0!important;border-radius:var(--lc-radius)!important}
.sunie-bottom-search-field{display:flex!important;align-items:center!important;gap:8px!important;border:1px solid var(--lc-line)!important;background:#fff!important;padding:0 12px!important}
.sunie-bottom-search-field input{width:100%!important;height:100%!important;border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;font-weight:700!important;min-width:0!important}
.sunie-bottom-total{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;border:1px solid var(--lc-primary)!important;background:var(--lc-primary)!important;color:#fff!important;padding:0 12px!important}
.sunie-bottom-total *{color:#fff!important}
.sunie-bottom-total strong{white-space:nowrap!important;font-size:14px!important}
.sunie-total-count{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
.sunie-search-panel{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(var(--lc-bottom-h) + 8px)!important;z-index:610!important;max-height:50dvh!important;overflow:auto!important;background:#fff!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;padding:8px!important;box-shadow:none!important}
.sunie-search-result{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:10px!important;border-bottom:1px solid var(--lc-line)!important;background:#fff!important}
.sunie-search-result:last-child{border-bottom:0!important}
.sunie-search-info b{font-weight:900!important;font-size:15px!important}.sunie-search-info small{display:block!important;color:var(--lc-muted)!important;font-size:12px!important}

/* ===== MODAL SYSTEM: FIXED HEADER / BODY / FOOTER ===== */
.lc-modal,.sunie-app-modal,.sunie-topping-modal,.sunie-payment-popup,.sunie-notification-modal,.sunie-qr-popup{
  position:fixed!important;
  inset:0!important;
  z-index:1000000!important;
  background:rgba(17,24,39,.45)!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  place-items:center!important;
}
.lc-modal:not([hidden]),.sunie-app-modal:not([hidden]),.sunie-topping-modal:not([hidden]),.sunie-payment-popup:not([hidden]),.sunie-notification-modal:not([hidden]),.sunie-qr-popup:not([hidden]){display:grid!important}
.lc-modal-panel,.sunie-modal-panel,.sunie-topping-box,.sunie-payment-popup-box,.sunie-notification-box,.sunie-qr-popup-panel,.sunie-checkout-sheet{
  width:80vw!important;
  max-width:1120px!important;
  height:80dvh!important;
  max-height:80dvh!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid var(--lc-line)!important;
  border-radius:var(--lc-radius)!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  position:relative!important;
}
.lc-modal-header,.sunie-modal-head,.sunie-topping-head,.sunie-notification-head,.sunie-qr-popup-head,.sunie-sheet-head{
  flex:0 0 56px!important;
  min-height:56px!important;
  padding:0 12px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid var(--lc-line)!important;
  border-radius:0!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.lc-modal-header strong,.sunie-modal-head strong,.sunie-topping-head strong,.sunie-notification-head strong,.sunie-qr-popup-head strong,.sunie-sheet-head strong{font-size:18px!important;font-weight:900!important;margin:0!important}
.lc-modal-header button,.sunie-modal-head button,.sunie-topping-head button,.sunie-notification-head button,.sunie-qr-popup-head button,.sunie-sheet-head button{width:40px!important;height:40px!important;padding:0!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;background:#fff!important;color:var(--lc-text)!important;font-size:20px!important;font-weight:900!important}
.lc-modal-body,.sunie-modal-body,.sunie-topping-list,.sunie-qr-popup-body,.sunie-notification-list,.sunie-cart-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding:12px!important;
  margin:0!important;
  background:#fff!important;
}
.lc-modal-footer,.sunie-modal-bottom,.sunie-topping-actions,.sunie-sheet-footer{
  flex:0 0 auto!important;
  min-height:56px!important;
  padding:8px!important;
  margin:0!important;
  border:0!important;
  border-top:1px solid var(--lc-line)!important;
  border-radius:0!important;
  background:#fff!important;
  display:grid!important;
  grid-template-columns:7fr 3fr!important;
  gap:8px!important;
  align-items:center!important;
}
.sunie-sheet-footer{grid-template-columns:1fr!important}.sunie-submit-outside{width:100%!important;height:44px!important}
.sunie-message{font-weight:800!important;color:var(--lc-muted)!important;text-align:center!important;margin:0!important}
.sunie-checkout-overlay{position:fixed!important;inset:0!important;z-index:999990!important;background:rgba(17,24,39,.45)!important}.sunie-checkout-sheet{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:1000001!important}.sunie-checkout-sheet[aria-hidden="true"]{display:none!important}.sunie-checkout-sheet[aria-hidden="false"]{display:flex!important}

/* QR modal */
.sunie-qr-popup-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;place-items:center!important;min-height:0!important}
.sunie-qr-popup-card{width:100%!important;max-width:520px!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;background:#fff!important;padding:12px!important;display:grid!important;gap:10px!important;justify-items:center!important;text-align:center!important;margin:0 auto!important}
.sunie-qr-meta strong{display:block!important;font-weight:900!important}.sunie-qr-meta small{display:block!important;color:var(--lc-muted)!important;font-size:12px!important;margin-top:3px!important}
.sunie-qr-image{width:260px!important;max-width:82%!important;height:auto!important;display:block!important;margin:0 auto!important}
.sunie-qr-popup-card input,.sunie-qr-popup-form input{height:42px!important;width:100%!important;min-width:0!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;padding:0 10px!important;background:#fff!important;box-shadow:none!important}
.sunie-qr-popup-form{grid-template-columns:7fr 3fr!important}.sunie-qr-popup-desc{margin:0 0 12px!important;color:var(--lc-muted)!important;font-weight:700!important;text-align:center!important}

/* Topping cards = compact product cards */
.sunie-topping-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.sunie-top-row,.sunie-topping-row,.sunie-topping-card{
  min-height:58px!important;
  border:1px solid var(--lc-line)!important;
  border-radius:var(--lc-radius)!important;
  background:#fff!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
}
.sunie-top-name,.sunie-topping-name{min-width:0!important;font-weight:900!important;font-size:15px!important;line-height:1.2!important}.sunie-top-price,.sunie-topping-price{color:var(--lc-primary)!important;font-weight:900!important;font-size:13px!important}.sunie-top-actions,.sunie-topping-row-actions{display:flex!important;align-items:center!important;gap:6px!important}.sunie-top-actions span,.sunie-topping-row-actions span{min-width:28px!important;text-align:center!important;font-weight:900!important;color:var(--lc-primary)!important}
.sunie-topping-actions input,.sunie-apply-top{height:42px!important;width:100%!important;margin:0!important}
.sunie-topping-actions input{border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;padding:0 10px!important;background:#fff!important;box-shadow:none!important}

/* Cart / order info modal */
.sunie-customer-details{border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;margin:0 0 10px!important;background:#fff!important;overflow:hidden!important}
.sunie-customer-details summary{height:44px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-weight:900!important;cursor:pointer!important}.sunie-customer-details summary span{font-size:12px!important;color:var(--lc-muted)!important;font-weight:800!important}
.sunie-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px!important;border-top:1px solid var(--lc-line)!important}.sunie-form-grid label{font-size:12px!important;color:var(--lc-muted)!important;font-weight:900!important}.sunie-form-grid input,.sunie-form-grid textarea{width:100%!important;margin-top:4px!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;background:#fff!important;padding:9px 10px!important;box-shadow:none!important}.sunie-form-full{grid-column:1/-1!important}
.sunie-cart-lines{display:grid!important;gap:8px!important;min-height:0!important;overflow:visible!important;padding:0!important;background:#fff!important}.sunie-cart-lines .empty{margin:0!important;color:var(--lc-muted)!important;text-align:center!important;padding:14px!important;border:1px dashed var(--lc-line)!important;border-radius:var(--lc-radius)!important}.sunie-cart-line{border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;padding:10px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;background:#fff!important}.sunie-cart-line b{font-size:17px!important;font-weight:900!important}.sunie-cart-line small{display:block!important;color:var(--lc-muted)!important;margin-top:3px!important}.sunie-cart-line .qty,.sunie-cart-qty{background:var(--lc-primary)!important;color:#fff!important;border-radius:999px!important;min-width:28px!important;height:24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;padding:0 8px!important}

/* KPI */
.sunie-public-stats{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  padding:10px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.sunie-public-stats::-webkit-scrollbar{display:none!important}
.sunie-public-stats>div{min-width:120px!important;background:#fff!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;padding:10px!important;box-shadow:none!important}.sunie-public-stats strong{display:block!important;font-size:18px!important;line-height:1.1!important;font-weight:900!important;color:var(--lc-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sunie-public-stats span{display:block!important;margin-top:5px!important;color:var(--lc-muted)!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sunie-live-feed{margin:0 10px 10px!important;background:#fff!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;padding:10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.sunie-live-feed strong{font-weight:900!important}.sunie-live-feed span{color:var(--lc-muted)!important;font-weight:700!important;font-size:12px!important;text-align:right!important}

/* Order cards */
.sunie-public-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin:0!important;padding:0 10px 10px!important}.sunie-public-order-card{background:#fff!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;padding:10px!important;margin:0!important;box-shadow:none!important;min-width:0!important}.sunie-public-order-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;padding:0 0 8px!important;border-bottom:1px solid var(--lc-line)!important;margin:0!important}.sunie-public-code strong{font-size:17px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}.sunie-public-total{font-size:16px!important;color:var(--lc-primary)!important;font-weight:900!important;white-space:nowrap!important}.sunie-public-meta{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:8px 0!important;color:var(--lc-muted)!important;font-size:12px!important;font-weight:800!important}.sunie-public-meta span{white-space:nowrap!important}.sunie-public-lines{display:grid!important;gap:0!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;overflow:hidden!important;background:#fff!important}.sunie-public-line{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:7px 9px!important;border-bottom:1px solid var(--lc-line)!important;background:#fff!important;cursor:pointer!important}.sunie-public-line:last-child{border-bottom:0!important}.sunie-public-line input{display:none!important}.sunie-line-check{width:22px!important;height:22px!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;display:grid!important;place-items:center!important;color:#fff!important;font-size:13px!important}.sunie-line-name{min-width:0!important}.sunie-line-name b{font-size:16px!important;font-weight:900!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sunie-line-name small{display:block!important;color:var(--lc-muted)!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sunie-public-line em{font-style:normal!important;font-weight:900!important;color:var(--lc-text)!important}.sunie-public-line.is-done,.sunie-public-line.is-checked{background:#f8fafc!important}.sunie-public-line.is-done .sunie-line-name,.sunie-public-line.is-checked .sunie-line-name{color:#9ca3af!important;text-decoration:line-through!important}.sunie-public-line.is-done .sunie-line-check,.sunie-public-line.is-checked .sunie-line-check{background:var(--lc-primary)!important;border-color:var(--lc-primary)!important;color:#fff!important}.sunie-status-buttons{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:10px!important;align-items:center!important}.sunie-status-buttons>*{flex:0 0 auto!important}.sunie-load-more{margin:0 10px 12px!important}.sunie-done-order-details,.sunie-done-order-summary{margin:0!important;padding:0!important}.sunie-done-order-summary{cursor:pointer!important;list-style:none!important}

/* Notification cards horizontal */
.sunie-notice-order{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;background:#fff!important;padding:10px!important;margin:0 0 8px!important}.sunie-notice-main{min-width:0!important}.sunie-notice-main strong{display:block!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sunie-notice-main span,.sunie-notice-side small{display:block!important;color:var(--lc-muted)!important;font-size:12px!important;font-weight:700!important}.sunie-notice-side b{display:block!important;color:var(--lc-primary)!important;font-weight:900!important;text-align:right!important}.sunie-open-order-btn{height:38px!important}

/* Report */
.sunie-report-filter{display:grid!important;grid-template-columns:1fr 1fr auto!important;gap:8px!important;align-items:end!important;margin:0!important;padding:10px!important;background:var(--lc-bg)!important}.sunie-report-filter label{font-size:12px!important;font-weight:900!important;color:var(--lc-muted)!important}.sunie-report-filter input,.sunie-report-filter select{width:100%!important;height:42px!important;margin-top:4px!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;background:#fff!important;padding:0 10px!important;box-shadow:none!important}.sunie-report-filter button{height:42px!important;min-width:110px!important}.sunie-data-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important;padding:0 10px 10px!important;margin:0!important}.sunie-data-grid section{background:#fff!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;padding:12px!important;margin:0!important;box-shadow:none!important}.sunie-data-grid h3{font-size:18px!important;font-weight:900!important;margin:0 0 10px!important;color:var(--lc-text)!important}.sunie-data-bar{display:grid!important;grid-template-columns:150px minmax(0,1fr) 40px!important;gap:8px!important;align-items:center!important;margin-bottom:8px!important}.sunie-data-bar b{height:8px!important;min-width:3px!important;background:var(--lc-primary)!important;border-radius:999px!important}.sunie-data-bar em{text-align:right!important;font-style:normal!important;font-weight:900!important}.sunie-data-table{width:100%!important;border-collapse:collapse!important}.sunie-data-table th,.sunie-data-table td{padding:9px!important;border-bottom:1px solid var(--lc-line)!important;text-align:left!important}.sunie-data-table th{font-size:12px!important;color:var(--lc-muted)!important;text-transform:uppercase!important}.sunie-sold-report{grid-column:1/-1!important}

/* Menu modal */
.sunie-public-menu-panel{width:min(560px,80vw)!important;height:auto!important;max-height:80dvh!important}.sunie-public-menu-overlay{position:absolute!important;inset:0!important}.sunie-public-menu-body{padding:12px!important}.sunie-menu-font-row{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important;margin:0 0 12px!important;padding:0!important}.sunie-menu-font-row>span{font-weight:900!important}.sunie-font-tools{height:42px!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;display:grid!important;grid-template-columns:48px 62px 48px!important;background:#fff!important;overflow:hidden!important}.sunie-font-tools button{border:0!important;background:#fff!important;height:42px!important;padding:0!important;font-weight:900!important}.sunie-font-label{display:grid!important;place-items:center!important;color:var(--lc-muted)!important;font-weight:900!important;border-left:1px solid var(--lc-line)!important;border-right:1px solid var(--lc-line)!important}.sunie-public-menu-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.sunie-public-menu-links a,.sunie-public-menu-links button{width:100%!important;justify-content:flex-start!important;text-align:left!important}

/* Login */
.sunie-login-gate{min-height:100dvh!important;width:100%!important;display:grid!important;place-items:center!important;padding:12px!important;background:var(--lc-bg)!important}.sunie-login-box{width:min(420px,100%)!important;background:#fff!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;padding:14px!important;display:grid!important;gap:10px!important;box-shadow:none!important}.sunie-login-box h3{margin:0!important;font-size:20px!important}.sunie-login-box p{margin:0!important;color:var(--lc-muted)!important}.sunie-login-box input{height:42px!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;padding:0 10px!important;background:#fff!important;box-shadow:none!important}

/* Feedback */
.sunie-live-toast,.sunie-processing-badge{position:fixed!important;left:50%!important;bottom:calc(var(--lc-bottom-h) + 16px)!important;transform:translateX(-50%)!important;z-index:1000002!important;max-width:calc(100vw - 24px)!important;background:#111827!important;color:#fff!important;border-radius:999px!important;padding:10px 14px!important;font-weight:900!important;box-shadow:none!important;pointer-events:none!important}.sunie-fly-heart{position:fixed!important;z-index:1000003!important;color:#e11d48!important;font-size:24px!important;pointer-events:none!important;animation:sunie-heart .8s ease forwards}@keyframes sunie-heart{to{transform:translateY(-42px) scale(1.35);opacity:0}}.sunie-badge.is-pulse{animation:sunie-pulse .35s ease}@keyframes sunie-pulse{50%{transform:scale(1.25)}}

/* Responsive */
@media (max-width:767px){
  :root{--lc-header-h:62px;--lc-bottom-h:64px;--lc-btn-h:42px}
  html body .sunie-order,html body .sunie-public-orders,html body .sunie-qr-page{font-size:calc(15px * var(--lc-font-scale));padding-bottom:0!important}
  .lc-header,.sunie-app-header,.sunie-menu-head,.sunie-public-topbar{min-height:var(--lc-header-h)!important;padding:8px!important;gap:8px!important}
  .lc-title h2,.sunie-page-title h2{font-size:18px!important}.lc-title p,.sunie-page-title p{font-size:12px!important}.lc-header-actions,.sunie-head-actions,.sunie-public-actions{gap:6px!important}.sunie-head-actions button,.sunie-head-actions a,.sunie-public-actions button,.sunie-public-actions a{width:42px!important;padding:0!important}.sunie-public-refresh{font-size:0!important}.sunie-public-refresh:before{content:'↻';font-size:18px!important}
  .sunie-order-tabs,.sunie-group-tabs{padding:8px!important;gap:8px!important}.sunie-tab{height:38px!important;padding:0 12px!important}
  .sunie-menu-list{grid-template-columns:1fr!important;padding:0 8px calc(var(--lc-bottom-h) + 12px)!important;gap:8px!important}.sunie-item{min-height:80px!important;grid-template-columns:50px minmax(0,1fr) auto!important;padding:9px!important}.sunie-thumb{width:50px!important;height:50px!important}.sunie-name{font-size:16px!important}.sunie-row-add{min-width:58px!important;padding:0 10px!important}.sunie-bottom-bar{padding:8px!important;gap:8px!important;grid-template-columns:7fr 3fr!important}.sunie-bottom-search-field,.sunie-bottom-total{height:48px!important}.sunie-bottom-total{justify-content:center!important;padding:0 8px!important}.sunie-bottom-total .sunie-total-count{display:none!important}.sunie-bottom-total strong{font-size:14px!important}
  .lc-modal-panel,.sunie-modal-panel,.sunie-topping-box,.sunie-payment-popup-box,.sunie-notification-box,.sunie-qr-popup-panel,.sunie-checkout-sheet{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;border-radius:0!important;border-left:0!important;border-right:0!important}.sunie-checkout-sheet{left:0!important;top:0!important;transform:none!important}.lc-modal-body,.sunie-modal-body,.sunie-topping-list,.sunie-qr-popup-body,.sunie-notification-list,.sunie-cart-body{padding:8px!important}.lc-modal-footer,.sunie-modal-bottom,.sunie-topping-actions,.sunie-sheet-footer{padding:8px!important;grid-template-columns:7fr 3fr!important}.sunie-sheet-footer{grid-template-columns:1fr!important}.sunie-qr-popup-form{grid-template-columns:1fr!important}.sunie-topping-list{grid-template-columns:1fr!important}.sunie-form-grid{grid-template-columns:1fr!important}.sunie-public-stats{display:flex!important;gap:8px!important;padding:8px!important}.sunie-public-stats>div{flex:0 0 138px!important}.sunie-public-grid{grid-template-columns:1fr!important;padding:0 8px 8px!important}.sunie-live-feed{margin:0 8px 8px!important;display:grid!important;grid-template-columns:1fr!important}.sunie-live-feed span{text-align:left!important}.sunie-status-buttons{gap:7px!important}.sunie-status-buttons .sunie-status-btn,.sunie-status-buttons .sunie-delete-order-btn,.sunie-status-buttons .sunie-adjust-order-btn{height:38px!important;font-size:13px!important;padding:0 10px!important}.sunie-notice-order{grid-template-columns:minmax(0,1fr) auto!important}.sunie-notice-order .sunie-open-order-btn{grid-column:1/-1!important;width:100%!important}.sunie-report-filter{grid-template-columns:1fr!important;padding:8px!important}.sunie-data-grid{grid-template-columns:1fr!important;padding:0 8px 8px!important}.sunie-data-bar{grid-template-columns:110px minmax(0,1fr) 34px!important}.sunie-public-menu-panel{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.sunie-public-menu-links{grid-template-columns:1fr!important}.sunie-menu-font-row{grid-template-columns:1fr!important}.sunie-font-tools{width:100%!important;grid-template-columns:1fr 72px 1fr!important}.sunie-qr-image{width:240px!important;max-width:88%!important}
}
@media (min-width:768px) and (max-width:1199px){
  .sunie-menu-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sunie-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sunie-public-stats{grid-template-columns:repeat(6,minmax(0,1fr))!important}.sunie-report-filter{grid-template-columns:1fr 1fr auto!important}.sunie-data-grid{grid-template-columns:1fr 1fr!important}
}
@media (min-width:1200px){
  .sunie-menu-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sunie-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sunie-public-stats{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
.sunie-heart-float{position:fixed!important;z-index:1000003!important;color:#e11d48!important;font-size:24px!important;pointer-events:none!important;animation:sunie-heart .8s ease forwards}


/* LC Store v4.4.1 - wireframe layout fixes: card/menu/modal/font/effects */
html body.admin-bar .lc-header,
html body.admin-bar .sunie-app-header,
html body.admin-bar .sunie-menu-head,
html body.admin-bar .sunie-public-topbar{top:32px!important}
@media(max-width:782px){html body.admin-bar .lc-header,html body.admin-bar .sunie-app-header,html body.admin-bar .sunie-menu-head,html body.admin-bar .sunie-public-topbar{top:46px!important}}
.lc-header,.sunie-app-header,.sunie-menu-head,.sunie-public-topbar{position:fixed!important;left:0!important;right:0!important;top:0!important;z-index:900000!important;height:var(--lc-header-h)!important;max-height:var(--lc-header-h)!important}
.sunie-menu-column,.sunie-public-v320,.sunie-qr-page,.lc-page{padding-top:var(--lc-header-h)!important}
body.admin-bar .sunie-menu-column,body.admin-bar .sunie-public-v320,body.admin-bar .sunie-qr-page,body.admin-bar .lc-page{padding-top:calc(var(--lc-header-h) + 32px)!important}
@media(max-width:782px){body.admin-bar .sunie-menu-column,body.admin-bar .sunie-public-v320,body.admin-bar .sunie-qr-page,body.admin-bar .lc-page{padding-top:calc(var(--lc-header-h) + 46px)!important}}
.sunie-order-tabs,.sunie-group-tabs{display:flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;min-width:0!important;max-width:100vw!important;scroll-snap-type:x proximity!important}
.sunie-tab,.sunie-group-tab{flex:0 0 auto!important;height:38px!important;min-width:auto!important;padding:0 14px!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;background:#fff!important;color:var(--lc-text)!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;white-space:nowrap!important;margin:0!important;scroll-snap-align:start!important;box-shadow:none!important}
.sunie-tab.is-active,.sunie-tab.active,.sunie-group-tab.is-active,.sunie-group-tab.active{border-color:var(--lc-primary)!important;color:var(--lc-primary)!important;background:#fff!important}
.sunie-order-tabs .sunie-tab + .sunie-tab,.sunie-group-tabs .sunie-group-tab + .sunie-group-tab{margin-left:0!important}
.sunie-item{grid-template-columns:52px minmax(0,1fr) auto!important;text-align:left!important}
.sunie-info,.sunie-name,.sunie-price,.sunie-add-topping{text-align:left!important}.sunie-name{font-size:calc(17px * var(--sunie-font-scale,1))!important}.sunie-price{font-size:calc(14px * var(--sunie-font-scale,1))!important}.sunie-add-topping{display:inline-flex!important;width:max-content!important;max-width:100%!important}
.sunie-row-actions{justify-self:end!important}.sunie-row-minus,.sunie-row-add{height:40px!important}.sunie-row-add{min-width:62px!important}
.sunie-bottom-bar{grid-template-columns:7fr 3fr!important;gap:8px!important}.sunie-bottom-search-field,.sunie-bottom-total{height:48px!important;align-self:stretch!important}.sunie-bottom-total{min-width:0!important;overflow:hidden!important}.sunie-bottom-total strong{overflow:hidden!important;text-overflow:ellipsis!important}
/* shared modal layer */
.sunie-checkout-overlay.is-open{display:block!important}.sunie-checkout-sheet{width:80vw!important;max-width:1120px!important;height:80dvh!important;max-height:80dvh!important}.sunie-sheet-head,.sunie-topping-head,.sunie-modal-head,.sunie-notification-head,.sunie-qr-popup-head{position:relative!important;z-index:2!important}.sunie-cart-body,.sunie-topping-list,.sunie-notification-list,.sunie-modal-body{overflow:auto!important}
.sunie-cart-lines{align-content:start!important}.sunie-cart-line{min-height:64px!important;padding:10px 12px!important;grid-template-columns:minmax(0,1fr) auto!important;text-align:left!important}.sunie-cart-name{border:0!important;background:transparent!important;text-align:left!important;padding:0!important;height:auto!important;min-height:0!important;display:block!important;color:var(--lc-text)!important}.sunie-cart-name b{font-size:calc(18px * var(--sunie-font-scale,1))!important;line-height:1.2!important;display:block!important;text-align:left!important}.sunie-cart-name small{font-size:calc(13px * var(--sunie-font-scale,1))!important;text-align:left!important;color:var(--lc-muted)!important}.sunie-cart-actions{display:flex!important;align-items:center!important;gap:10px!important;justify-content:flex-end!important}.sunie-cart-actions>strong{min-width:82px!important;text-align:right!important;white-space:nowrap!important}.sunie-cart-qty{height:34px!important;border-radius:var(--lc-radius)!important;display:inline-grid!important;grid-template-columns:34px 40px 34px!important;align-items:center!important;background:#fff!important;border:1px solid var(--lc-line)!important;color:var(--lc-text)!important;padding:0!important;overflow:hidden!important}.sunie-cart-qty button{height:34px!important;width:34px!important;border:0!important;background:#fff!important;color:var(--lc-text)!important;padding:0!important}.sunie-cart-qty strong{height:34px!important;display:grid!important;place-items:center!important;background:var(--lc-primary)!important;color:#fff!important;font-weight:900!important}.sunie-cart-name.is-note-muted,.sunie-cart-name.is-checked{opacity:.45!important;text-decoration:line-through!important}
/* topping modal uses compact horizontal cards like product card */
.sunie-topping-list label,.sunie-topping-card{min-height:58px!important;border:1px solid var(--lc-line)!important;border-radius:var(--lc-radius)!important;background:#fff!important;padding:8px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;text-align:left!important;margin:0!important}.sunie-topping-list label:has(input:checked),.sunie-topping-card:has(input:checked){border-color:var(--lc-primary)!important;background:#fff!important}.sunie-topping-list label .sunie-thumb{width:42px!important;height:42px!important}.sunie-topping-list label .sunie-name{font-size:15px!important;line-height:1.2!important}.sunie-topping-list label .sunie-price{font-size:13px!important;margin:2px 0 0!important}.sunie-topping-list label input{width:22px!important;height:22px!important;margin:0!important;accent-color:var(--lc-primary)!important}.sunie-topping-actions{grid-template-columns:7fr 3fr!important}.sunie-topping-search,.sunie-topping-actions input{height:44px!important}.sunie-apply-top{height:44px!important}
/* notification cards horizontal */
.sunie-notice-order{grid-template-columns:42px minmax(0,1fr) auto!important;min-height:60px!important}.sunie-notice-order:before{content:'🔔';width:42px;height:42px;border:1px solid var(--lc-line);border-radius:var(--lc-radius);display:grid;place-items:center;background:#fff}.sunie-notice-side{white-space:nowrap!important}.sunie-notice-order .sunie-open-order-btn{height:38px!important}
/* font scale affects fixed text sizes */
.lc-title h2,.sunie-page-title h2{font-size:calc(20px * var(--sunie-font-scale,1))!important}.lc-title p,.sunie-page-title p{font-size:calc(12px * var(--sunie-font-scale,1))!important}.sunie-tab,.sunie-group-tab,.sunie-public-stats span,.sunie-public-meta,.sunie-status-btn,.sunie-delete-order-btn,.sunie-adjust-order-btn{font-size:calc(14px * var(--sunie-font-scale,1))!important}.sunie-public-code strong{font-size:calc(17px * var(--sunie-font-scale,1))!important}.sunie-line-name b{font-size:calc(16px * var(--sunie-font-scale,1))!important}
/* feedback */
.sunie-heart-float{left:50%!important;bottom:calc(var(--lc-bottom-h) + 32px)!important;transform:translateX(-50%)!important}.sunie-live-toast,.sunie-processing-badge{bottom:calc(var(--lc-bottom-h) + 18px)!important;z-index:1000005!important}.sunie-bottom-total.is-pulse,.sunie-badge.is-pulse{animation:sunie-pulse .35s ease!important}@keyframes sunie-pulse{50%{transform:scale(1.12)}}
@media(max-width:767px){.lc-header,.sunie-app-header,.sunie-menu-head,.sunie-public-topbar{height:var(--lc-header-h)!important}.sunie-order-tabs,.sunie-group-tabs{padding:8px 8px!important;gap:8px!important}.sunie-menu-list{grid-template-columns:1fr!important;padding-left:8px!important;padding-right:8px!important}.sunie-item{grid-template-columns:50px minmax(0,1fr) auto!important;min-height:86px!important}.sunie-row-add{min-width:62px!important;height:42px!important}.sunie-bottom-bar{grid-template-columns:7fr 3fr!important;padding:8px!important;gap:8px!important}.sunie-bottom-search-field,.sunie-bottom-total{height:48px!important}.sunie-checkout-sheet,.sunie-topping-box,.sunie-notification-box,.sunie-qr-popup-panel,.sunie-modal-panel{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important}.sunie-cart-line{min-height:62px!important}.sunie-cart-actions>strong{min-width:72px!important}.sunie-topping-list{grid-template-columns:1fr!important}.sunie-topping-actions{grid-template-columns:7fr 3fr!important}.sunie-notice-order{grid-template-columns:36px minmax(0,1fr)!important}.sunie-notice-order .sunie-open-order-btn{grid-column:1/-1!important}.sunie-public-menu-panel{width:100vw!important;height:100dvh!important}.sunie-public-menu-links{grid-template-columns:1fr!important}}


/* ===== v4.4.2 hotfix: mobile header/icons/tabs/cards/menu/toasts ===== */
.sunie-public-menu-toggle .sunie-nav-icon,
.sunie-public-menu-toggle .sunie-nav-icon span,
.sunie-public-menu-toggle img{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;font-size:18px!important;line-height:1!important}
.sunie-public-menu-toggle > span:not(.sunie-nav-icon){display:none!important}
.sunie-reload-btn{font-size:0!important}
.sunie-reload-btn .sunie-reload-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;font-size:18px!important;line-height:1!important}
.sunie-public-bell .sunie-bell-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;font-size:16px!important;line-height:1!important}

/* Stronger group hierarchy */
.sunie-order-tabs{padding:8px 10px 4px!important;border-bottom:1px solid var(--lc-line)!important;background:#fff!important}
.sunie-group-tabs{padding:8px 10px 10px!important;background:var(--lc-bg)!important}
.sunie-order-tabs .sunie-tab{height:40px!important;font-weight:900!important;border-color:#f0c4a8!important}
.sunie-group-tabs .sunie-group-tab{height:36px!important;font-weight:800!important;background:#fff!important}

/* Topping card closer to product card layout */
.sunie-topping-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.sunie-topping-card,.sunie-topping-list label{
  min-height:68px!important;
  padding:10px!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  align-items:center!important;
}
.sunie-topping-card .sunie-thumb,.sunie-topping-list label .sunie-thumb{
  width:46px!important;height:46px!important;border-radius:6px!important;background:var(--lc-soft)!important;color:var(--lc-primary)!important;font-size:22px!important;font-weight:900!important;
}
.sunie-topping-card .sunie-info,.sunie-topping-list label .sunie-info{text-align:left!important}
.sunie-topping-card .sunie-name,.sunie-topping-list label .sunie-name{font-size:16px!important;font-weight:900!important;line-height:1.18!important}
.sunie-topping-card .sunie-price,.sunie-topping-list label .sunie-price{font-size:13px!important;margin-top:3px!important;display:block!important}
.sunie-topping-card input,.sunie-topping-list label input{width:22px!important;height:22px!important}

/* Toast and processing badge above overlays */
.sunie-live-toast,.sunie-processing-badge{z-index:1000008!important}

/* Notification card row layout */
.sunie-notice-order{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
.sunie-notice-order .sunie-open-order-btn{height:40px!important;min-width:110px!important}

@media(max-width:767px){
  :root{--lc-header-h:58px;--lc-bottom-h:60px;}
  .lc-header,.sunie-app-header,.sunie-menu-head,.sunie-public-topbar{
    min-height:58px!important;height:58px!important;padding:6px 8px!important;gap:8px!important;
  }
  .lc-title h2,.sunie-page-title h2{font-size:18px!important;line-height:1.08!important}
  .lc-title p,.sunie-page-title p{margin-top:2px!important;font-size:12px!important}
  .lc-header-actions,.sunie-head-actions,.sunie-public-actions{gap:6px!important}
  .sunie-public-bell,.sunie-order-bell,.sunie-public-menu-toggle,.sunie-reload-btn{width:38px!important;height:38px!important;min-width:38px!important}
  .sunie-order-tabs,.sunie-group-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important}
  .sunie-order-tabs .sunie-tab,.sunie-group-tabs .sunie-group-tab{flex:0 0 auto!important}
  .sunie-group-tabs{padding-top:4px!important}
  .sunie-menu-list{padding-top:0!important}
  .sunie-item{min-height:84px!important;grid-template-columns:52px minmax(0,1fr) 74px!important}
  .sunie-row-add{width:72px!important;min-width:72px!important;height:42px!important}
  .sunie-bottom-bar{grid-template-columns:7fr 3fr!important;gap:8px!important;padding:8px!important}
  .sunie-bottom-search-field,.sunie-bottom-total{height:46px!important}
  .sunie-topping-list{grid-template-columns:1fr!important}
  .sunie-notice-order{grid-template-columns:32px minmax(0,1fr)!important}
  .sunie-notice-order .sunie-open-order-btn{grid-column:1/-1!important;width:100%!important}
}


/* =========================================================
   LC Store v4.5.0 - Approved Wireframe Template Layout
   Source of truth: approved wireframes Trang 1-14.
   Layout-first, minimal decoration, common header/menu/modal.
   ========================================================= */

/* App reset and width */
html body .sunie-order,
html body .sunie-public-orders,
html body .sunie-qr-page,
html body .sunie-menu-column,
html body .sunie-public-v320,
html body .lc-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  background:var(--lc-bg,#f5f6f8)!important;
}

/* Shared header: identical for every page, order Reload -> Bell -> Menu */
.lc-header,
.sunie-app-header,
.sunie-menu-head,
.sunie-public-topbar{
  position:sticky!important;
  top:0!important;
  z-index:900000!important;
  width:100%!important;
  height:64px!important;
  min-height:64px!important;
  margin:0!important;
  padding:8px 12px!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:1px solid var(--lc-line,#d6dbe3)!important;
  background:#fff!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  box-shadow:none!important;
}
body.admin-bar .lc-header,
body.admin-bar .sunie-app-header,
body.admin-bar .sunie-menu-head,
body.admin-bar .sunie-public-topbar{top:32px!important}
@media(max-width:782px){
  body.admin-bar .lc-header,
  body.admin-bar .sunie-app-header,
  body.admin-bar .sunie-menu-head,
  body.admin-bar .sunie-public-topbar{top:46px!important}
}
.lc-title h2,.sunie-page-title h2{
  margin:0!important;
  font-size:20px!important;
  line-height:1.12!important;
  font-weight:900!important;
  color:var(--lc-text,#111827)!important;
}
.lc-title p,.sunie-page-title p{
  margin:2px 0 0!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:var(--lc-muted,#6b7280)!important;
}
.lc-header-actions,.sunie-head-actions,.sunie-public-actions{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:max-content!important;
}
.sunie-reload-btn{order:1!important}
.sunie-public-bell,.sunie-order-bell{order:2!important}
.sunie-public-menu-toggle,.sunie-fab-menu{order:3!important}
.sunie-public-bell,.sunie-order-bell,.sunie-public-menu-toggle,.sunie-fab-menu,.sunie-reload-btn{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid var(--lc-line,#d6dbe3)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:var(--lc-text,#111827)!important;
  box-shadow:none!important;
  font-size:18px!important;
}
.sunie-reload-btn{font-size:0!important}
.sunie-reload-icon{font-size:20px!important;line-height:1!important}
.sunie-nav-icon,.sunie-nav-icon span{display:inline-grid!important;place-items:center!important;font-size:20px!important;line-height:1!important}
.sunie-bell-badge{
  position:absolute!important;
  right:-7px!important;
  top:-7px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:#e11d48!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
}

/* Parent category: tab line-bottom; subcategory: pill scroll */
.sunie-order-tabs{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  white-space:nowrap!important;
  gap:0!important;
  width:100%!important;
  padding:0 12px!important;
  background:#fff!important;
  border-bottom:1px solid var(--lc-line,#d6dbe3)!important;
}
.sunie-order-tabs::-webkit-scrollbar,.sunie-group-tabs::-webkit-scrollbar{display:none!important}
.sunie-order-tabs .sunie-tab{
  flex:0 0 auto!important;
  height:48px!important;
  min-width:120px!important;
  padding:0 16px!important;
  border:0!important;
  border-bottom:3px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--lc-text,#111827)!important;
  font-weight:900!important;
}
.sunie-order-tabs .sunie-tab.active,
.sunie-order-tabs .sunie-tab.is-active{
  border-bottom-color:var(--lc-primary,#ff5a00)!important;
  color:var(--lc-text,#111827)!important;
}
.sunie-group-tabs{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  white-space:nowrap!important;
  gap:8px!important;
  width:100%!important;
  padding:10px 12px!important;
  background:var(--lc-bg,#f5f6f8)!important;
}
.sunie-group-tabs .sunie-group-tab{
  flex:0 0 auto!important;
  height:36px!important;
  padding:0 12px!important;
  border:1px solid var(--lc-line,#d6dbe3)!important;
  border-radius:6px!important;
  background:#fff!important;
  font-weight:800!important;
}

/* Product cards: horizontal, max 2 columns, mobile 1 column */
.sunie-menu-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:10px 12px calc(var(--lc-bottom-h,64px) + 16px)!important;
}
.sunie-item{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:88px!important;
  padding:10px!important;
  border:1px solid var(--lc-line,#d6dbe3)!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.sunie-thumb{width:56px!important;height:56px!important;border-radius:6px!important}
.sunie-info{text-align:left!important;min-width:0!important}
.sunie-name{font-size:18px!important;font-weight:900!important;line-height:1.18!important;text-align:left!important}
.sunie-price{font-size:14px!important;font-weight:900!important;color:var(--lc-primary,#ff5a00)!important;text-align:left!important}
.sunie-row-add{height:42px!important;min-width:68px!important;padding:0 12px!important;background:var(--lc-primary,#ff5a00)!important;border-color:var(--lc-primary,#ff5a00)!important;color:#fff!important}

/* Bottom order bar: 7/3, badge over cart button, total right */
.sunie-bottom-bar{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:800000!important;
  width:100%!important;
  margin:0!important;
  padding:8px 12px!important;
  display:grid!important;
  grid-template-columns:7fr 3fr!important;
  gap:10px!important;
  align-items:center!important;
  background:#fff!important;
  border-top:1px solid var(--lc-line,#d6dbe3)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.sunie-bottom-search-field,.sunie-bottom-total{
  height:48px!important;
  margin:0!important;
  border-radius:6px!important;
}
.sunie-bottom-total{
  position:relative!important;
  justify-content:flex-end!important;
  text-align:right!important;
  padding:0 14px 0 44px!important;
  background:#222!important;
  color:#fff!important;
}
.sunie-bottom-total .sunie-badge{
  position:absolute!important;
  top:-8px!important;
  left:28px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:#ff5a00!important;
  color:#fff!important;
  font-size:11px!important;
}
.sunie-bottom-total strong,.sunie-bottom-total b{
  margin-left:auto!important;
  text-align:right!important;
  white-space:nowrap!important;
}

/* KPI bars: one horizontal line on desktop/tablet; mobile horizontal scroll */
.sunie-public-stats,.sunie-kpi-grid,.lc-kpi{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  width:100%!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  padding:10px 12px!important;
}
.sunie-public-stats::-webkit-scrollbar,.sunie-kpi-grid::-webkit-scrollbar,.lc-kpi::-webkit-scrollbar{display:none!important}
.sunie-public-stats>div,.sunie-kpi-grid>div,.lc-kpi>*{
  flex:1 0 150px!important;
  min-height:72px!important;
  border:1px solid var(--lc-line,#d6dbe3)!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:none!important;
}

/* Order cards and kitchen cards: max 2 columns */
.sunie-public-grid,.sunie-kitchen-grid,.sunie-orders-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:10px 12px!important;
}
.sunie-order-card,.sunie-public-card,.sunie-kitchen-card{
  border:1px solid var(--lc-line,#d6dbe3)!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:none!important;
}

/* Report filter horizontal on desktop/tablet */
.sunie-report-filter{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  padding:10px 12px!important;
  align-items:end!important;
}
.sunie-report-filter input,.sunie-report-filter select,.sunie-report-filter button{
  height:42px!important;
  border:1px solid var(--lc-line,#d6dbe3)!important;
  border-radius:6px!important;
}

/* Shared modal shell */
.sunie-topping-modal,.sunie-notification-modal,.sunie-qr-popup,.sunie-payment-popup,.sunie-checkout-sheet-wrap,.sunie-modal{
  z-index:1000000!important;
}
.sunie-topping-box,.sunie-notification-box,.sunie-qr-popup-panel,.sunie-payment-box,.sunie-checkout-sheet,.sunie-modal-panel{
  width:min(80vw,760px)!important;
  max-width:min(80vw,760px)!important;
  max-height:80dvh!important;
  margin:auto!important;
  border-radius:6px!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
.sunie-topping-head,.sunie-notification-head,.sunie-qr-popup-head,.sunie-payment-head,.sunie-sheet-head,.sunie-modal-head{
  min-height:56px!important;
  padding:10px 12px!important;
  border-bottom:1px solid var(--lc-line,#d6dbe3)!important;
  background:#fff!important;
}
.sunie-topping-list,.sunie-notification-list,.sunie-qr-popup-body,.sunie-payment-body,.sunie-cart-body,.sunie-modal-body{
  overflow:auto!important;
  padding:12px!important;
  min-height:0!important;
}
.sunie-topping-actions,.sunie-notification-actions,.sunie-qr-popup-actions,.sunie-payment-actions,.sunie-sheet-footer,.sunie-modal-bottom,.sunie-modal-footer{
  min-height:60px!important;
  padding:10px 12px!important;
  border-top:1px solid var(--lc-line,#d6dbe3)!important;
  background:#fff!important;
  display:grid!important;
  grid-template-columns:7fr 3fr!important;
  gap:10px!important;
}

/* Topping modal: bottom search and product-like cards */
.sunie-topping-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.sunie-topping-card,.sunie-topping-list label{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:72px!important;
  padding:10px!important;
  border:1px solid var(--lc-line,#d6dbe3)!important;
  border-radius:6px!important;
  background:#fff!important;
  margin:0!important;
}
.sunie-topping-card input,.sunie-topping-list label input{width:22px!important;height:22px!important}

/* Notification modal: compact current-day cards */
.sunie-notice-order{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:8px!important;
  min-height:58px!important;
  padding:8px 10px!important;
  border:1px solid var(--lc-line,#d6dbe3)!important;
  border-radius:6px!important;
  background:#fff!important;
}

/* Toast / badge */
.sunie-live-toast,.sunie-processing-badge{
  position:fixed!important;
  left:50%!important;
  bottom:calc(var(--lc-bottom-h,64px) + 16px)!important;
  transform:translateX(-50%)!important;
  z-index:1000008!important;
  background:#222!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  font-weight:800!important;
  box-shadow:none!important;
}

/* Heart fly effect - old style floating hearts */
.sunie-heart-float{
  position:fixed!important;
  left:50%!important;
  bottom:calc(var(--lc-bottom-h,64px) + 30px)!important;
  z-index:1000007!important;
  pointer-events:none!important;
  color:#e11d48!important;
  font-size:26px!important;
  animation:sunie-heart-old 1.25s ease-out forwards!important;
}
@keyframes sunie-heart-old{
  0%{opacity:0;transform:translate(-50%,0) scale(.65) rotate(0deg)}
  15%{opacity:1}
  100%{opacity:0;transform:translate(calc(-50% + var(--drift,0px)),-120px) scale(1.35) rotate(var(--rot,10deg))}
}

@media(max-width:767px){
  :root{--lc-header-h:56px;--lc-bottom-h:60px}
  .lc-header,.sunie-app-header,.sunie-menu-head,.sunie-public-topbar{
    height:56px!important;
    min-height:56px!important;
    padding:6px 8px!important;
  }
  .lc-title h2,.sunie-page-title h2{font-size:16px!important}
  .lc-title p,.sunie-page-title p{font-size:11px!important}
  .sunie-public-bell,.sunie-order-bell,.sunie-public-menu-toggle,.sunie-fab-menu,.sunie-reload-btn{
    width:36px!important;height:36px!important;min-width:36px!important;
  }
  .sunie-order-tabs{padding:0 8px!important}
  .sunie-order-tabs .sunie-tab{height:42px!important;min-width:96px!important;padding:0 12px!important}
  .sunie-group-tabs{padding:8px!important;gap:8px!important}
  .sunie-menu-list{grid-template-columns:1fr!important;padding:8px 8px calc(var(--lc-bottom-h,60px) + 12px)!important}
  .sunie-item{grid-template-columns:54px minmax(0,1fr) 72px!important;min-height:86px!important;padding:8px!important}
  .sunie-name{font-size:17px!important}
  .sunie-bottom-bar{grid-template-columns:7fr 3fr!important;gap:8px!important;padding:8px!important}
  .sunie-bottom-search-field,.sunie-bottom-total{height:46px!important}
  .sunie-bottom-total{padding:0 10px 0 34px!important}
  .sunie-public-stats>div,.sunie-kpi-grid>div,.lc-kpi>*{flex:0 0 118px!important}
  .sunie-public-grid,.sunie-kitchen-grid,.sunie-orders-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:8px!important}
  .sunie-order-card,.sunie-public-card,.sunie-kitchen-card{font-size:12px!important}
  .sunie-report-filter{grid-template-columns:1fr!important;padding:8px!important}
  .sunie-topping-box,.sunie-notification-box,.sunie-qr-popup-panel,.sunie-payment-box,.sunie-checkout-sheet,.sunie-modal-panel{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
  }
  .sunie-topping-list{grid-template-columns:1fr!important}
  .sunie-topping-actions,.sunie-notification-actions,.sunie-qr-popup-actions,.sunie-payment-actions,.sunie-sheet-footer,.sunie-modal-bottom,.sunie-modal-footer{
    grid-template-columns:7fr 3fr!important;
    padding:8px!important;
  }
  .sunie-notice-order{grid-template-columns:18px minmax(0,1fr) auto!important}
}


/* =========================================================
   LC Store v5.0.0-dev UI Skeleton
   Goal: layout-first template layer based on approved wireframes.
   This layer intentionally standardizes header, tabs, cards,
   bottom bar, modals, KPI, report filters, and notification/menu.
   ========================================================= */
:root{
  --lc5-primary:#ff5a00;
  --lc5-text:#111827;
  --lc5-muted:#64748b;
  --lc5-bg:#f5f6f8;
  --lc5-surface:#fff;
  --lc5-line:#d6dbe3;
  --lc5-soft:#eef1f5;
  --lc5-danger:#dc2626;
  --lc5-radius:6px;
  --lc5-gap:10px;
  --lc5-header-h:64px;
  --lc5-bottom-h:64px;
  --lc5-btn-h:40px;
  --lc5-font-scale:var(--sunie-font-scale,1);
}
html body .lc5-app,
html body .sunie-order,
html body .sunie-public-orders,
html body .sunie-qr-page{
  width:100%!important;
  max-width:none!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  background:var(--lc5-bg)!important;
  color:var(--lc5-text)!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:calc(16px * var(--lc5-font-scale))!important;
  line-height:1.35!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
}
.lc5-app *,.sunie-order *,.sunie-public-orders *,.sunie-qr-page *{box-sizing:border-box!important}

/* Shared header, one template only */
.lc5-header,.lc-header,.sunie-app-header,.sunie-menu-head,.sunie-public-topbar{
  position:sticky!important;
  top:0!important;
  z-index:900000!important;
  width:100%!important;
  height:var(--lc5-header-h)!important;
  min-height:var(--lc5-header-h)!important;
  margin:0!important;
  padding:8px 12px!important;
  border:0!important;
  border-bottom:1px solid var(--lc5-line)!important;
  border-radius:0!important;
  background:var(--lc5-surface)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  box-shadow:none!important;
}
body.admin-bar .lc5-header,body.admin-bar .lc-header,body.admin-bar .sunie-app-header,body.admin-bar .sunie-menu-head,body.admin-bar .sunie-public-topbar{top:32px!important}
@media(max-width:782px){body.admin-bar .lc5-header,body.admin-bar .lc-header,body.admin-bar .sunie-app-header,body.admin-bar .sunie-menu-head,body.admin-bar .sunie-public-topbar{top:46px!important}}
.lc5-title,.lc-title,.sunie-page-title{min-width:0!important;margin:0!important;padding:0!important}
.lc5-title h2,.lc-title h2,.sunie-page-title h2{
  margin:0!important;padding:0!important;font-size:20px!important;line-height:1.1!important;font-weight:900!important;color:var(--lc5-text)!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.lc5-title p,.lc-title p,.sunie-page-title p{
  margin:2px 0 0!important;padding:0!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;color:var(--lc5-muted)!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.lc5-header-actions,.lc-header-actions,.sunie-head-actions,.sunie-public-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:max-content!important;margin:0!important;padding:0!important;
}
.sunie-reload-btn{order:1!important}.sunie-public-bell,.sunie-order-bell{order:2!important}.sunie-public-menu-toggle,.sunie-fab-menu{order:3!important}
.lc5-icon-btn,.sunie-public-bell,.sunie-order-bell,.sunie-public-menu-toggle,.sunie-fab-menu,.sunie-reload-btn{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;margin:0!important;
  display:inline-grid!important;place-items:center!important;border:1px solid var(--lc5-line)!important;border-radius:var(--lc5-radius)!important;background:#fff!important;color:var(--lc5-text)!important;
  font-size:18px!important;line-height:1!important;text-decoration:none!important;box-shadow:none!important;
}
.sunie-reload-btn{font-size:0!important}.sunie-reload-icon{font-size:20px!important}.sunie-nav-icon,.sunie-nav-icon span{display:inline-grid!important;place-items:center!important;font-size:20px!important;line-height:1!important}
.sunie-public-menu-toggle>span:not(.sunie-nav-icon){display:none!important}
.sunie-bell-badge,.lc5-badge,.sunie-badge{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;background:#e11d48!important;color:#fff!important;font-size:11px!important;font-weight:900!important;line-height:18px!important;
}
.sunie-bell-badge{position:absolute!important;right:-7px!important;top:-7px!important}

/* Page grids */
.sunie-menu-column,.sunie-public-v320,.sunie-qr-page,.lc-page{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:0!important;
}
.sunie-menu-column>*,.sunie-public-v320>*,.sunie-qr-page>*,.lc-page>*{grid-column:1/-1!important}

/* Parent tabs line-bottom; child tabs pills. */
.sunie-search-wrap{display:none!important}
.sunie-order-tabs{
  display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;gap:0!important;
  margin:0!important;padding:0 12px!important;background:#fff!important;border-bottom:1px solid var(--lc5-line)!important;
}
.sunie-order-tabs::-webkit-scrollbar,.sunie-group-tabs::-webkit-scrollbar{display:none!important}
.sunie-order-tabs .sunie-tab{
  flex:0 0 auto!important;min-width:120px!important;height:48px!important;padding:0 16px!important;margin:0!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:transparent!important;color:var(--lc5-text)!important;font-weight:900!important;
}
.sunie-order-tabs .sunie-tab.active,.sunie-order-tabs .sunie-tab.is-active{border-bottom-color:var(--lc5-primary)!important;color:var(--lc5-text)!important}
.sunie-group-tabs{
  display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;gap:8px!important;
  width:100%!important;margin:0!important;padding:10px 12px!important;background:var(--lc5-bg)!important;
}
.sunie-group-tab{
  flex:0 0 auto!important;height:36px!important;padding:0 12px!important;margin:0!important;border:1px solid var(--lc5-line)!important;border-radius:var(--lc5-radius)!important;background:#fff!important;font-weight:800!important;
}

/* Product cards approved layout */
.sunie-menu-list{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;max-width:none!important;margin:0!important;padding:10px 12px calc(var(--lc5-bottom-h) + 16px)!important;
}
.sunie-item{
  display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:88px!important;padding:10px!important;margin:0!important;background:#fff!important;border:1px solid var(--lc5-line)!important;border-radius:var(--lc5-radius)!important;box-shadow:none!important;overflow:hidden!important;
}
.sunie-item.is-selected{border-color:var(--lc5-primary)!important}
.sunie-thumb{width:56px!important;height:56px!important;border-radius:var(--lc5-radius)!important;background:var(--lc5-soft)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.sunie-info{text-align:left!important;min-width:0!important}
.sunie-name{font-size:18px!important;font-weight:900!important;line-height:1.18!important;margin:0!important;text-align:left!important}
.sunie-price{font-size:14px!important;font-weight:900!important;color:var(--lc5-primary)!important;margin:2px 0 0!important;text-align:left!important}
.sunie-add-topping{height:28px!important;margin-top:6px!important;padding:0 8px!important;border:1px solid var(--lc5-line)!important;border-radius:var(--lc5-radius)!important;background:#fff!important;font-size:12px!important;font-weight:800!important}
.sunie-row-add{height:42px!important;min-width:68px!important;padding:0 12px!important;background:var(--lc5-primary)!important;border-color:var(--lc5-primary)!important;color:#fff!important}

/* Bottom order bar 7/3 */
.sunie-bottom-bar{
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:800000!important;width:100%!important;margin:0!important;padding:8px 12px!important;
  display:grid!important;grid-template-columns:7fr 3fr!important;gap:10px!important;align-items:center!important;background:#fff!important;border-top:1px solid var(--lc5-line)!important;border-radius:0!important;box-shadow:none!important;
}
.sunie-bottom-search-field,.sunie-bottom-total{height:48px!important;margin:0!important;border-radius:var(--lc5-radius)!important}
.sunie-bottom-total{
  position:relative!important;justify-content:flex-end!important;text-align:right!important;padding:0 14px 0 44px!important;background:#222!important;color:#fff!important;display:flex!important;align-items:center!important;gap:8px!important;
}
.sunie-bottom-total .sunie-badge{position:absolute!important;top:-8px!important;left:28px!important;background:var(--lc5-primary)!important;color:#fff!important}
.sunie-bottom-total strong,.sunie-bottom-total b{margin-left:auto!important;text-align:right!important;white-space:nowrap!important}

/* KPI */
.sunie-public-stats,.sunie-kpi-grid,.lc-kpi{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;width:100%!important;overflow-x:auto!important;scrollbar-width:none!important;padding:10px 12px!important}
.sunie-public-stats::-webkit-scrollbar,.sunie-kpi-grid::-webkit-scrollbar,.lc-kpi::-webkit-scrollbar{display:none!important}
.sunie-public-stats>div,.sunie-kpi-grid>div,.lc-kpi>*{flex:1 0 150px!important;min-height:72px!important;border:1px solid var(--lc5-line)!important;border-radius:var(--lc5-radius)!important;background:#fff!important;box-shadow:none!important}

/* Order / kitchen max 2 columns */
.sunie-public-grid,.sunie-kitchen-grid,.sunie-orders-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:10px 12px!important}
.sunie-order-card,.sunie-public-card,.sunie-kitchen-card{border:1px solid var(--lc5-line)!important;border-radius:var(--lc5-radius)!important;background:#fff!important;box-shadow:none!important}

/* Report */
.sunie-report-filter{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;padding:10px 12px!important;align-items:end!important}
.sunie-report-filter input,.sunie-report-filter select,.sunie-report-filter button{height:42px!important;border:1px solid var(--lc5-line)!important;border-radius:var(--lc5-radius)!important}

/* Modal shell */
.sunie-topping-modal,.sunie-notification-modal,.sunie-qr-popup,.sunie-payment-popup,.sunie-checkout-sheet-wrap,.sunie-modal{z-index:1000000!important}
.sunie-topping-box,.sunie-notification-box,.sunie-qr-popup-panel,.sunie-payment-box,.sunie-checkout-sheet,.sunie-modal-panel,.sunie-public-menu-panel{
  width:min(80vw,760px)!important;max-width:min(80vw,760px)!important;max-height:80dvh!important;margin:auto!important;border-radius:var(--lc5-radius)!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;background:#fff!important;
}
.sunie-topping-head,.sunie-notification-head,.sunie-qr-popup-head,.sunie-payment-head,.sunie-sheet-head,.sunie-modal-head,.sunie-public-menu-head{
  min-height:56px!important;padding:10px 12px!important;border-bottom:1px solid var(--lc5-line)!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
}
.sunie-topping-list,.sunie-notification-list,.sunie-qr-popup-body,.sunie-payment-body,.sunie-cart-body,.sunie-modal-body,.sunie-public-menu-body{overflow:auto!important;padding:12px!important;min-height:0!important}
.sunie-topping-actions,.sunie-notification-actions,.sunie-qr-popup-actions,.sunie-payment-actions,.sunie-sheet-footer,.sunie-modal-bottom,.sunie-modal-footer{
  min-height:60px!important;padding:10px 12px!important;border-top:1px solid var(--lc5-line)!important;background:#fff!important;display:grid!important;grid-template-columns:7fr 3fr!important;gap:10px!important;
}

/* Topping modal: search in bottom bar */
.sunie-topping-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.sunie-topping-card,.sunie-topping-list label{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:72px!important;padding:10px!important;border:1px solid var(--lc5-line)!important;border-radius:var(--lc5-radius)!important;background:#fff!important;margin:0!important}
.sunie-topping-card input,.sunie-topping-list label input{width:22px!important;height:22px!important}

/* Compact notification modal */
.sunie-notice-order{display:grid!important;grid-template-columns:20px minmax(0,1fr) auto auto!important;align-items:center!important;gap:8px!important;min-height:58px!important;padding:8px 10px!important;border:1px solid var(--lc5-line)!important;border-radius:var(--lc5-radius)!important;background:#fff!important}

/* Menu modal */
.sunie-public-menu-links{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.sunie-public-menu-links a,.sunie-public-menu-links button{height:44px!important;justify-content:space-between!important;border:1px solid var(--lc5-line)!important;border-radius:var(--lc5-radius)!important;background:#fff!important}
.sunie-menu-font-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-bottom:10px!important}
.sunie-font-tools{display:grid!important;grid-template-columns:1fr 72px 1fr!important;height:42px!important;border:1px solid var(--lc5-line)!important;border-radius:var(--lc5-radius)!important;overflow:hidden!important}

/* Toast/heart */
.sunie-live-toast,.sunie-processing-badge{position:fixed!important;left:50%!important;bottom:calc(var(--lc5-bottom-h) + 16px)!important;transform:translateX(-50%)!important;z-index:1000008!important;background:#222!important;color:#fff!important;border-radius:999px!important;padding:10px 14px!important;font-weight:800!important;box-shadow:none!important}
.sunie-heart-float{position:fixed!important;left:50%!important;bottom:calc(var(--lc5-bottom-h) + 30px)!important;z-index:1000007!important;pointer-events:none!important;color:#e11d48!important;font-size:26px!important;animation:lc5-heart 1.25s ease-out forwards!important}
@keyframes lc5-heart{0%{opacity:0;transform:translate(-50%,0) scale(.65) rotate(0deg)}15%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--drift,0px)),-120px) scale(1.35) rotate(var(--rot,10deg))}}

@media(max-width:767px){
  :root{--lc5-header-h:56px;--lc5-bottom-h:60px}
  .lc5-header,.lc-header,.sunie-app-header,.sunie-menu-head,.sunie-public-topbar{height:56px!important;min-height:56px!important;padding:6px 8px!important}
  .lc5-title h2,.lc-title h2,.sunie-page-title h2{font-size:16px!important}
  .lc5-title p,.lc-title p,.sunie-page-title p{font-size:11px!important}
  .lc5-icon-btn,.sunie-public-bell,.sunie-order-bell,.sunie-public-menu-toggle,.sunie-fab-menu,.sunie-reload-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  .sunie-order-tabs{padding:0 8px!important}
  .sunie-order-tabs .sunie-tab{height:42px!important;min-width:96px!important;padding:0 12px!important}
  .sunie-group-tabs{padding:8px!important;gap:8px!important}
  .sunie-menu-list{grid-template-columns:1fr!important;padding:8px 8px calc(var(--lc5-bottom-h) + 12px)!important}
  .sunie-item{grid-template-columns:54px minmax(0,1fr) 72px!important;min-height:86px!important;padding:8px!important}
  .sunie-name{font-size:17px!important}
  .sunie-bottom-bar{grid-template-columns:7fr 3fr!important;gap:8px!important;padding:8px!important}
  .sunie-bottom-search-field,.sunie-bottom-total{height:46px!important}
  .sunie-bottom-total{padding:0 10px 0 34px!important}
  .sunie-public-stats>div,.sunie-kpi-grid>div,.lc-kpi>*{flex:0 0 118px!important}
  .sunie-public-grid,.sunie-kitchen-grid,.sunie-orders-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:8px!important}
  .sunie-report-filter{grid-template-columns:1fr!important;padding:8px!important}
  .sunie-topping-box,.sunie-notification-box,.sunie-qr-popup-panel,.sunie-payment-box,.sunie-checkout-sheet,.sunie-modal-panel,.sunie-public-menu-panel{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  .sunie-topping-list{grid-template-columns:1fr!important}
  .sunie-topping-actions,.sunie-notification-actions,.sunie-qr-popup-actions,.sunie-payment-actions,.sunie-sheet-footer,.sunie-modal-bottom,.sunie-modal-footer{grid-template-columns:7fr 3fr!important;padding:8px!important}
  .sunie-notice-order{grid-template-columns:18px minmax(0,1fr) auto!important}
}


/* LC Store v5.0.1 - Compact spacing hotfix */
html body .sunie-menu-column,
html body .sunie-public-v320,
html body .sunie-qr-page,
html body .lc-page,
html body .lc5-app,
html body.admin-bar .sunie-menu-column,
html body.admin-bar .sunie-public-v320,
html body.admin-bar .sunie-qr-page,
html body.admin-bar .lc-page,
html body.admin-bar .lc5-app{
  padding-top:0!important;
  margin-top:0!important;
}

.lc5-header,
.lc-header,
.sunie-app-header,
.sunie-menu-head,
.sunie-public-topbar{
  position:sticky!important;
  top:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

body.admin-bar .lc5-header,
body.admin-bar .lc-header,
body.admin-bar .sunie-app-header,
body.admin-bar .sunie-menu-head,
body.admin-bar .sunie-public-topbar{
  top:32px!important;
}
@media(max-width:782px){
  body.admin-bar .lc5-header,
  body.admin-bar .lc-header,
  body.admin-bar .sunie-app-header,
  body.admin-bar .sunie-menu-head,
  body.admin-bar .sunie-public-topbar{top:46px!important;}
}

.sunie-public-stats,
.sunie-kpi-grid,
.lc-kpi{
  padding:8px!important;
  gap:8px!important;
  align-items:stretch!important;
  margin:0!important;
}

.sunie-public-stats>div,
.sunie-kpi-grid>div,
.lc-kpi>*{
  min-height:64px!important;
  height:64px!important;
  padding:8px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
}

.sunie-public-stats strong,
.sunie-kpi-grid strong,
.lc-kpi strong{
  font-size:22px!important;
  line-height:1!important;
  margin:0!important;
}

.sunie-public-stats span,
.sunie-kpi-grid span,
.lc-kpi span{
  font-size:12px!important;
  line-height:1.15!important;
  margin:0!important;
}

.sunie-live-feed,
.sunie-new-orders,
.sunie-public-section-title,
.sunie-order-section-title{
  margin:0 8px 8px!important;
  min-height:44px!important;
  height:auto!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.sunie-empty,
.sunie-empty-state,
.sunie-no-orders,
.sunie-public-empty,
.sunie-order-empty{
  min-height:64px!important;
  height:auto!important;
  margin:0 8px 8px!important;
  padding:18px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.sunie-public-orders .sunie-public-v320,
.sunie-public-orders,
.sunie-order,
.sunie-qr-page{
  gap:0!important;
}

.sunie-public-grid,
.sunie-orders-list,
.sunie-kitchen-grid{
  padding-top:8px!important;
}

@media(min-width:768px){
  .sunie-public-stats>div,
  .sunie-kpi-grid>div,
  .lc-kpi>*{flex:1 1 0!important;}

  .sunie-public-grid,
  .sunie-orders-list,
  .sunie-kitchen-grid{
    padding:8px!important;
    gap:8px!important;
  }
}

@media(max-width:767px){
  .sunie-public-stats,
  .sunie-kpi-grid,
  .lc-kpi{
    padding:6px 8px!important;
    gap:6px!important;
  }

  .sunie-public-stats>div,
  .sunie-kpi-grid>div,
  .lc-kpi>*{
    flex:0 0 112px!important;
    height:58px!important;
    min-height:58px!important;
    padding:6px!important;
  }

  .sunie-live-feed,
  .sunie-new-orders,
  .sunie-public-section-title,
  .sunie-order-section-title{
    margin:0 8px 6px!important;
    min-height:40px!important;
    padding:7px 8px!important;
  }
}