body.app-redesign button,
body.app-redesign [role="button"],
body.app-redesign .account-chip,
body.app-redesign .product-clean-card  {
  touch-action: manipulation;
}

body.app-redesign  {
  --bg-main: #101214;
  --bg-card: #181b1f;
  --bg-card-elevated: #20252b;
  --bg-card-hover: #272d34;
  --bg-topbar: #14171a;
  --bg-input: #111417;
  --text-main: #f7f3ec;
  --text-muted: #9ca5ae;
  --text-gold: #f3b65d;
  --text-link: #bfdbfe;
  --text-light: #f8fafc;
  --primary: #df5b47;
  --primary-hover: #ef735c;
  --primary-gradient: linear-gradient(135deg, #df5b47, #b94136);
  --accent-gold: #f3b65d;
  --accent-cash: #43c995;
  --border-color: #2b3239;
  --border-color-glow: rgba(223, 91, 71, .45);
  --border-gold-glow: rgba(243, 182, 93, .42);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, .16);
  --shadow-md: 0 10px 24px rgba(0, 0, 0, .22);
  --shadow-lg: 0 18px 42px rgba(0, 0, 0, .28);
  background: var(--bg-main);
  color: var(--text-main);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}


body.app-redesign .account-action-items-list  {
  display: grid;
  gap: .25rem;
  max-height: 7rem;
  margin-top: .45rem;
  overflow: auto;
}
body.app-redesign .account-action-takeout-controls  { display: grid; gap: .45rem; margin-top: .75rem; }
body.app-redesign .account-action-add-button  {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  width: 100%;
  min-height: 2.35rem;
  margin-top: .6rem;
  border: 1px solid rgba(243, 182, 93, .52);
  border-radius: 9px;
  background: rgba(243, 182, 93, .12);
  color: #f3d29b;
  font: inherit;
  font-size: .7rem;
  font-weight: 900;
  cursor: pointer;
}
body.app-redesign .account-action-add-button:hover  { border-color: #f3b65d; background: rgba(243, 182, 93, .2); }
body.app-redesign .account-action-takeout-card,
body.app-redesign .account-action-takeout-button,
body.app-redesign .account-action-package-item  {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(243, 182, 93, .48);
  border-radius: 11px;
  background: rgba(243, 182, 93, .09);
  color: #f7f3ec;
  font: inherit;
  text-align: left;
}
body.app-redesign .account-action-takeout-card  { display: grid; gap: .45rem; padding: .55rem; }
body.app-redesign .account-action-takeout-heading,
body.app-redesign .account-action-takeout-button,
body.app-redesign .account-action-package-item  { display: flex; align-items: center; gap: .55rem; }
body.app-redesign .account-action-takeout-heading  { padding: .15rem .1rem; }
body.app-redesign .account-action-takeout-heading > span:nth-child(2),
body.app-redesign .account-action-takeout-button > span:nth-child(2),
body.app-redesign .account-action-package-item > span:nth-child(2)  { display: grid; gap: .12rem; min-width: 0; flex: 1; }
body.app-redesign .account-action-takeout-heading strong,
body.app-redesign .account-action-takeout-button strong,
body.app-redesign .account-action-package-item strong  { color: #f3b65d; font-size: .72rem; }
body.app-redesign .account-action-takeout-heading small,
body.app-redesign .account-action-takeout-button small,
body.app-redesign .account-action-package-item small  { color: #aeb9c2; font-size: .61rem; line-height: 1.25; }
body.app-redesign .account-action-takeout-icon  { display: grid; place-items: center; width: 1.85rem; height: 1.85rem; border-radius: 8px; background: rgba(243, 182, 93, .15); }
body.app-redesign .account-action-takeout-button,
body.app-redesign .account-action-package-item  { padding: .55rem .6rem; }
body.app-redesign .account-action-takeout-button  { cursor: pointer; }
body.app-redesign .account-action-package-item .cart-item-controls { flex: 0 0 auto; gap: .3rem; }
body.app-redesign .account-action-package-item .btn-qty { touch-action: manipulation; }
body.app-redesign .takeaway-packaging-settings { min-width: 0; }
body.app-redesign .takeaway-packaging-toggle { display: flex; align-items: center; gap: .7rem; min-height: 48px; padding: .55rem .7rem; border: 1px solid var(--border-color); border-radius: 10px; font-weight: 750; cursor: pointer; }
body.app-redesign .takeaway-packaging-toggle input { width: 1.3rem; height: 1.3rem; flex: 0 0 auto; accent-color: var(--accent-gold); }
body.app-redesign #cfgTakeawayPackagingUnitPrice { width: 100%; max-width: 100%; box-sizing: border-box; }
body.app-redesign .account-action-package-item  { flex: 1 1 auto; min-width: 0; }
body.app-redesign .account-action-takeout-button:hover,
body.app-redesign .account-action-package-item:hover  { border-color: #f3b65d; background: rgba(243, 182, 93, .16); }
body.app-redesign .account-action-takeout-button > b,
body.app-redesign .account-action-package-item > b  { color: #f3b65d; font-size: 1rem; }
body.app-redesign .account-action-package-remove  {
  flex: 0 0 1.6rem;
  align-self: center;
  width: 1.6rem;
  height: 1.6rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #8d969e;
  font: inherit;
  font-size: .9rem;
  font-weight: 700;
  cursor: pointer;
  opacity: .72;
}
body.app-redesign .account-action-package-remove:hover,
body.app-redesign .account-action-package-remove:focus-visible  { background: rgba(248, 113, 113, .1); color: #f87171; opacity: 1; }
body.app-redesign .account-action-item  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: .28rem .4rem;
  border: 1px solid #35404a;
  border-radius: 10px;
  background: #20262c;
}
body.app-redesign .account-action-item-name  {
  min-width: 0;
  overflow: hidden;
  color: #f7f3ec;
  font-size: .75rem;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.app-redesign .account-action-item-controls  {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: .2rem;
}
body.app-redesign .account-action-item-controls button  {
  display: grid;
  place-items: center;
  width: 1.55rem;
  height: 1.55rem;
  padding: 0;
  border: 1px solid #39434b;
  border-radius: 7px;
  background: #232930;
  color: #fff;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}
body.app-redesign .account-action-item-controls button:hover,
body.app-redesign .account-action-item-controls button:focus-visible  {
  border-color: #f3b65d;
  outline: none;
}
body.app-redesign .account-action-item-controls b,
body.app-redesign .account-action-item-controls .account-action-item-qty  {
  min-width: 1.4rem;
  color: #f3b65d;
  font-size: .82rem;
  font-weight: 900;
  text-align: center;
  user-select: none;
}
body.app-redesign .account-action-item-controls .account-action-item-remove  {
  width: auto;
  min-width: 1.35rem;
  height: auto;
  padding: 0 .15rem;
  border: 0;
  background: transparent;
  color: #8d969e;
  font-size: 1.05rem;
  line-height: 1;
  opacity: .72;
}
body.app-redesign .account-action-item-controls .account-action-item-remove:hover,
body.app-redesign .account-action-item-controls .account-action-item-remove:focus-visible  { border: 0; background: transparent; color: #f87171; opacity: 1; outline: none; }
body.app-redesign .accounts-bar-empty  {
  flex: 1 1 auto;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .55rem .8rem;
  border-radius: 10px;
  border: 1px dashed rgba(255, 255, 255, .14);
  color: #8d969e;
  font-size: .72rem;
  font-weight: 600;
  text-align: center;
}
body:not(.dark-mode).app-redesign .accounts-bar-empty  { border-color: rgba(22, 32, 42, .18); color: #536371; }
body.app-redesign .account-action-items-empty  {
  padding: .7rem;
  border: 1px dashed #39434b;
  border-radius: 10px;
  color: #aeb9c2;
  font-size: .68rem;
  line-height: 1.35;
}
body.app-redesign .account-action-footer  {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .45rem;
  margin-top: .75rem;
}
body.app-redesign .account-action-close-button,
body.app-redesign .account-action-pay-button  {
  min-height: 2.35rem;
  border-radius: 9px;
  font: inherit;
  font-size: .7rem;
  font-weight: 900;
  cursor: pointer;
}
body.app-redesign .account-action-close-button  {
  border: 1px solid #39434b;
  background: #232930;
  color: #dce2e7;
}
body.app-redesign .account-action-pay-button  {
  border: 1px solid rgba(67, 201, 149, .5);
  background: rgba(67, 201, 149, .12);
  color: #a7f3d0;
}
body.app-redesign .account-action-pay-button:disabled  {
  cursor: not-allowed;
  opacity: .48;
}
body:not(.dark-mode).app-redesign .account-action-item  {
  border-color: #d8e0e7;
  background: #f8fafb;
}
body:not(.dark-mode).app-redesign .account-action-takeout-card,
body:not(.dark-mode).app-redesign .account-action-takeout-button,
body:not(.dark-mode).app-redesign .account-action-package-item  { border-color: #e2ae62; background: #fff8eb; color: #17202a; }
body:not(.dark-mode).app-redesign .account-action-add-button  { border-color: #e2ae62; background: #fff8eb; color: #8a5313; }
body:not(.dark-mode).app-redesign .account-action-takeout-heading strong,
body:not(.dark-mode).app-redesign .account-action-takeout-button strong,
body:not(.dark-mode).app-redesign .account-action-package-item strong,
body:not(.dark-mode).app-redesign .account-action-takeout-button > b,
body:not(.dark-mode).app-redesign .account-action-package-item > b  { color: #8a5313; }
body:not(.dark-mode).app-redesign .account-action-takeout-heading small,
body:not(.dark-mode).app-redesign .account-action-takeout-button small,
body:not(.dark-mode).app-redesign .account-action-package-item small  { color: #536371; }
body:not(.dark-mode).app-redesign .account-action-package-remove  { border-color: #e5a0a0; background: #fff0f0; color: #b42318; }
body:not(.dark-mode).app-redesign .account-action-item-name  { color: #17202a; }
body:not(.dark-mode).app-redesign .account-action-item-controls button  {
  border-color: #cbd6df;
  background: #fff;
  color: #344451;
}
body:not(.dark-mode).app-redesign .account-action-item-controls .account-action-item-qty  {
  color: #8a5313;
}
body:not(.dark-mode).app-redesign .account-action-items-empty  {
  border-color: #cbd6df;
  color: #536371;
}
body:not(.dark-mode).app-redesign .account-action-close-button  {
  border-color: #cbd6df;
  background: #f1f4f6;
  color: #344451;
}
body:not(.dark-mode).app-redesign .account-action-pay-button  {
  border-color: #8dcdb2;
  background: #effaf5;
  color: #168052;
}
@media (max-width: 540px) {
  body.app-redesign .account-action-item-name  { font-size: .68rem; }
  body.app-redesign .account-action-item-controls button  { width: 1.65rem; height: 1.65rem; }
  body.app-redesign .account-action-item-controls .account-action-item-qty  { min-width: 1.2rem; font-size: .76rem; }
}

body.app-redesign input,
body.app-redesign textarea,
body.app-redesign select  {
  user-select: text;
}


body.app-redesign .theme-toggle-btn  {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  min-height: 38px;
  padding: .45rem .7rem;
  border: 1px solid rgba(243, 182, 93, .34);
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  color: #f8e5c5;
  font: inherit;
  font-size: .72rem;
  font-weight: 800;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

body.app-redesign .theme-toggle-btn:hover,
body.app-redesign .theme-toggle-btn:focus-visible  {
  background: rgba(243, 182, 93, .15);
  border-color: rgba(243, 182, 93, .72);
  outline: none;
}

body.app-redesign .theme-toggle-btn:active  { transform: scale(.96); }
body.app-redesign .theme-toggle-icon  { line-height: 1; font-size: 1rem; }
body.app-redesign .theme-toggle-label  { white-space: nowrap; }

body:not(.dark-mode).app-redesign .theme-toggle-btn  {
  background: rgba(127, 29, 29, .06);
  color: #7f1d1d;
}

@supports (view-transition-name: root) {
  :root  { view-transition-name: root; }

  ::view-transition-group(root)  {
    animation-timing-function: var(--expo-in, cubic-bezier(.22, 1, .36, 1));
  }

  ::view-transition-new(root)  {
    mask: url('https://media.tenor.com/cyORI7kwShQAAAAi/shigure-ui-dance.gif') center / 0 no-repeat;
    animation: theme-transition-scale 3s both;
  }

  ::view-transition-old(root),
  .dark::view-transition-old(root),
  .dark-mode::view-transition-old(root)  {
    animation: theme-transition-scale 3s both;
  }

  @keyframes theme-transition-scale {
    0%  { mask-size: 0; }
    10%, 90%  { mask-size: 50vmax; }
    100%  { mask-size: 2000vmax; }
  }
}
body.app-redesign .brand-logo-svg  { width: 42px; height: 42px; }
body.app-redesign .shift-dot  { width: 6px; height: 6px; background: var(--accent-cash); box-shadow: 0 0 7px rgba(67, 201, 149, .65); }
body.app-redesign .widget-pod  { padding: .1rem .85rem; text-align: left; }
body.app-redesign .pod-lbl  { color: #87929d; font-size: .58rem; letter-spacing: .08em; }
body.app-redesign .pod-val  { font-size: 1.08rem; line-height: 1.1; }
body.app-redesign .widget-pod-divider  { height: 26px; background: #343b42; }
body.app-redesign .widget-mobile-action  { display: inline-flex; margin-left: .2rem; }
body.app-redesign .widget-mobile-action span  {
  display: inline-flex;
  padding: .45rem .65rem;
  border: 1px solid rgba(243, 182, 93, .38);
  border-radius: 9px;
  color: #f3b65d;
  font-size: .66rem;
  font-weight: 900;
}
body.app-redesign .header-orders-trigger  {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-width: 112px;
  padding: .28rem .55rem;
  border: 1px solid rgba(243, 182, 93, .34);
  border-radius: 10px;
  background: rgba(243, 182, 93, .07);
  color: #f3b65d;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
body.app-redesign .header-orders-trigger:hover,
body.app-redesign .header-orders-trigger[aria-expanded="true"]  { background: rgba(243, 182, 93, .15); border-color: rgba(243, 182, 93, .7); }
body.app-redesign .header-orders-icon  { font-size: 1.05rem; }
body.app-redesign .header-orders-copy  { display: grid; line-height: 1.05; }
body.app-redesign .header-orders-copy small  { color: #9ba6b0; font-size: .58rem; }
body.app-redesign .header-orders-copy strong  { font-size: .78rem; }
body.app-redesign .header-orders-arrow  { margin-left: auto; font-size: 1rem; }
body.app-redesign .header-orders-popover  {
  position: absolute;
  z-index: 1001;
  top: calc(100% + .65rem);
  right: 0;
  width: min(580px, 78vw);
  max-height: min(70vh, 620px);
  overflow: auto;
  padding: .8rem;
  border: 1px solid #3b444d;
  border-radius: 16px;
  background: #171b1f;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .45);
}
body.app-redesign .header-orders-popover-head  { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin-bottom: .65rem; }
body.app-redesign .header-orders-popover-head > div  { display: grid; gap: .18rem; }
body.app-redesign .header-orders-popover-head strong  { color: #f7f3ec; font-size: .88rem; }
body.app-redesign .header-orders-popover .service-status-filters  { margin-bottom: .65rem; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; }
body.app-redesign .header-orders-popover .service-queue  { max-height: none; overflow: visible; }
body.app-redesign .header-orders-popover[hidden]  { display: none; }
body.app-redesign .legacy-service-overview  { display: none !important; }
body.orders-popover-open .nav-tabs  { pointer-events: auto; position: relative; z-index: 1002; }

@media (max-width: 768px) {
  body.app-redesign .header-orders-popover-head  { align-items: flex-start; }
}
body.app-redesign .top-wakelock-pill  {
  border: 1px solid rgba(243, 182, 93, .32);
  border-radius: 999px;
  background: rgba(243, 182, 93, .08);
  color: #e9ba6e;
  box-shadow: none;
  font-size: .7rem;
}


body:not(.dark-mode).app-redesign  {
  --bg-main: #f4f6f8;
  --bg-card: #ffffff;
  --bg-card-elevated: #f8fafc;
  --bg-card-hover: #fff7ed;
  --bg-topbar: #ffffff;
  --bg-input: #ffffff;
  --text-main: #17202a;
  --text-muted: #64717d;
  --text-gold: #a85d08;
  --text-link: #1d4ed8;
  --text-light: #17202a;
  --border-color: #dce3e9;
  --shadow-sm: 0 2px 8px rgba(31, 45, 61, .08);
  --shadow-md: 0 10px 24px rgba(31, 45, 61, .10);
  --shadow-lg: 0 18px 42px rgba(31, 45, 61, .14);
  background: #f4f6f8;
  color: #17202a;
}
body:not(.dark-mode).app-redesign .nav-tabs  { background: #ffffff; border-color: #dfe5ea; box-shadow: 0 6px 20px rgba(31,45,61,.08); }
body:not(.dark-mode).app-redesign .pod-lbl,
body:not(.dark-mode).app-redesign .header-orders-copy small  { color: #667482; }
body:not(.dark-mode).app-redesign .widget-pod-divider  { background: #e3e8ed; }
body:not(.dark-mode).app-redesign .header-orders-trigger  { background: #fff4df; border-color: #e5b768; color: #8a4d06; }
body:not(.dark-mode).app-redesign .header-orders-trigger:hover,
body:not(.dark-mode).app-redesign .header-orders-trigger[aria-expanded="true"]  { background: #ffebc4; border-color: #c9871d; }
body:not(.dark-mode).app-redesign .header-orders-popover  { background: #ffffff; border-color: #d7e0e7; box-shadow: 0 18px 45px rgba(31,45,61,.18); }
body:not(.dark-mode).app-redesign .header-orders-popover-head strong  { color: #17202a; }
body:not(.dark-mode).app-redesign .tab-btn  { color: #65727e; }
body:not(.dark-mode).app-redesign .tab-btn:hover  { background: #f3f6f8; border-color: #dce3e9; color: #17202a; }
body:not(.dark-mode).app-redesign .tab-btn.active  { background: #fff0eb; border-color: #e59a89; color: #b83c2d; }
body:not(.dark-mode).app-redesign .main-content  { background: #f4f6f8; }

body:not(.dark-mode).app-redesign .accounts-master-header,
body:not(.dark-mode).app-redesign .service-overview,
body:not(.dark-mode).app-redesign .service-queue-card,
body:not(.dark-mode).app-redesign .product-clean-card,
body:not(.dark-mode).app-redesign .inventory-card,
body:not(.dark-mode).app-redesign .expense-form-card,
body:not(.dark-mode).app-redesign .expenses-list-card,
body:not(.dark-mode).app-redesign .stat-card,
body:not(.dark-mode).app-redesign .drawer-cuadre-card,
body:not(.dark-mode).app-redesign .config-card,
body:not(.dark-mode).app-redesign .modal-card,
body:not(.dark-mode).app-redesign .order-cart-panel,
body:not(.dark-mode).app-redesign .floating-cart-popover  { background: #ffffff; border-color: #d8e0e7; color: #17202a; box-shadow: var(--shadow-md); }
body:not(.dark-mode).app-redesign .accounts-main-heading,
body:not(.dark-mode).app-redesign .service-overview h2,
body:not(.dark-mode).app-redesign .product-clean-name,
body:not(.dark-mode).app-redesign .inv-name,
body:not(.dark-mode).app-redesign .stat-title,
body:not(.dark-mode).app-redesign .modal-title,
body:not(.dark-mode).app-redesign .section-title  { color: #17202a; }
body:not(.dark-mode).app-redesign .accounts-main-heading p,
body:not(.dark-mode).app-redesign .service-overview p,
body:not(.dark-mode).app-redesign .product-clean-desc,
body:not(.dark-mode).app-redesign .stat-subtitle,
body:not(.dark-mode).app-redesign .section-subtitle,
body:not(.dark-mode).app-redesign .cart-item-desc  { color: #64717d; }
body:not(.dark-mode).app-redesign .account-chip,
body:not(.dark-mode).app-redesign .open-accounts-summary-strip,
body:not(.dark-mode).app-redesign .service-filter-btn,
body:not(.dark-mode).app-redesign .folder-tab-btn,
body:not(.dark-mode).app-redesign .cart-mode-btn  { background: #f5f7f9; border-color: #d9e1e7; color: #344451; }
body:not(.dark-mode).app-redesign .account-chip:hover,
body:not(.dark-mode).app-redesign .service-filter-btn:hover,
body:not(.dark-mode).app-redesign .folder-tab-btn:hover  { background: #fff7ed; border-color: #e4b66f; }
body:not(.dark-mode).app-redesign .account-chip.active,
body:not(.dark-mode).app-redesign .service-filter-btn.active,
body:not(.dark-mode).app-redesign .folder-tab-btn.active  { background: #fff0eb; border-color: #df8b7a; color: #a93629; }
body:not(.dark-mode).app-redesign .product-clean-card:hover  { background: #fffaf3; border-color: #e2ae62; }
body:not(.dark-mode).app-redesign .custom-table th  { background: #f3f6f8; color: #536371; }
body:not(.dark-mode).app-redesign .custom-table td  { border-color: #e2e8ed; color: #273746; }
body:not(.dark-mode).app-redesign .custom-table tr:hover  { background: #fffaf3; }
body:not(.dark-mode).app-redesign .form-input,
body:not(.dark-mode).app-redesign .form-select,
body:not(.dark-mode).app-redesign input,
body:not(.dark-mode).app-redesign textarea,
body:not(.dark-mode).app-redesign select  { background: #ffffff; border-color: #cbd6df; color: #17202a; }
body:not(.dark-mode).app-redesign .form-input::placeholder,
body:not(.dark-mode).app-redesign textarea::placeholder  { color: #8997a3; }
body:not(.dark-mode).app-redesign .modal-header,
body:not(.dark-mode).app-redesign .modal-footer  { border-color: #e0e6eb; }
body:not(.dark-mode).app-redesign .cart-item,
body:not(.dark-mode).app-redesign .summary-row,
body:not(.dark-mode).app-redesign .shift-products-section,
body:not(.dark-mode).app-redesign .shift-stat-box  { background: #f8fafb; border-color: #dfe6eb; color: #273746; }
body:not(.dark-mode).app-redesign .product-clean-image,
body:not(.dark-mode).app-redesign .product-image-wrap  { background: #f4f6f8; }


body:not(.dark-mode).app-redesign .inventory-status-banner-compact,
body:not(.dark-mode).app-redesign .employee-pay-card,
body:not(.dark-mode).app-redesign .shift-square-card,
body:not(.dark-mode).app-redesign .inventory-folder-section,
body:not(.dark-mode).app-redesign .inventory-compact-row,
body:not(.dark-mode).app-redesign .inventory-main-tab,
body:not(.dark-mode).app-redesign .catalog-search,
body:not(.dark-mode).app-redesign .catalog-product-card,
body:not(.dark-mode).app-redesign .catalog-empty-state,
body:not(.dark-mode).app-redesign .inventory-empty-state,
body:not(.dark-mode).app-redesign .category-create-form,
body:not(.dark-mode).app-redesign .category-manager-row,
body:not(.dark-mode).app-redesign .recipe-builder-card,
body:not(.dark-mode).app-redesign .product-editor-section,
body:not(.dark-mode).app-redesign .product-control-button,
body:not(.dark-mode).app-redesign .btn-quick-price-chip  { background: #ffffff; border-color: #d8e0e7; color: #273746; }
body:not(.dark-mode).app-redesign .inventory-main-tab.active  { background: linear-gradient(135deg, #fff0eb, #fff8eb); color: #8f3025; }
body:not(.dark-mode).app-redesign .inventory-main-tab-icon,
body:not(.dark-mode).app-redesign .catalog-recipe-preview span  { background: #f1f4f6; color: #536371; }
body:not(.dark-mode).app-redesign .inventory-view-title,
body:not(.dark-mode).app-redesign .catalog-group-heading strong,
body:not(.dark-mode).app-redesign .catalog-product-title-row h4,
body:not(.dark-mode).app-redesign .catalog-empty-state h3,
body:not(.dark-mode).app-redesign .inventory-empty-state h3,
body:not(.dark-mode).app-redesign .category-list-heading,
body:not(.dark-mode).app-redesign .category-manager-name,
body:not(.dark-mode).app-redesign .recipe-builder-title,
body:not(.dark-mode).app-redesign .product-section-heading h3,
body:not(.dark-mode).app-redesign .product-control-button strong,
body:not(.dark-mode).app-redesign .product-publish-copy strong  { color: #17202a; }
body:not(.dark-mode).app-redesign .catalog-product-card-main,
body:not(.dark-mode).app-redesign .catalog-product-meta,
body:not(.dark-mode).app-redesign .product-publish-copy small,
body:not(.dark-mode).app-redesign .product-editor-subtitle,
body:not(.dark-mode).app-redesign .product-editor-hero-copy > p,
body:not(.dark-mode).app-redesign .product-image-hint,
body:not(.dark-mode).app-redesign .product-section-help  { color: #64717d; }
body:not(.dark-mode).app-redesign .product-editor-card  { background: #ffffff; border-color: #d8e0e7; }
body:not(.dark-mode).app-redesign .product-editor-header,
body:not(.dark-mode).app-redesign .product-editor-footer  { background: #f5f7f9; border-color: #d8e0e7; }
body:not(.dark-mode).app-redesign .product-image-preview  { background: #f1f4f6; }
body:not(.dark-mode).app-redesign .product-photo-badge  { background: rgba(255,255,255,.88); color: #8a4d06; border-color: #e5c98f; }
body:not(.dark-mode).app-redesign .recipe-remove-row  { color: #b83c2d; }
body:not(.dark-mode).app-redesign .qr-attach-dialog,
body:not(.dark-mode).app-redesign .qr-attach-target,
body:not(.dark-mode).app-redesign .qr-attach-empty  { background: #ffffff; border-color: #d8e0e7; color: #273746; }
body:not(.dark-mode).app-redesign .qr-attach-dialog h2  { color: #17202a; }
body:not(.dark-mode).app-redesign .qr-attach-dialog > p,
body:not(.dark-mode).app-redesign .qr-attach-target small  { color: #64717d; }

/* Círculo suave con blur para el cambio de tema, inspirado en la referencia. */
@supports (view-transition-name: root) {
  ::view-transition-new(root),
  ::view-transition-old(root),
  .dark-mode::view-transition-old(root)  {
    mask-image: radial-gradient(circle at center, #000 0 52%, rgba(0,0,0,.7) 64%, transparent 76%);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 0;
    filter: none;
     animation: theme-circle-blur .06s linear both;
  }
  @keyframes theme-circle-blur {
    0%  { mask-size: 0; opacity: .92; }
    18%  { mask-size: 38vmax; opacity: 1; }
    100%  { mask-size: 220vmax; opacity: 1; }
  }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-new(root), ::view-transition-old(root), .dark-mode::view-transition-old(root)  { animation-duration: .01ms; filter: none; }
}

body.app-redesign .nav-tabs  {
  justify-content: center;
  max-width: none;
  margin: 0 auto;
  padding: .55rem clamp(1rem, 3vw, 2.4rem);
  gap: .35rem;
  border: 0;
  background: #171a1e;
  box-shadow: none;
}
body.app-redesign .tab-btn  {
  min-height: 40px;
  padding: .55rem .9rem;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #8e99a4;
  font-size: .78rem;
  font-weight: 850;
}
body.app-redesign .tab-btn:hover  { border-color: #343c44; background: #22272d; color: #f7f3ec; }
body.app-redesign .tab-btn.active  {
  border-color: rgba(223, 91, 71, .65);
  background: rgba(223, 91, 71, .15);
  color: #ff9b81;
  box-shadow: none;
}
body.app-redesign .tab-btn.active .tab-icon  { stroke: #ff9b81; }
body.app-redesign .tab-btn.is-loading  {
  cursor: wait;
  opacity: .72;
}
body.app-redesign .tab-btn.is-loading::after  {
  content: '';
  width: .7rem;
  height: .7rem;
  margin-left: .35rem;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: tabLoadingSpin .7s linear infinite;
}
@keyframes tabLoadingSpin { to  { transform: rotate(360deg); } }

body.app-redesign .main-content  {
  max-width: none;
  padding: 1.5rem clamp(1rem, 3vw, 2.4rem) 6rem !important;
}
body.app-redesign .tab-panel.active  { animation: appPanelIn .22s ease-out; }
@keyframes appPanelIn { from  { opacity: 0; transform: translateY(5px); } to  { opacity: 1; transform: translateY(0); } }

body.app-redesign .accounts-master-header  {
  margin-bottom: 1.1rem;
  padding: 1.2rem;
  border: 1px solid #2c333a;
  border-radius: 18px;
  background: #181b1f;
  box-shadow: var(--shadow-md);
}
body.app-redesign .accounts-header-top  {
  align-items: flex-start;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #2a3036;
}
body.app-redesign .accounts-title-area  { width: auto; align-items: flex-start; }
body.app-redesign .accounts-title-left  { align-items: center; gap: .6rem; }
body.app-redesign .accounts-main-heading  { font-size: 1.35rem; letter-spacing: -.035em; }
body.app-redesign .open-accounts-summary-strip  { border-color: #333b43; background: #20252b; color: #abb4bd; }
body.app-redesign .accounts-actions-zone  { width: auto; flex-direction: row; align-items: center; gap: .7rem; }
body.app-redesign .btn-add-product-menu-top,
body.app-redesign .btn-new-account  {
  width: auto;
  min-height: 42px;
  border: 1px solid rgba(243, 182, 93, .4);
  border-radius: 10px;
  background: rgba(243, 182, 93, .1);
  color: #f3b65d;
  box-shadow: none;
}
body.app-redesign .btn-new-account  { min-width: 172px; border-color: rgba(223, 91, 71, .65); background: var(--primary-gradient); color: #fff8f1; }
body.app-redesign .btn-add-product-menu-top:hover  { background: rgba(243, 182, 93, .18); }
body.app-redesign .btn-new-account:hover  { background: linear-gradient(135deg, #ed6d58, #c94a3e); box-shadow: 0 8px 18px rgba(223, 91, 71, .18); }
body.app-redesign .floating-cart-wrapper  { width: 300px; }
body.app-redesign .floating-cart-tab-btn  {
  min-height: 76px;
  padding: .75rem .9rem;
  border: 1px solid #3d474f;
  border-radius: 12px;
  background: #20252b;
  box-shadow: none;
}
body.app-redesign .floating-cart-tab-btn:hover  { border-color: rgba(243, 182, 93, .65); box-shadow: 0 8px 18px rgba(0, 0, 0, .16); }
body.app-redesign .floating-cart-icon  { font-size: 1.15rem; }
body.app-redesign .floating-acc-name  { font-weight: 900; }
body.app-redesign .floating-tab-price .price-val  { color: #f3b65d; font-size: 1.08rem; }
body.app-redesign .btn-floating-pay-direct  { border-radius: 8px; background: rgba(67, 201, 149, .15); color: #65d9a9; }
body.app-redesign .floating-tab-summary-row  { color: #aab3bc; }
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll  { gap: .6rem; padding: .2rem 0 .4rem; }
body.app-redesign .account-chip  {
  min-width: 160px;
  padding: .7rem .8rem;
  border: 1px solid #303840;
  border-radius: 12px;
  background: #20252b;
  box-shadow: none;
}
body.app-redesign .account-chip:hover  { transform: translateY(-1px); border-color: rgba(243, 182, 93, .55); background: #262c32; }
body.app-redesign .account-chip.active  { border-color: rgba(243, 182, 93, .8); background: rgba(243, 182, 93, .1); box-shadow: 0 0 0 1px rgba(243, 182, 93, .1); }
body.app-redesign .account-chip-title  { font-size: .9rem; }
body.app-redesign .account-chip-total  { color: #f3b65d; font-size: 1rem; }

body.app-redesign .pos-sales-compact-menu  {
  margin-top: .8rem;
  padding: 1.1rem;
  border: 1px solid #2c333a;
  border-radius: 18px;
  background: #181b1f;
  box-shadow: var(--shadow-md);
}
body.app-redesign .pos-sales-compact-heading  { padding: 0 0 .8rem; font-size: 1.05rem; }
body.app-redesign .pos-sales-compact-heading small  { font-size: .68rem; color: #85909b; }
body.app-redesign .pos-sales-current-order  {
  margin-bottom: .85rem;
  padding: .8rem;
  border-color: rgba(67, 201, 149, .45);
  border-radius: 13px;
  background: rgba(67, 201, 149, .08);
}
body.app-redesign .pos-sales-current-order-empty  {
  border-color: #35404a;
  background: #20262c;
}
body.app-redesign .pos-sales-current-order-heading  { color: #f7f3ec; font-size: .78rem; }
body.app-redesign .pos-sales-current-order-heading strong  { color: #65d9a9; font-size: .68rem; }
body.app-redesign .pos-sales-current-order-help  { color: #aeb9c2; font-size: .65rem; }
body.app-redesign .pos-sales-current-order-item  { min-height: 2.5rem; padding: .3rem .4rem .3rem .55rem; background: rgba(0,0,0,.18); }
body.app-redesign .pos-sales-current-order-name  { color: #f7f3ec; font-size: .7rem; }
body.app-redesign .pos-sales-current-order .pos-sales-quick-qty button  { width: 1.9rem; height: 1.9rem; }
body.app-redesign .pos-sales-current-order .pos-sales-quick-qty b  { font-size: .78rem; }
body.app-redesign .pos-sales-order-options  { border-top-color: #39444d; }
body.app-redesign .pos-sales-order-options-label  { color: #aeb9c2; }
body.app-redesign .pos-sales-order-mode-btn,
body.app-redesign .pos-sales-packaging-btn  { border-color: #3a454e; background: #20262c; }
body.app-redesign .pos-sales-order-mode-btn.active  { border-color: rgba(243,182,93,.8); background: rgba(243,182,93,.16); color: #ffd58b; }
body.app-redesign .pos-sales-packaging-btn  { border-color: rgba(245,158,11,.6); background: rgba(245,158,11,.13); }
body.app-redesign .pos-sales-packaging-btn b,
body.app-redesign .pos-sales-packaging-btn strong  { color: #f3b65d; }
body:not(.dark-mode).app-redesign .pos-sales-current-order  {
  border-color: #9ddcc5;
  background: #effbf6;
}
body:not(.dark-mode).app-redesign .pos-sales-current-order-empty  {
  border-color: #d8e0e7;
  background: #f8fafb;
}
body:not(.dark-mode).app-redesign .pos-sales-current-order-heading,
body:not(.dark-mode).app-redesign .pos-sales-current-order-name  { color: #17202a; }
body:not(.dark-mode).app-redesign .pos-sales-current-order-heading strong  { color: #147a56; }
body:not(.dark-mode).app-redesign .pos-sales-current-order-help  { color: #536371; }
body:not(.dark-mode).app-redesign .pos-sales-current-order-item  { background: rgba(255,255,255,.72); }
body:not(.dark-mode).app-redesign .pos-sales-order-options  { border-top-color: #d8e0e7; }
body:not(.dark-mode).app-redesign .pos-sales-order-options-label  { color: #536371; }
body:not(.dark-mode).app-redesign .pos-sales-order-mode-btn,
body:not(.dark-mode).app-redesign .pos-sales-packaging-btn  { border-color: #cbd5dc; background: #fff; color: #17202a; }
body:not(.dark-mode).app-redesign .pos-sales-order-mode-btn.active  { border-color: #b97828; background: #fff3df; color: #8a5313; }
body:not(.dark-mode).app-redesign .pos-sales-packaging-btn  { border-color: #d69a3a; background: #fff8eb; }
body:not(.dark-mode).app-redesign .pos-sales-packaging-btn b,
body:not(.dark-mode).app-redesign .pos-sales-packaging-btn strong  { color: #9a5d12; }
body.app-redesign .pos-sales-compact-grid  { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; gap: .75rem; }
body.app-redesign .pos-sales-compact-card  {
  min-height: 112px;
  padding: .75rem;
  border: 1px solid #313941;
  border-top-width: 3px;
  border-radius: 14px;
  background: #20252b;
  box-shadow: none;
}
body.app-redesign .pos-sales-compact-card::after  { background: rgba(223, 91, 71, .12); }
body.app-redesign .pos-sales-compact-card:hover  { border-color: rgba(243, 182, 93, .6); background: #262c32; transform: translateY(-2px); }
body.app-redesign .pos-sales-compact-comidas  { border-top-color: #df5b47; }
body.app-redesign .pos-sales-compact-bebidas  { grid-column: auto; border-top-color: #70a8d8; }
body.app-redesign .pos-sales-compact-icon  { width: 2.75rem; height: 2.75rem; flex-basis: 2.75rem; border-radius: 11px; background: #303840; }
body.app-redesign .pos-sales-compact-copy b  { font-size: .9rem; }
body.app-redesign .pos-sales-compact-copy small  { color: #aeb7bf; font-size: .64rem; }
body.app-redesign .pos-sales-compact-copy em  { color: #f3b65d; font-size: .62rem; }
body.app-redesign .pos-sales-compact-card > strong  { color: #ff9b81; }

body.app-redesign .section-header-row  {
  align-items: flex-start;
  margin-bottom: 1.3rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #2a3036;
}
body.app-redesign .section-title  { color: #f7f3ec; font-size: clamp(1.35rem, 2.2vw, 1.8rem); letter-spacing: -.04em; }
body.app-redesign .section-subtitle  { max-width: 720px; color: #9da7b0; font-size: .82rem; }
body.app-redesign .inventory-status-banner-compact,
body.app-redesign .employee-pay-card,
body.app-redesign .expense-form-card,
body.app-redesign .expenses-list-card,
body.app-redesign .drawer-cuadre-card,
body.app-redesign .history-bottom-export-panel,
body.app-redesign .shift-square-card  {
  border-color: #2c333a;
  border-radius: 16px;
  background: #181b1f;
  box-shadow: var(--shadow-sm);
}
body.app-redesign .inventory-folder-bar  { gap: .55rem; margin-bottom: 1rem; }
body.app-redesign .folder-tab-btn  { border-color: #303840; background: #20252b; color: #aeb7bf; }
body.app-redesign .folder-tab-btn.active  { border-color: rgba(223, 91, 71, .7); background: rgba(223, 91, 71, .14); color: #ff9b81; }
body.app-redesign .inventory-compact-row  { border-color: #303840; background: #1b1f24; }
body.app-redesign .inventory-compact-row:hover  { border-color: rgba(243, 182, 93, .55); background: #22282e; }


body.app-redesign .inventory-page-heading  { margin-bottom: .85rem; }
body.app-redesign .inventory-page-subtitle  { margin: .25rem 0 0; color: var(--text-muted); font-size: .78rem; line-height: 1.4; }
body.app-redesign .inventory-main-tabs  { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin: 0 0 1.1rem; }
body.app-redesign .inventory-main-tab  { display: flex; align-items: center; gap: .75rem; min-height: 4.2rem; padding: .8rem 1rem; border: 1px solid #303840; border-radius: 1rem; background: #1a1f24; color: #aeb7bf; text-align: left; cursor: pointer; transition: .18s ease; }
body.app-redesign .inventory-main-tab:hover  { border-color: rgba(243, 182, 93, .6); transform: translateY(-1px); }
body.app-redesign .inventory-main-tab.active  { border-color: rgba(223, 91, 71, .75); background: linear-gradient(135deg, rgba(223, 91, 71, .16), rgba(245, 158, 11, .08)); color: #fff; box-shadow: 0 10px 24px rgba(0,0,0,.12); }
body.app-redesign .inventory-main-tab-icon  { display: grid; place-items: center; width: 2.35rem; height: 2.35rem; border-radius: .75rem; background: rgba(255,255,255,.08); font-size: 1.25rem; }
body.app-redesign .inventory-main-tab span:last-child  { display: grid; gap: .18rem; }
body.app-redesign .inventory-main-tab strong  { font-size: .86rem; }
body.app-redesign .inventory-main-tab small  { color: var(--text-muted); font-size: .67rem; }
body.app-redesign .inventory-subview[hidden]  { display: none !important; }
body.app-redesign .inventory-subview-heading  { align-items: end; margin-bottom: .8rem; }
body.app-redesign .inventory-view-kicker  { color: #f3b65d; font-size: .58rem; font-weight: 900; letter-spacing: .13em; }
body.app-redesign .inventory-view-title  { margin: .18rem 0 0; color: #fff; font-size: 1.15rem; }
body.app-redesign .inventory-heading-actions  { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
body.app-redesign .inventory-category-action  { border-color: #424b55; }
body.app-redesign .folder-add-category-btn  { border-style: dashed; color: #f3b65d; }
body.app-redesign .inventory-no-items  { padding: .8rem .5rem; color: var(--text-muted); font-size: .78rem; }
body.app-redesign .inv-category-badge  { display: inline-flex; align-items: center; padding: .22rem .45rem; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: #cbd5e1; font-size: .62rem; }

body.app-redesign .catalog-toolbar  { display: flex; align-items: center; gap: .7rem; margin: .3rem 0 1rem; }
body.app-redesign .catalog-search  { display: flex; align-items: center; flex: 1; gap: .45rem; min-height: 2.6rem; padding: 0 .8rem; border: 1px solid #303840; border-radius: .75rem; background: #1a1f24; color: #f3b65d; }
body.app-redesign .catalog-search input  { width: 100%; border: 0; outline: 0; background: transparent; color: #fff; font: inherit; font-size: .78rem; }
body.app-redesign .catalog-count  { color: var(--text-muted); font-size: .7rem; white-space: nowrap; }
body.app-redesign .catalog-product-group  { display: grid; gap: .55rem; margin-bottom: 1.15rem; }
body.app-redesign .catalog-group-heading  { display: flex; align-items: center; gap: .45rem; padding: 0 .15rem .15rem; color: #f3b65d; }
body.app-redesign .catalog-group-heading strong  { color: #fff; font-size: .86rem; }
body.app-redesign .catalog-group-heading small  { color: var(--text-muted); font-size: .66rem; }
body.app-redesign .catalog-product-card  { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem; border: 1px solid #303840; border-radius: .85rem; background: #1b1f24; }
body.app-redesign .catalog-product-card:hover  { border-color: rgba(243, 182, 93, .55); }
body.app-redesign .catalog-product-card-main  { display: flex; min-width: 0; align-items: flex-start; gap: .7rem; }
body.app-redesign .catalog-product-icon  { display: grid; flex: 0 0 auto; place-items: center; width: 2.15rem; height: 2.15rem; border-radius: .7rem; background: rgba(245, 158, 11, .11); font-size: 1.1rem; }
body.app-redesign .catalog-product-copy  { min-width: 0; }
body.app-redesign .catalog-product-title-row  { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; }
body.app-redesign .catalog-product-title-row h4  { margin: 0; color: #fff; font-size: .86rem; }
body.app-redesign .catalog-product-category  { padding: .18rem .4rem; border-radius: 999px; background: rgba(223, 91, 71, .14); color: #ff9b81; font-size: .58rem; font-weight: 800; }
body.app-redesign .catalog-product-copy > p  { margin: .25rem 0 .45rem; color: var(--text-muted); font-size: .68rem; }
body.app-redesign .catalog-product-meta  { display: flex; flex-wrap: wrap; gap: .55rem; color: #cbd5e1; font-size: .64rem; }
body.app-redesign .catalog-recipe-preview  { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .5rem; }
body.app-redesign .catalog-recipe-preview span  { padding: .2rem .4rem; border-radius: .35rem; background: rgba(255,255,255,.06); color: #aeb7bf; font-size: .6rem; }
body.app-redesign .catalog-product-actions  { flex: 0 0 auto; }
body.app-redesign .catalog-product-actions .btn-secondary  { font-size: .68rem; }
body.app-redesign .catalog-empty-state, body.app-redesign .inventory-empty-state  { padding: 2.4rem 1rem; border: 1px dashed #3a444d; border-radius: .9rem; background: #1a1f24; text-align: center; }
body.app-redesign .catalog-empty-state span, body.app-redesign .inventory-empty-state span  { font-size: 2rem; }
body.app-redesign .catalog-empty-state h3, body.app-redesign .inventory-empty-state h3  { margin: .5rem 0 .25rem; color: #fff; font-size: .95rem; }
body.app-redesign .catalog-empty-state p, body.app-redesign .inventory-empty-state p  { margin: 0; color: var(--text-muted); font-size: .72rem; }


body.app-redesign #inventoryModal .inventory-editor-card { box-sizing: border-box; width: min(940px, calc(100vw - 48px)); max-width: 940px; max-height: calc(100dvh - 40px); min-height: 0; display: flex; flex-direction: column; overflow: hidden; padding: 0; }
body.app-redesign #inventoryModal .modal-header { flex: 0 0 auto; min-height: 0; padding: 18px 22px; }
body.app-redesign #inventoryModal .modal-title { font-size: 1.45rem; line-height: 1.2; }
body.app-redesign #inventoryModal .btn-close-modal { flex: 0 0 40px; width: 40px; height: 40px; display: grid; place-items: center; padding: 0; }
body.app-redesign #inventoryModal .inventory-modal-subtitle { margin: .2rem 0 0; color: var(--text-muted); font-size: .78rem; line-height: 1.35; }
body.app-redesign #inventoryModal .inventory-editor-body { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 12px 22px 18px; display: grid; align-content: start; gap: .5rem; }
body.app-redesign #inventoryModal .inventory-editor-section { min-width: 0; padding: .55rem .7rem .65rem; border: 1px solid rgba(148,163,184,.16); border-radius: .65rem; background: rgba(255,255,255,.012); }
body.app-redesign #inventoryModal .inventory-editor-section h3 { margin: 0 0 .45rem; color: #f3b65d; font-size: .7rem; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
body.app-redesign #inventoryModal .inventory-editor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem .75rem; align-items: start; }
body.app-redesign #inventoryModal .inventory-stock-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.app-redesign #inventoryModal .inventory-purchase-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.app-redesign #inventoryModal .inventory-purchase-grid > .form-group:first-child { grid-column: auto; }
body.app-redesign #inventoryModal .inventory-editor-grid .form-group { min-width: 0; margin: 0; }
body.app-redesign #inventoryModal .inventory-editor-span { grid-column: 1 / -1; }
body.app-redesign #inventoryModal .form-group.ui-field { gap: 5px; }
body.app-redesign #inventoryModal .form-group .form-label { margin: 0; color: #c7ced5; font-size: .72rem; font-weight: 700; letter-spacing: .01em; }
body.app-redesign #inventoryModal .form-label small { color: var(--text-muted); font-size: .64rem; font-weight: 500; }
body.app-redesign #inventoryModal .form-group .form-input, body.app-redesign #inventoryModal .form-group .form-select { box-sizing: border-box; width: 100%; min-width: 0; min-height: 43px; height: 43px; padding: .5rem .75rem; border-radius: 9px; font-size: .82rem; }
body.app-redesign #inventoryModal .inventory-active-control, body.app-redesign #inventoryModal .inventory-check-control { min-width: 0; min-height: 40px; display: flex; align-items: center; gap: .55rem; padding: .3rem .15rem; border: 0; border-radius: 0; background: transparent; color: var(--text-main); font-size: .76rem; }
body.app-redesign #inventoryModal .inventory-active-control input, body.app-redesign #inventoryModal .inventory-check-control input { flex: 0 0 auto; width: 1rem; height: 1rem; accent-color: #f3b65d; }
body.app-redesign #inventoryModal .inventory-active-control span { display: grid; gap: .08rem; }
body.app-redesign #inventoryModal .inventory-active-control strong { font-size: .75rem; }
body.app-redesign #inventoryModal .inventory-active-control small { color: var(--text-muted); font-size: .66rem; font-weight: 450; }
body.app-redesign #inventoryModal .inventory-cost-summary { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; gap: .2rem .75rem; padding: .45rem .6rem; border: 1px solid rgba(148,163,184,.14); border-radius: .5rem; background: rgba(15,23,42,.48); color: #cbd5e1; font-size: .66rem; }
body.app-redesign #inventoryModal .inventory-cost-summary > span { grid-column: 1 / -1; color: #f3b65d; font-size: .63rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
body.app-redesign #inventoryModal .inventory-cost-summary strong { color: #f1f3f5; font-size: .67rem; font-weight: 700; }
body.app-redesign #inventoryModal .inventory-cost-summary small, body.app-redesign #inventoryModal .inventory-supplier-hint { color: var(--text-muted); font-size: .63rem; line-height: 1.3; }
body.app-redesign #inventoryModal .inventory-conversion-preview { grid-column: 1 / -1; padding: .38rem .55rem; border: 1px solid rgba(243,182,93,.16); border-radius: .45rem; background: rgba(243,182,93,.055); color: #d9b77a; font-size: .68rem; }
body.app-redesign #inventoryModal .inventory-form-note { margin: .45rem 0 0; padding: .38rem .55rem; border: 1px solid rgba(243,182,93,.15); border-radius: .45rem; background: rgba(243,182,93,.045); color: #bca778; font-size: .68rem; line-height: 1.35; }
body.app-redesign #inventoryModal .inventory-count-from-editor { margin-top: .35rem; min-height: 2.25rem; }
body.app-redesign #inventoryModal .inventory-advanced-options { border: 1px solid rgba(148,163,184,.16); border-radius: .6rem; background: rgba(255,255,255,.012); }
body.app-redesign #inventoryModal .inventory-advanced-options > summary { min-height: 2.4rem; display: flex; align-items: center; padding: .4rem .7rem; color: #ffad98; font-size: .74rem; font-weight: 750; cursor: pointer; }
body.app-redesign #inventoryModal .inventory-advanced-options[open] > .inventory-editor-section { margin: 0 .45rem .45rem; }
body.app-redesign #inventoryModal .inventory-editor-footer { flex: 0 0 auto; justify-content: flex-end; gap: .6rem; padding: 12px 22px; }
body.app-redesign #inventoryModal .inventory-editor-footer-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; margin-left: 0; }
body.app-redesign #inventoryModal .inventory-editor-footer .ui-button { min-height: 44px; padding: .55rem .9rem; }
body.app-redesign .inventory-row-more, body.app-redesign .inventory-view-list-actions { position: relative; }
body.app-redesign .inventory-row-more > summary, body.app-redesign .inventory-view-list-actions > summary { min-width: 2.55rem; min-height: 2.55rem; display: grid; place-items: center; list-style: none; border: 1px solid #3a444d; border-radius: .65rem; color: #f3b65d; font-size: 1.25rem; cursor: pointer; }
body.app-redesign .inventory-row-more > summary::-webkit-details-marker, body.app-redesign .inventory-view-list-actions > summary::-webkit-details-marker { display: none; }
body.app-redesign .inventory-row-more > [role="group"], body.app-redesign .inventory-view-list-actions > [role="group"] { position: absolute; z-index: 8; right: 0; top: calc(100% + .25rem); min-width: 10rem; display: grid; gap: .2rem; padding: .35rem; border: 1px solid #3a444d; border-radius: .65rem; background: #1b1f24; box-shadow: 0 12px 30px rgba(0,0,0,.35); }
body.app-redesign .inventory-row-more > [role="group"] button, body.app-redesign .inventory-view-list-actions > [role="group"] button { min-height: 2.4rem; padding: .5rem; border: 0; border-radius: .4rem; background: transparent; color: #e5e7eb; text-align: left; font: inherit; font-size: .68rem; cursor: pointer; }
body.app-redesign .inventory-row-more > [role="group"] button:hover, body.app-redesign .inventory-view-list-actions > [role="group"] button:hover { background: rgba(243,182,93,.1); }
body.app-redesign .product-editor-card  { width: min(100% - 1.2rem, 45rem); }
body.app-redesign .inventory-modal-subtitle, body.app-redesign .product-editor-subtitle  { margin: .15rem 0 0; color: var(--text-muted); font-size: .72rem; line-height: 1.35; }
body.app-redesign .form-label-row  { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
body.app-redesign .inline-link-button  { padding: 0; border: 0; background: transparent; color: #f3b65d; font: inherit; font-size: .68rem; font-weight: 800; cursor: pointer; }
body.app-redesign .inventory-form-grid, body.app-redesign .product-editor-grid  { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
body.app-redesign .inventory-form-grid--stock  { margin-bottom: .05rem; }
body.app-redesign .form-help-text, body.app-redesign .inventory-form-note  { display: block; margin-top: .2rem; color: var(--text-muted); font-size: .64rem; line-height: 1.35; }
body.app-redesign .inventory-form-note  { margin: .8rem 0 0; padding: .65rem .7rem; border-radius: .55rem; background: rgba(243,182,93,.08); color: #d9b77a; }
body.app-redesign .product-editor-grid--prices  { margin-top: .1rem; }
body.app-redesign .product-price-label  { color: #f3b65d; }
body.app-redesign .product-price-input  { border-color: rgba(243,182,93,.45); color: #f3b65d; font-weight: 900; }
body.app-redesign .product-name-input  { font-size: 1rem; font-weight: 800; }
body.app-redesign .product-family-shortcuts  { margin-top: .45rem; }
body.app-redesign .product-family-shortcuts .quick-type-btn  { min-height: 1.9rem; padding: .3rem .55rem; font-size: .66rem; }
body.app-redesign .recipe-builder-card  { margin-top: .25rem; padding: .8rem; border: 1px solid #3a444d; border-radius: .8rem; background: rgba(255,255,255,.025); }
body.app-redesign .recipe-builder-heading  { display: flex; align-items: center; justify-content: space-between; gap: .65rem; margin-bottom: .65rem; }
body.app-redesign .recipe-builder-title  { color: #fff; font-size: .83rem; font-weight: 900; }
body.app-redesign .recipe-builder-help  { margin: .18rem 0 0; color: var(--text-muted); font-size: .66rem; }


body.app-redesign .category-manager-modal  { z-index: 3100; }
body.app-redesign .category-manager-card  { width: min(100% - 1.2rem, 32rem); }
body.app-redesign .category-manager-subtitle  { margin: .15rem 0 0; color: var(--text-muted); font-size: .72rem; line-height: 1.35; }
body.app-redesign .category-create-form  { padding: .75rem; border: 1px solid #35404a; border-radius: .7rem; background: rgba(255,255,255,.025); }
body.app-redesign .category-create-fields  { display: grid; grid-template-columns: 1fr 4.5rem; gap: .55rem; }
body.app-redesign .category-create-fields .form-group  { margin-bottom: 0; }
body.app-redesign .category-icon-field input  { text-align: center; font-size: 1.1rem; }
body.app-redesign .category-create-button  { width: 100%; margin-top: .6rem; }
body.app-redesign .category-list-heading  { display: flex; justify-content: space-between; margin: 1rem 0 .4rem; color: #fff; font-size: .74rem; font-weight: 800; }
body.app-redesign .category-list-heading small  { color: var(--text-muted); font-size: .62rem; font-weight: 500; }
body.app-redesign .category-manager-list  { display: grid; gap: .35rem; max-height: 18rem; overflow-y: auto; }
body.app-redesign .category-manager-row  { display: flex; align-items: center; gap: .5rem; padding: .55rem .6rem; border: 1px solid #303840; border-radius: .55rem; background: #1a1f24; }
body.app-redesign .category-manager-icon  { font-size: 1rem; }
body.app-redesign .category-manager-name  { flex: 1; color: #fff; font-size: .72rem; font-weight: 700; }
body.app-redesign .category-manager-count  { color: var(--text-muted); font-size: .62rem; }
body.app-redesign .category-system-badge  { padding: .15rem .35rem; border-radius: 999px; background: rgba(255,255,255,.07); color: #9ca3af; font-size: .55rem; }
body.app-redesign .category-custom-badge  { background: rgba(16,185,129,.12); color: #6ee7b7; }

@media (min-width: 641px) and (max-width: 900px) {
  body.app-redesign #inventoryModal .inventory-editor-card { width: min(940px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); }
  body.app-redesign #inventoryModal .modal-header, body.app-redesign #inventoryModal .inventory-editor-footer { padding-inline: 18px; }
  body.app-redesign #inventoryModal .inventory-editor-body { padding-inline: 18px; }
  body.app-redesign #inventoryModal .inventory-stock-grid, body.app-redesign #inventoryModal .inventory-purchase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  body.app-redesign #inventoryModal { padding: 8px; }
  body.app-redesign #inventoryModal .inventory-editor-card { width: 100%; max-width: none; max-height: calc(100dvh - 16px); border-radius: .9rem; }
  body.app-redesign #inventoryModal .modal-header { padding: 13px 15px; }
  body.app-redesign #inventoryModal .modal-title { font-size: 1.2rem; }
  body.app-redesign #inventoryModal .inventory-modal-subtitle { font-size: .72rem; }
  body.app-redesign #inventoryModal .inventory-editor-body { padding: 10px 12px 16px; gap: .45rem; }
  body.app-redesign #inventoryModal .inventory-editor-section { padding: .55rem; }
  body.app-redesign #inventoryModal .inventory-editor-grid, body.app-redesign #inventoryModal .inventory-stock-grid, body.app-redesign #inventoryModal .inventory-purchase-grid { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
  body.app-redesign #inventoryModal .inventory-editor-span, body.app-redesign #inventoryModal .inventory-conversion-preview { grid-column: 1; }
  body.app-redesign #inventoryModal .inventory-cost-summary { grid-template-columns: 1fr; gap: .25rem; }
  body.app-redesign #inventoryModal .inventory-editor-footer { align-items: center; flex-wrap: wrap; gap: .4rem; padding: 10px 12px; }
  body.app-redesign #inventoryModal .inventory-editor-footer-actions { width: 100%; }
  body.app-redesign #inventoryModal .inventory-editor-footer-actions > button { flex: 1 1 0; min-height: 42px; }
  body.app-redesign .inventory-main-tabs  { gap: .45rem; }
  body.app-redesign .inventory-main-tab  { min-height: 3.8rem; padding: .65rem .7rem; gap: .45rem; }
  body.app-redesign .inventory-main-tab-icon  { width: 2rem; height: 2rem; font-size: 1rem; }
  body.app-redesign .inventory-main-tab strong  { font-size: .72rem; }
  body.app-redesign .inventory-main-tab small  { font-size: .58rem; }
  body.app-redesign .inventory-subview-heading  { align-items: flex-start; gap: .65rem; }
  body.app-redesign .inventory-heading-actions  { width: 100%; justify-content: flex-start; }
  body.app-redesign .inventory-heading-actions .btn-primary, body.app-redesign .inventory-heading-actions .btn-secondary  { flex: 1; padding-inline: .55rem; font-size: .66rem; }
  body.app-redesign .catalog-product-card  { align-items: flex-start; flex-direction: column; gap: .65rem; }
  body.app-redesign .catalog-product-actions, body.app-redesign .catalog-product-actions button  { width: 100%; }
  body.app-redesign .catalog-product-actions button  { padding: .55rem; }
  body.app-redesign .recipe-builder-heading  { align-items: flex-start; flex-direction: column; }
}
body.app-redesign .inv-row-stock-box  { border-color: #39444d; background: #252c33; }
body.app-redesign .custom-table th  { color: #89949f; background: #131619; }
body.app-redesign .custom-table td  { border-color: #2c333a; }
body.app-redesign .history-view-switcher-bar  { border-color: #2c333a; background: #181b1f; }
body.app-redesign .history-tabs-pills  { background: #22282e; }
body.app-redesign .hist-view-tab-btn.active  { background: rgba(223, 91, 71, .18); color: #ff9b81; }
body.app-redesign .ai-pill-bar  { background: #2a3037; border-color: #4a5660; box-shadow: 0 8px 18px rgba(0, 0, 0, .24); }
body.app-redesign .btn-ai-pill-flip,
body.app-redesign .btn-ai-pill-mic  { border-color: #4a5660; background: #343c44; }
body.app-redesign .ai-floating-widget.pos-left  { left: auto !important; right: 1rem !important; align-items: flex-end !important; }

body.app-redesign .modal-overlay  { background: rgba(4, 6, 8, .72); backdrop-filter: blur(7px); }


body.dark-mode #tab-inventory  {
  --inventory-cream: #1a1e22;
  --inventory-cream-deep: #20252a;
  --inventory-text: #f3f6f8;
  --inventory-muted: #a9b3bc;
  --inventory-border: #303840;
  --inventory-terracotta: #ca6854;
  --inventory-terracotta-dark: #f0a08b;
  --inventory-sufficient: #68c98a;
  --inventory-low: #e5b45c;
  --inventory-empty: #ea7d73;
}

body.dark-mode #tab-inventory .inventory-dashboard-chart,
body.dark-mode #tab-inventory .inventory-dashboard-card,
body.dark-mode #tab-inventory .catalog-product-card  {
  background: #191d21;
  border-color: #303840;
  box-shadow: none;
}

body.dark-mode #tab-inventory .inventory-dashboard-chart  {
  background: #171b1f;
}

body.dark-mode #tab-inventory .inventory-dashboard-card  {
  gap: .9rem;
  padding: 1.05rem;
  border-radius: 1rem;
  border-inline-start: 3px solid color-mix(in srgb, var(--inventory-status-color) 72%, #303840);
}

body.dark-mode #tab-inventory .inventory-dashboard-card:hover,
body.dark-mode #tab-inventory .catalog-product-card:hover  {
  border-color: #46515b;
  background: #1c2126;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}

body.dark-mode #tab-inventory .inventory-dashboard-card:hover  {
  border-inline-start-color: color-mix(in srgb, var(--inventory-status-color) 82%, #46515b);
}

body.dark-mode #tab-inventory .inventory-card-icon,
body.dark-mode #tab-inventory .inventory-chart-icon  {
  background: #252b31;
}

body.dark-mode #tab-inventory .inventory-card-category,
body.dark-mode #tab-inventory .inventory-chart-label small  {
  color: #9eaab4;
  letter-spacing: .045em;
}

body.dark-mode #tab-inventory .inventory-card-heading h4  {
  color: #f5f7f9;
  font-size: .94rem;
  line-height: 1.28;
}

body.dark-mode #tab-inventory .inventory-card-status  {
  padding: .24rem .5rem;
  background: color-mix(in srgb, var(--inventory-status-color) 10%, #191d21);
}

body.dark-mode #tab-inventory .inventory-card-stock  {
  padding: .8rem .85rem;
  border: 1px solid #2b333a;
  border-inline-start: 3px solid var(--inventory-status-color);
  border-radius: .7rem;
  background: #20252a;
}

body.dark-mode #tab-inventory .inventory-card-stock-label,
body.dark-mode #tab-inventory .inventory-card-meta span,
body.dark-mode #tab-inventory .inventory-card-details span  {
  color: #aeb8c0;
  font-size: .68rem;
}

body.dark-mode #tab-inventory .inventory-card-stock strong  {
  color: #f5f7f9;
  font-size: 1.45rem;
}

body.dark-mode #tab-inventory .inventory-card-stock > span:last-child,
body.dark-mode #tab-inventory .inventory-card-meta strong,
body.dark-mode #tab-inventory .inventory-card-details strong  {
  color: #d5dce1;
}

body.dark-mode #tab-inventory .inventory-card-meta  {
  gap: .8rem;
  padding-top: .15rem;
}

body.dark-mode #tab-inventory .inventory-card-quick-actions  {
  gap: .45rem;
}

body.dark-mode #tab-inventory .inventory-card-quick-actions button,
body.dark-mode #tab-inventory .inventory-card-button  {
  min-height: 2.45rem;
  border-color: #39434c;
  background: #20252a;
  color: #dbe2e7;
}

body.dark-mode #tab-inventory .inventory-card-quick-actions button:hover,
body.dark-mode #tab-inventory .inventory-card-button:hover  {
  border-color: #6d7983;
  background: #272e35;
  color: #fff;
}

body.dark-mode #tab-inventory .inventory-card-button-primary  {
  border-color: #c86651;
  background: #c86651;
  color: #fff;
}

body.dark-mode #tab-inventory .inventory-card-button-primary:hover  {
  border-color: #df806a;
  background: #d2725c;
}

body.dark-mode #tab-inventory .inventory-card-details  {
  border-color: #303840;
}

body.dark-mode #tab-inventory .inventory-chart-track  {
  border-color: #37414a;
  background: #22282e;
}

body.dark-mode #tab-inventory .inventory-chart-fill  {
  background: var(--inventory-status-color);
}

body.dark-mode #tab-inventory .inventory-dashboard-cards-heading h3,
body.dark-mode #tab-inventory .inventory-dashboard-chart-header h3  {
  color: #f3f6f8;
}

body.dark-mode #tab-inventory .inventory-dashboard-count,
body.dark-mode #tab-inventory .inventory-dashboard-chart-header p,
body.dark-mode #tab-inventory .inventory-chart-legend  {
  color: #a9b3bc;
}
body.app-redesign .modal-card  { border: 1px solid #3a444d; border-radius: 18px; background: #1a1e23; box-shadow: var(--shadow-lg); }
body.app-redesign .modal-header  { border-bottom-color: #2c333a; }
body.app-redesign .modal-footer  { border-top-color: #2c333a; background: #16191d; }


body.app-redesign .btn-direct-takeout  {
  min-height: 42px;
  border-color: rgba(112, 168, 216, .45);
  background: rgba(112, 168, 216, .1);
  color: #a9d4f4;
  white-space: nowrap;
}
body.app-redesign .btn-direct-takeout:hover  { border-color: rgba(112, 168, 216, .8); background: rgba(112, 168, 216, .18); }
body.app-redesign .service-overview  {
  margin: .85rem 0 1rem;
  padding: 1rem;
  border: 1px solid #2c333a;
  border-radius: 18px;
  background: #181b1f;
  box-shadow: var(--shadow-sm);
}
body.app-redesign .service-overview-header  {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .8rem;
}
body.app-redesign .service-eyebrow  {
  color: #f3b65d;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.app-redesign .service-overview h2  { margin: .2rem 0 .18rem; font-size: 1.04rem; letter-spacing: -.025em; }
body.app-redesign .service-overview p  { margin: 0; color: #89949f; font-size: .72rem; }
body.app-redesign .service-refresh-btn  { min-height: 34px; padding: .42rem .7rem; font-size: .72rem; white-space: nowrap; }
body.app-redesign .service-status-filters  {
  display: grid;
  grid-template-columns: repeat(5, minmax(92px, 1fr));
  gap: .5rem;
  margin-bottom: .75rem;
  overflow-x: auto;
}
body.app-redesign .service-filter-btn  {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .35rem;
  min-height: 49px;
  padding: .55rem .65rem;
  border: 1px solid #303840;
  border-radius: 11px;
  background: #20252b;
  color: #9ca7b1;
  cursor: pointer;
  text-align: left;
}
body.app-redesign .service-filter-btn strong  { color: #f7f3ec; font-size: 1.08rem; }
body.app-redesign .service-filter-btn span  { font-size: .64rem; font-weight: 800; }
body.app-redesign .service-filter-btn:hover  { border-color: rgba(243, 182, 93, .5); }
body.app-redesign .service-filter-btn.active  { border-color: rgba(223, 91, 71, .7); background: rgba(223, 91, 71, .14); color: #ffb09a; }
body.app-redesign .service-filter-btn.active strong  { color: #ff9b81; }
body.app-redesign .service-queue  { display: grid; gap: .55rem; }
body.app-redesign .service-queue-card  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .7rem .8rem;
  border: 1px solid #303840;
  border-left: 3px solid #66717b;
  border-radius: 12px;
  background: #20252b;
}
body.app-redesign .service-queue-card.service-tone-new  { border-left-color: #df5b47; }
body.app-redesign .service-queue-card.service-tone-preparing  { border-left-color: #f3b65d; }
body.app-redesign .service-queue-card.service-tone-ready  { border-left-color: #43c995; }
body.app-redesign .service-queue-card.service-tone-payment  { border-left-color: #70a8d8; }
body.app-redesign .service-card-main  { min-width: 0; }
body.app-redesign .service-card-title-row,
body.app-redesign .service-card-meta  { display: flex; align-items: center; gap: .45rem; flex-wrap: wrap; }
body.app-redesign .service-card-title-row strong  { color: #f7f3ec; font-size: .84rem; }
body.app-redesign .service-card-customer  { display: block; margin-top: .2rem; color: #b8c2ca; font-size: .68rem; font-weight: 700; }
body.app-redesign .service-card-meta  { margin-top: .35rem; color: #89949f; font-size: .68rem; }
body.app-redesign .service-card-meta > strong  { color: #f3b65d; }
body.app-redesign .service-mode-badge  { padding: .18rem .4rem; border-radius: 999px; background: #303840; color: #aeb8c0; font-size: .58rem; font-weight: 850; }
body.app-redesign .service-status-pill  { padding: .18rem .45rem; border-radius: 999px; font-size: .62rem; font-weight: 850; }
body.app-redesign .service-status-pill.new  { background: rgba(223, 91, 71, .16); color: #ff9b81; }
body.app-redesign .service-status-pill.preparing  { background: rgba(243, 182, 93, .14); color: #f3c879; }
body.app-redesign .service-status-pill.ready  { background: rgba(67, 201, 149, .14); color: #70e0b2; }
body.app-redesign .service-status-pill.served  { background: rgba(174, 184, 192, .12); color: #c6ced5; }
body.app-redesign .service-status-pill.payment  { background: rgba(112, 168, 216, .14); color: #9ed0f4; }
body.app-redesign .service-card-actions  { display: flex; flex-shrink: 0; gap: .4rem; }
body.app-redesign .service-card-actions button  { min-height: 34px; padding: .4rem .6rem; border-radius: 9px; font-size: .66rem; font-weight: 850; cursor: pointer; }
body.app-redesign .service-action-primary  { border: 1px solid rgba(223, 91, 71, .62); background: rgba(223, 91, 71, .16); color: #ffab98; }
body.app-redesign .service-action-primary:hover  { background: rgba(223, 91, 71, .28); }
body.app-redesign .service-action-attach  { border: 1px solid rgba(243, 182, 93, .72); background: rgba(243, 182, 93, .14); color: #ffd58b; }
body.app-redesign .service-action-attach:hover  { background: rgba(243, 182, 93, .25); }
body.app-redesign .service-action-secondary  { border: 1px solid #39444d; background: #2a3138; color: #d5dde3; }
body.app-redesign .service-action-secondary:hover  { border-color: rgba(243, 182, 93, .55); }
body.app-redesign .qr-attach-backdrop  { position: fixed; inset: 0; display: grid; place-items: center; padding: 1rem; background: rgba(4, 6, 8, .76); z-index: 1200; }
body.app-redesign .qr-attach-dialog  { position: relative; width: min(100%, 30rem); max-height: min(90vh, 38rem); overflow: auto; padding: 1.25rem; border: 1px solid #38434c; border-radius: 18px; background: #181b1f; box-shadow: 0 24px 70px rgba(0, 0, 0, .45); }
body.app-redesign .qr-attach-dialog h2  { margin: .25rem 2rem .35rem 0; color: #f7f3ec; font-size: 1.15rem; }
body.app-redesign .qr-attach-dialog > p  { margin: 0 0 1rem; color: #a9b3bb; font-size: .75rem; line-height: 1.45; }
body.app-redesign .qr-attach-dialog .btn-close-modal  { position: absolute; top: .65rem; right: .7rem; min-width: 2rem; min-height: 2rem; }
body.app-redesign .qr-attach-target-list  { display: grid; gap: .5rem; }
body.app-redesign .qr-attach-target  { display: flex; align-items: center; justify-content: space-between; gap: .75rem; width: 100%; padding: .75rem .8rem; border: 1px solid #35404a; border-radius: 12px; background: #20252b; color: #f7f3ec; text-align: left; cursor: pointer; }
body.app-redesign .qr-attach-target:hover  { border-color: rgba(243, 182, 93, .65); background: #252c33; }
body.app-redesign .qr-attach-target strong, body.app-redesign .qr-attach-target small  { display: block; }
body.app-redesign .qr-attach-target strong  { font-size: .8rem; }
body.app-redesign .qr-attach-target small  { margin-top: .2rem; color: #97a3ad; font-size: .66rem; }
body.app-redesign .qr-attach-target b  { color: #f3b65d; font-size: 1.1rem; }
body.app-redesign .qr-attach-empty  { padding: .8rem; border: 1px dashed #46535d; border-radius: 12px; color: #c8d0d6; }
body.app-redesign .qr-attach-empty p  { margin: .3rem 0 .75rem; }
body.app-redesign .service-empty  {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: .7rem .8rem;
  border: 1px dashed #35404a;
  border-radius: 11px;
  color: #8e99a4;
}
body.app-redesign .service-empty > span  { color: #f3b65d; font-size: 1.15rem; }
body.app-redesign .service-empty strong  { display: block; color: #c9d0d6; font-size: .76rem; }
body.app-redesign .service-empty p  { margin-top: .16rem; font-size: .68rem; }

@media (max-width: 900px) {
  body.app-redesign .accounts-header-top  { flex-direction: column; }
  body.app-redesign .accounts-actions-zone  { width: 100%; }
  body.app-redesign:not([data-active-tab="pos"]) .floating-cart-wrapper  { flex: 1; width: auto; }
  body.app-redesign:not([data-active-tab="pos"]) .pos-sales-compact-grid  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.app-redesign:not([data-active-tab="pos"]) .pos-sales-compact-bebidas  { grid-column: auto; }
  body.app-redesign .service-status-filters  { grid-template-columns: repeat(5, 108px); overflow-x: auto; }
}

@media (max-width: 620px) {
  body.app-redesign:not([data-active-tab="pos"]) .brand-logo-svg  { width: 36px; height: 36px; }
  body.app-redesign:not([data-active-tab="pos"]) .widget-pod  { padding: .1rem .45rem; }
  body.app-redesign:not([data-active-tab="pos"]) .pod-val  { font-size: .92rem; }
  body.app-redesign:not([data-active-tab="pos"]) .widget-mobile-action span  { padding: .35rem .45rem; font-size: .58rem; }
  body.app-redesign .header-orders-popover  { right: -.45rem; width: min(94vw, 520px); }
  body.app-redesign .header-orders-trigger  { min-width: 102px; }
  body.app-redesign .nav-tabs  { justify-content: flex-start; padding: .45rem .65rem; }
  body.app-redesign .tab-btn  { min-height: 38px; padding: .5rem .7rem; font-size: .72rem; }
  body.app-redesign .main-content  { padding: 1rem .7rem 5rem !important; }
  body.app-redesign .accounts-master-header  { padding: .85rem; border-radius: 15px; }
  body.app-redesign .accounts-title-area  { width: 100%; }
  body.app-redesign .accounts-actions-zone  { flex-direction: column; align-items: stretch; }
  body.app-redesign .floating-cart-wrapper  { width: 100%; }
  body.app-redesign .btn-new-account  { width: 100%; }
  body.app-redesign .btn-direct-takeout  { width: 100%; }
  body.app-redesign .service-overview  { padding: .8rem; border-radius: 15px; }
  body.app-redesign .service-overview-header  { align-items: stretch; flex-direction: column; gap: .6rem; }
  body.app-redesign .service-refresh-btn  { width: 100%; }
  body.app-redesign .service-queue-card  { align-items: stretch; flex-direction: column; }
  body.app-redesign .service-card-actions button  { flex: 1; }
  body.app-redesign .service-card-actions  { width: 100%; }
  body.app-redesign .pos-sales-compact-menu  { padding: .8rem; border-radius: 15px; }
  body.app-redesign .pos-sales-compact-grid  { gap: .5rem; }
  body.app-redesign .pos-sales-compact-card  { min-height: 94px; padding: .6rem; }
  body.app-redesign .pos-sales-compact-icon  { width: 2.35rem; height: 2.35rem; flex-basis: 2.35rem; }
  body.app-redesign .pos-sales-compact-copy b  { font-size: .8rem; }
  body.app-redesign .section-header-row  { gap: .8rem; }
  body.app-redesign .section-header-row .btn-primary  { width: 100%; }
  body.app-redesign .section-title  { font-size: 1.35rem; }
  body.app-redesign .section-subtitle  { font-size: .76rem; }
  body.app-redesign .ai-floating-widget.pos-left  { right: .7rem !important; bottom: .7rem !important; }
}


body:not(.dark-mode).app-redesign .accounts-master-header,
body:not(.dark-mode).app-redesign .account-chip,
body:not(.dark-mode).app-redesign .pos-sales-compact-menu,
body:not(.dark-mode).app-redesign .pos-sales-compact-card,
body:not(.dark-mode).app-redesign .inventory-status-banner-compact,
body:not(.dark-mode).app-redesign .employee-pay-card,
body:not(.dark-mode).app-redesign .expense-form-card,
body:not(.dark-mode).app-redesign .expenses-list-card,
body:not(.dark-mode).app-redesign .drawer-cuadre-card,
body:not(.dark-mode).app-redesign .history-bottom-export-panel,
body:not(.dark-mode).app-redesign .shift-square-card,
body:not(.dark-mode).app-redesign .inventory-compact-row,
body:not(.dark-mode).app-redesign .inventory-main-tab,
body:not(.dark-mode).app-redesign .catalog-search,
body:not(.dark-mode).app-redesign .catalog-product-card,
body:not(.dark-mode).app-redesign .catalog-empty-state,
body:not(.dark-mode).app-redesign .inventory-empty-state,
body:not(.dark-mode).app-redesign .recipe-builder-card,
body:not(.dark-mode).app-redesign .product-editor-card,
body:not(.dark-mode).app-redesign .product-editor-section,
body:not(.dark-mode).app-redesign .category-create-form,
body:not(.dark-mode).app-redesign .category-manager-row  {
  background: #ffffff !important;
  border-color: #d8e0e7 !important;
  color: #273746 !important;
}
body:not(.dark-mode).app-redesign .pos-sales-compact-card:hover,
body:not(.dark-mode).app-redesign .inventory-compact-row:hover,
body:not(.dark-mode).app-redesign .catalog-product-card:hover  { background: #fffaf3 !important; }
body:not(.dark-mode).app-redesign .inventory-main-tab.active  { background: linear-gradient(135deg, #fff0eb, #fff8eb) !important; color: #8f3025 !important; }
body:not(.dark-mode).app-redesign .closed-shift-card,
body:not(.dark-mode).app-redesign .shift-detail-block,
body:not(.dark-mode).app-redesign .shift-metric-pod,
body:not(.dark-mode).app-redesign .hist-recap-item,
body:not(.dark-mode).app-redesign .hist-date-chips-scroll,
body:not(.dark-mode).app-redesign .hist-datepicker-wrap  { background: #ffffff !important; border-color: #d8e0e7 !important; color: #273746 !important; }
body:not(.dark-mode).app-redesign .shift-card-title,
body:not(.dark-mode).app-redesign .shift-detail-block-title,
body:not(.dark-mode).app-redesign .hist-sale-acc-name  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .custom-table th  { background: #f3f6f8 !important; color: #344451 !important; border-color: #d8e0e7 !important; }
body:not(.dark-mode).app-redesign .custom-table td  { background: #ffffff !important; color: #273746 !important; border-color: #e2e8ed !important; }
body:not(.dark-mode).app-redesign .floating-items-summary-text,
body:not(.dark-mode).app-redesign .floating-tab-summary-row  { color: #536371 !important; }
body:not(.dark-mode).app-redesign .header-orders-trigger  {
  background: #fff4df !important;
  border-color: #e5b768 !important;
  color: #8a4d06 !important;
}
body:not(.dark-mode).app-redesign .theme-toggle-btn  {
  background: #fff4df !important;
  border-color: #e5b768 !important;
  color: #8a4d06 !important;
}
body:not(.dark-mode).app-redesign .nav-tabs  { background: #ffffff !important; }

body:not(.dark-mode).app-redesign .hist-pending-card  {
  margin: .9rem 0;
  padding: 1rem;
  border: 1.5px solid #e2b65d;
  border-radius: 14px;
  background: #fffaf0;
  color: #273746;
  box-shadow: 0 5px 16px rgba(31, 45, 61, .08);
}
body:not(.dark-mode).app-redesign .hist-pending-head  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  flex-wrap: wrap;
}
body:not(.dark-mode).app-redesign .hist-pending-title  { color: #8a5a00; font-weight: 900; }
body:not(.dark-mode).app-redesign .hist-pending-description,
body:not(.dark-mode).app-redesign .hist-pending-breakdown  { color: #64717d; }
body:not(.dark-mode).app-redesign .hist-pending-description  { margin-top: .25rem; font-size: .78rem; }
body:not(.dark-mode).app-redesign .hist-pending-summary,
body:not(.dark-mode).app-redesign .hist-pending-breakdown  {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: .8rem;
}
body:not(.dark-mode).app-redesign .hist-pending-summary  { margin-top: .75rem; }
body:not(.dark-mode).app-redesign .hist-pending-breakdown  { margin-top: .45rem; font-size: .76rem; }
body:not(.dark-mode).app-redesign .hist-pending-difference  { font-weight: 850; }
body:not(.dark-mode).app-redesign .hist-pending-difference.is-pending  { color: #a85d08; }
body:not(.dark-mode).app-redesign .hist-pending-difference.is-complete  { color: #168052; }
body:not(.dark-mode).app-redesign .hist-pending-action  { padding: .55rem .85rem; font-size: .8rem; }

body:not(.dark-mode).app-redesign .config-card,
body:not(.dark-mode).app-redesign .config-stat-box,
body:not(.dark-mode).app-redesign .settings-divider  { border-color: #d8e0e7 !important; }
body:not(.dark-mode).app-redesign .config-card,
body:not(.dark-mode).app-redesign .config-stat-box  { background: #ffffff !important; color: #273746 !important; }
body:not(.dark-mode).app-redesign .config-card [style*="#ffffff"],
body:not(.dark-mode).app-redesign .config-card [style*="#fff"]  { color: #17202a !important; }

body:not(.dark-mode).app-redesign .product-editor-card,
body:not(.dark-mode).app-redesign .modal-card  {
  background: #ffffff !important;
  border-color: #d8e0e7 !important;
  color: #273746 !important;
}
body:not(.dark-mode).app-redesign .product-editor-topbar,
body:not(.dark-mode).app-redesign .product-editor-footer,
body:not(.dark-mode).app-redesign .modal-header,
body:not(.dark-mode).app-redesign .modal-footer  {
  background: #f8fafb !important;
  border-color: #dfe6eb !important;
}
body:not(.dark-mode).app-redesign .product-editor-heading .modal-title,
body:not(.dark-mode).app-redesign .product-editor-hero-copy h3,
body:not(.dark-mode).app-redesign .product-section-heading h3,
body:not(.dark-mode).app-redesign .product-publish-copy strong,
body:not(.dark-mode).app-redesign .modal-card [style*="#ffffff"]  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .product-editor-subtitle,
body:not(.dark-mode).app-redesign .product-editor-hero-copy > p,
body:not(.dark-mode).app-redesign .product-section-help,
body:not(.dark-mode).app-redesign .product-publish-copy small,
body:not(.dark-mode).app-redesign .product-image-hint  { color: #64717d !important; }
body:not(.dark-mode).app-redesign .product-editor-section,
body:not(.dark-mode).app-redesign .product-choice-button,
body:not(.dark-mode).app-redesign .product-control-button,
body:not(.dark-mode).app-redesign .recipe-builder-card,
body:not(.dark-mode).app-redesign .btn-quick-price-chip  {
  background: #f8fafb !important;
  border-color: #d8e0e7 !important;
  color: #344451 !important;
}
body:not(.dark-mode).app-redesign .product-choice-button strong,
body:not(.dark-mode).app-redesign .product-control-button strong,
body:not(.dark-mode).app-redesign .recipe-builder-title  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .product-choice-button small,
body:not(.dark-mode).app-redesign .product-control-button small  { color: #64717d !important; }

body:not(.dark-mode).app-redesign .ai-pill-bar  {
  background: #ffffff !important;
  border-color: #cbd6df !important;
  box-shadow: 0 7px 18px rgba(31, 45, 61, .18) !important;
}
body:not(.dark-mode).app-redesign .btn-ai-pill-main  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .btn-ai-pill-mic,
body:not(.dark-mode).app-redesign .btn-ai-pill-flip  { background: #f1f4f6 !important; border-color: #cbd6df !important; color: #536371 !important; }
body:not(.dark-mode).app-redesign .ai-pill-drag-handle  { color: #8a5a00 !important; }
body:not(.dark-mode).app-redesign .ai-floating-bubble  { background: #ffffff !important; border-color: #cbd6df !important; box-shadow: 0 16px 36px rgba(31, 45, 61, .20) !important; }
body:not(.dark-mode).app-redesign .ai-bubble-header  { background: #f8fafb !important; border-color: #dfe6eb !important; }
body:not(.dark-mode).app-redesign .ai-bubble-sender,
body:not(.dark-mode).app-redesign .ai-bubble-text  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .ai-bubble-text strong  { color: #a85d08 !important; }
body:not(.dark-mode).app-redesign .ai-floating-widget  { z-index: 850 !important; }


body.app-redesign .accounts-master-header  {
  position: relative;
  overflow: visible;
  isolation: isolate;
  z-index: 1;
}
body.app-redesign .accounts-header-top  {
  position: relative;
  z-index: 2;
}
body.app-redesign .accounts-title-area  {
  min-width: 0;
  flex: 1 1 auto;
}
body.app-redesign .accounts-actions-zone  {
  position: relative;
  z-index: 3;
  min-width: 0;
}
body.app-redesign .floating-cart-wrapper  {
  position: relative;
  z-index: 4;
  min-width: 0;
}
body.app-redesign .floating-cart-tab-btn  {
  position: relative;
  z-index: 5;
  min-width: 0;
  overflow: hidden !important;
}
body.app-redesign .floating-tab-top,
body.app-redesign .floating-tab-left,
body.app-redesign .floating-acc-title-row,
body.app-redesign .floating-tab-summary-row,
body.app-redesign .floating-items-summary-text  {
  min-width: 0;
}
body.app-redesign .floating-tab-left,
body.app-redesign .floating-acc-title-row,
body.app-redesign .floating-items-summary-text  {
  overflow: hidden;
}
body.app-redesign .floating-acc-name,
body.app-redesign .floating-items-summary-text  {
  overflow: hidden;
  text-overflow: ellipsis;
}
body.app-redesign .floating-tab-summary-row  {
  border-top-color: rgba(128, 145, 158, .24);
}
body.app-redesign .floating-cart-popover.active  {
  position: relative;
  top: auto;
  right: auto;
  width: min(100%, 380px);
  max-width: 100%;
  margin-top: .55rem;
  z-index: 6;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll  {
  position: relative;
  z-index: 1;
  clear: both;
  min-width: 0;
}


body:not(.dark-mode).app-redesign  {
  --bg-main: #f4f6f8;
  --bg-card: #ffffff;
  --bg-card-elevated: #f8fafc;
  --bg-card-hover: #fff7ed;
  --bg-topbar: #ffffff;
  --bg-input: #ffffff;
  --text-main: #17202a;
  --text-muted: #64717d;
  --text-gold: #a85d08;
  --text-link: #1d4ed8;
  --text-light: #17202a;
  --border-color: #d8e0e7;
  --shadow-md: 0 10px 24px rgba(31, 45, 61, .10);
  background: #f4f6f8 !important;
  color: #17202a !important;
}
body:not(.dark-mode).app-redesign .floating-cart-tab-btn  {
  background: #ffffff !important;
  border-color: #d8e0e7 !important;
  color: #17202a !important;
  box-shadow: 0 5px 16px rgba(31, 45, 61, .12) !important;
}
body:not(.dark-mode).app-redesign .floating-cart-tab-btn:hover  {
  border-color: #d59a38 !important;
  box-shadow: 0 8px 20px rgba(31, 45, 61, .16) !important;
}
body:not(.dark-mode).app-redesign .floating-cart-icon,
body:not(.dark-mode).app-redesign .floating-acc-name,
body:not(.dark-mode).app-redesign .floating-popover-title,
body:not(.dark-mode).app-redesign .cart-item-name,
body:not(.dark-mode).app-redesign .cart-item-price,
body:not(.dark-mode).app-redesign .floating-footer-total-row .lbl-total  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .floating-price-block .price-val,
body:not(.dark-mode).app-redesign .floating-footer-total-row .total-amount  { color: #a85d08 !important; }
body:not(.dark-mode).app-redesign .floating-factura-badge  {
  background: #fff0eb !important;
  border-color: #df8b7a !important;
  color: #a93629 !important;
}
body:not(.dark-mode).app-redesign .floating-mode-badge  {
  background: #eef2f5 !important;
  border-color: #d8e0e7 !important;
  color: #536371 !important;
}
body:not(.dark-mode).app-redesign .floating-cart-popover  {
  background: #ffffff !important;
  border-color: #d8e0e7 !important;
  color: #273746 !important;
  box-shadow: 0 18px 42px rgba(31, 45, 61, .18) !important;
}
body:not(.dark-mode).app-redesign .floating-popover-header,
body:not(.dark-mode).app-redesign .mini-mode-selector,
body:not(.dark-mode).app-redesign .floating-popover-footer  {
  background: #f8fafb !important;
  border-color: #dfe6eb !important;
}
body:not(.dark-mode).app-redesign .floating-popover-tag,
body:not(.dark-mode).app-redesign .floating-popover-header .btn-close-popover  { color: #64717d !important; }
body:not(.dark-mode).app-redesign .floating-cart-items-list  { background: #ffffff !important; }
body:not(.dark-mode).app-redesign .floating-cart-popover .cart-item  {
  background: #f8fafb !important;
  border-color: #dfe6eb !important;
  color: #273746 !important;
}
body:not(.dark-mode).app-redesign .floating-cart-popover .cart-item-desc,
body:not(.dark-mode).app-redesign .floating-cart-popover .cart-item-customization  { color: #64717d !important; }
body:not(.dark-mode).app-redesign .floating-cart-popover .cart-mode-btn  {
  background: #ffffff !important;
  border-color: #cbd6df !important;
  color: #344451 !important;
}
body:not(.dark-mode).app-redesign .floating-cart-popover .cart-mode-btn.active  {
  background: #fff0eb !important;
  border-color: #df8b7a !important;
  color: #a93629 !important;
}

@media (max-width: 900px) {
  body.app-redesign .accounts-actions-zone  { width: 100%; }
  body.app-redesign:not([data-active-tab="pos"]) .floating-cart-wrapper  { width: 100%; }
  body.app-redesign .floating-cart-popover.active  { width: 100%; }
}

@media (max-width: 620px) {
  body.app-redesign .accounts-header-top  { gap: .6rem; }
  body.app-redesign .floating-tab-top  { align-items: center !important; flex-wrap: nowrap !important; }
  body.app-redesign .floating-tab-right  { min-width: 0; max-width: 58%; }
  body.app-redesign .floating-tab-summary-row  { width: 100%; }
  body.app-redesign .floating-cart-popover.active  { margin-top: .45rem; max-height: min(72dvh, 620px); }
}
body:not(.dark-mode).app-redesign .inventory-main-tab strong,
body:not(.dark-mode).app-redesign .inventory-view-title,
body:not(.dark-mode).app-redesign .catalog-group-heading strong,
body:not(.dark-mode).app-redesign .catalog-product-title-row h4,
body:not(.dark-mode).app-redesign .catalog-empty-state h3,
body:not(.dark-mode).app-redesign .inventory-empty-state h3,
body:not(.dark-mode).app-redesign .product-section-heading h3,
body:not(.dark-mode).app-redesign .product-control-button strong,
body:not(.dark-mode).app-redesign .product-publish-copy strong  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .inventory-main-tab small,
body:not(.dark-mode).app-redesign .catalog-product-copy > p,
body:not(.dark-mode).app-redesign .catalog-product-meta,
body:not(.dark-mode).app-redesign .inventory-page-subtitle,
body:not(.dark-mode).app-redesign .form-help-text,
body:not(.dark-mode).app-redesign .product-editor-subtitle,
body:not(.dark-mode).app-redesign .product-editor-hero-copy > p,
body:not(.dark-mode).app-redesign .product-image-hint  { color: #64717d !important; }
body:not(.dark-mode).app-redesign .catalog-search input,
body:not(.dark-mode).app-redesign .form-input,
body:not(.dark-mode).app-redesign .form-select,
body:not(.dark-mode).app-redesign .product-editor-card input,
body:not(.dark-mode).app-redesign .product-editor-card textarea,
body:not(.dark-mode).app-redesign .product-editor-card select  { background: #ffffff !important; color: #17202a !important; border-color: #cbd6df !important; }
body:not(.dark-mode).app-redesign .inventory-main-tab-icon,
body:not(.dark-mode).app-redesign .pos-sales-compact-icon,
body:not(.dark-mode).app-redesign .catalog-product-icon  { background: #f1f4f6 !important; }


body:not(.dark-mode).app-redesign .pos-sales-compact-menu,
body:not(.dark-mode).app-redesign .history-view-switcher-bar,
body:not(.dark-mode).app-redesign .history-bottom-export-panel,
body:not(.dark-mode).app-redesign .hist-export-card-btn,
body:not(.dark-mode).app-redesign .hist-pay-tab,
body:not(.dark-mode).app-redesign .hist-date-bar,
body:not(.dark-mode).app-redesign .hist-empty-state,
body:not(.dark-mode).app-redesign .hist-sale-item,
body:not(.dark-mode).app-redesign .hist-recap-item  { background: #ffffff !important; border-color: #d8e0e7 !important; color: #273746 !important; }
body:not(.dark-mode).app-redesign .pos-sales-compact-heading,
body:not(.dark-mode).app-redesign .pos-sales-compact-heading h3,
body:not(.dark-mode).app-redesign .hist-export-title,
body:not(.dark-mode).app-redesign .hist-sale-acc-name,
body:not(.dark-mode).app-redesign .hist-empty-state strong,
body:not(.dark-mode).app-redesign .hist-p-name strong  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .pos-sales-compact-heading small,
body:not(.dark-mode).app-redesign .hist-export-subtitle,
body:not(.dark-mode).app-redesign .hist-export-card-btn .export-btn-desc,
body:not(.dark-mode).app-redesign .hist-sale-items-snippet,
body:not(.dark-mode).app-redesign .hist-pay-sub,
body:not(.dark-mode).app-redesign .hist-empty-state div,
body:not(.dark-mode).app-redesign .hist-recap-item .hist-p-qty  { color: #64717d !important; }
body:not(.dark-mode).app-redesign .history-tabs-pills,
body:not(.dark-mode).app-redesign .history-view-switcher-bar,
body:not(.dark-mode).app-redesign .hist-pay-tabs-grid,
body:not(.dark-mode).app-redesign .hist-date-chips-scroll  { background: #f5f7f9 !important; border-color: #d8e0e7 !important; }
body:not(.dark-mode).app-redesign .pos-sales-compact-card,
body:not(.dark-mode).app-redesign .floating-cart-tab-btn,
body:not(.dark-mode).app-redesign .service-queue-card  { background: #ffffff !important; border-color: #d8e0e7 !important; }
body:not(.dark-mode).app-redesign .pos-sales-compact-card:hover  { background: #fffaf3 !important; }
body:not(.dark-mode).app-redesign .pos-sales-compact-icon  { background: #eef2f5 !important; }
body:not(.dark-mode).app-redesign .pos-sales-compact-copy b,
body:not(.dark-mode).app-redesign .service-card-title-row strong  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .pos-sales-compact-copy small,
body:not(.dark-mode).app-redesign .service-card-customer,
body:not(.dark-mode).app-redesign .service-card-meta  { color: #64717d !important; }
body:not(.dark-mode).app-redesign .service-mode-badge  { background: #eef2f5 !important; color: #536371 !important; }
body:not(.dark-mode).app-redesign .service-filter-btn  { background: #f5f7f9 !important; border-color: #d8e0e7 !important; color: #536371 !important; }
body:not(.dark-mode).app-redesign .service-filter-btn strong  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .service-filter-btn.active  { background: #fff0eb !important; border-color: #df8b7a !important; color: #a93629 !important; }
body:not(.dark-mode).app-redesign .service-action-secondary  { background: #f1f4f6 !important; border-color: #cbd6df !important; color: #344451 !important; }
body:not(.dark-mode).app-redesign .hist-view-tab-btn,
body:not(.dark-mode).app-redesign .hist-date-pill  { color: #536371 !important; }
body:not(.dark-mode).app-redesign .hist-view-tab-btn.active,
body:not(.dark-mode).app-redesign .hist-date-pill.active,
body:not(.dark-mode).app-redesign .hist-pay-tab.active  { background: #fff0eb !important; border-color: #df8b7a !important; color: #a93629 !important; }
body:not(.dark-mode).app-redesign .hist-pay-title  { color: #536371 !important; }
body:not(.dark-mode).app-redesign .hist-pay-val.total-val,
body:not(.dark-mode).app-redesign .hist-pay-val.cash-val,
body:not(.dark-mode).app-redesign .hist-pay-val.nequi-val,
body:not(.dark-mode).app-redesign .hist-sale-total,
body:not(.dark-mode).app-redesign .hist-p-money  { color: #a85d08 !important; }
body:not(.dark-mode).app-redesign .hist-export-card-btn .export-btn-label  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .hist-export-card-btn:hover  { background: #fffaf3 !important; border-color: #e2ae62 !important; }
body:not(.dark-mode).app-redesign .shift-square-card  { background: #ffffff !important; border-color: #d8e0e7 !important; box-shadow: 0 4px 12px rgba(31,45,61,.08) !important; }
body:not(.dark-mode).app-redesign .sq-day-badge  { background: #f1f4f6 !important; color: #344451 !important; }


body.app-redesign .section-heading-copy  { min-width: 0; }
body.app-redesign .ui-title-line  {
  display: flex;
  align-items: center;
  gap: .42rem;
  min-width: 0;
}
body.app-redesign .ui-title-line > h2  { margin: 0; }
body.app-redesign .ui-info-hint  {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  vertical-align: middle;
  z-index: 4;
}
body.app-redesign .ui-info-hint > summary  {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.12rem;
  height: 1.12rem;
  padding: 0;
  border: 1px solid rgba(243, 182, 93, .64);
  border-radius: 50%;
  background: rgba(243, 182, 93, .1);
  color: #f3b65d;
  font-size: .68rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  list-style: none;
}
body.app-redesign .ui-info-hint > summary::-webkit-details-marker  { display: none; }
body.app-redesign .ui-info-hint > summary:hover,
body.app-redesign .ui-info-hint[open] > summary  {
  background: rgba(243, 182, 93, .22);
  color: #ffe4ad;
}
body.app-redesign .ui-info-hint[open]  { z-index: 50; }
body.app-redesign .ui-info-popover  {
  position: absolute;
  top: calc(100% + .45rem);
  left: 50%;
  width: min(300px, calc(100vw - 2rem));
  padding: .66rem .75rem;
  transform: translateX(-50%);
  border: 1px solid #46515a;
  border-radius: 10px;
  background: #171d22;
  color: #d8e0e5;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .32);
  font-size: .74rem;
  font-weight: 600;
  line-height: 1.45;
  text-align: left;
}
body.app-redesign .ui-info-popover::before  {
  content: '';
  position: absolute;
  top: -5px;
  left: 50%;
  width: 9px;
  height: 9px;
  transform: translateX(-50%) rotate(45deg);
  border-top: 1px solid #46515a;
  border-left: 1px solid #46515a;
  background: #171d22;
}
body.app-redesign .ui-info-hint--right .ui-info-popover  {
  right: 0;
  left: auto;
  transform: none;
}
body.app-redesign .ui-info-hint--right .ui-info-popover::before  {
  right: .3rem;
  left: auto;
  transform: rotate(45deg);
}
body.app-redesign .floating-items-summary-text  {
  display: flex;
  align-items: center;
  gap: .3rem;
}
body.app-redesign .floating-items-summary-text .ui-info-popover  { font-weight: 600; }
body.app-redesign .cart-item-customization  { margin-top: .22rem; color: #c57a62; font-size: .68rem; line-height: 1.35; }
body.app-redesign .form-label-with-info  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .45rem;
}
body.app-redesign .form-label-with-info .form-label  { margin-bottom: 0; }
body.app-redesign .settings-inline-title  {
  display: flex;
  align-items: center;
  gap: .38rem;
}
body.app-redesign .takeout-fee-note  {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  margin-bottom: 1.1rem;
  color: var(--text-muted);
  font-size: .75rem;
}
body.app-redesign .split-items-tip-compact  {
  justify-content: space-between;
  min-height: 1.8rem;
}
body.app-redesign .ui-compact-help  {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  margin: 0;
  font-size: .78rem;
  color: var(--text-muted);
}


body.app-redesign .product-editor-card  {
  width: min(100%, 760px);
  max-width: 760px;
  max-height: min(94dvh, 860px);
  overflow: hidden;
  border: 1px solid #3a444d;
  border-radius: 22px;
  background: #15191d;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .38);
}
body.app-redesign .product-editor-card > form  { display: flex; min-height: 0; flex: 1; flex-direction: column; }
body.app-redesign .product-editor-topbar  {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.05rem 1.15rem .9rem;
  border-bottom: 1px solid #2c333a;
  background: linear-gradient(135deg, #20262b, #171b1f);
}
body.app-redesign .product-editor-heading  { min-width: 0; }
body.app-redesign .product-editor-eyebrow,
body.app-redesign .product-editor-step  { display: block; color: #f3b65d; font-size: .58rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
body.app-redesign .product-editor-heading .modal-title  { margin-top: .28rem; font-size: 1.22rem; letter-spacing: -.035em; }
body.app-redesign .product-editor-subtitle  { max-width: 36rem; margin: .25rem 0 0; color: #9da7b0; font-size: .7rem; line-height: 1.4; }
body.app-redesign .product-editor-close  { width: 2rem; height: 2rem; padding: 0; border: 1px solid #3b454d; border-radius: 50%; background: #20262b; font-size: 1.45rem; }
body.app-redesign .product-editor-close:hover  { border-color: rgba(243,182,93,.65); color: #f3b65d; }
body.app-redesign .product-editor-body  { min-height: 0; flex: 1 1 auto; padding: 1rem 1.1rem 1.25rem; overflow-y: auto; overscroll-behavior: contain; }
body.app-redesign .product-editor-hero  {
  display: grid;
  grid-template-columns: 8.25rem minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  padding: .9rem;
  border: 1px solid rgba(243,182,93,.3);
  border-radius: 17px;
  background: linear-gradient(135deg, rgba(223,91,71,.14), rgba(243,182,93,.06) 60%, rgba(255,255,255,.025));
}
body.app-redesign .product-photo-stage  { position: relative; min-width: 0; }
body.app-redesign .product-image-preview  { width: 100%; height: auto; aspect-ratio: 1; border: 1px solid rgba(243,182,93,.38); border-radius: 15px; background: #232a30; box-shadow: inset 0 0 0 5px rgba(0,0,0,.08); font-size: 2rem; }
body.app-redesign .product-image-preview img  { object-fit: cover; }
body.app-redesign .product-photo-badge  { position: absolute; right: .35rem; bottom: .35rem; padding: .22rem .36rem; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(10,12,14,.72); color: #f4d8a0; font-size: .48rem; font-weight: 900; letter-spacing: .03em; }
body.app-redesign .product-editor-hero-copy  { min-width: 0; }
body.app-redesign .product-editor-hero-copy h3,
body.app-redesign .product-section-heading h3  { margin: .25rem 0 .22rem; color: #f7f3ec; font-size: .94rem; letter-spacing: -.025em; }
body.app-redesign .product-editor-hero-copy > p  { margin: 0 0 .7rem; color: #9da7b0; font-size: .68rem; line-height: 1.4; }
body.app-redesign .product-name-field  { margin: 0; }
body.app-redesign .product-name-field .form-label  { margin-bottom: .28rem; }
body.app-redesign .product-name-input  { min-height: 2.7rem; font-size: .88rem; font-weight: 850; }
body.app-redesign .product-image-actions  { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .55rem; }
body.app-redesign .product-image-actions .btn-image-upload,
body.app-redesign .product-image-actions .btn-image-remove  { min-height: 2rem; padding: .42rem .62rem; font-size: .65rem; }
body.app-redesign .product-image-hint  { display: block; margin-top: .32rem; color: #87929d; font-size: .58rem; line-height: 1.3; }
body.app-redesign .product-editor-section  { padding: .85rem; border: 1px solid #303840; border-radius: 16px; background: #1b2025; }
body.app-redesign .product-section-heading  { display: flex; align-items: flex-end; justify-content: space-between; gap: .6rem; margin-bottom: .7rem; }
body.app-redesign .product-section-heading h3  { margin-bottom: 0; }
body.app-redesign .product-section-help  { color: #7f8a93; font-size: .58rem; font-weight: 750; text-align: right; }
body.app-redesign .product-category-choice-grid  { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45rem; }
body.app-redesign .product-choice-button,
body.app-redesign .product-control-button  { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; align-items: center; column-gap: .38rem; row-gap: .12rem; min-height: 3.65rem; padding: .55rem .5rem; border: 1px solid #39434b; border-radius: 11px; background: #22282e; color: #aeb7bf; text-align: left; cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
body.app-redesign .product-choice-button > span,
body.app-redesign .product-control-button > span  { grid-row: span 2; display: grid; place-items: center; width: 1.55rem; height: 1.55rem; border-radius: .48rem; background: rgba(255,255,255,.06); font-size: .88rem; }
body.app-redesign .product-choice-button strong,
body.app-redesign .product-control-button strong  { color: #e7ecef; font-size: .69rem; }
body.app-redesign .product-choice-button small,
body.app-redesign .product-control-button small  { color: #87929d; font-size: .53rem; line-height: 1.15; }
body.app-redesign .product-choice-button:hover,
body.app-redesign .product-control-button:hover  { border-color: rgba(243,182,93,.58); transform: translateY(-1px); }
body.app-redesign .product-choice-button.active,
body.app-redesign .product-control-button.active  { border-color: rgba(223,91,71,.85); background: linear-gradient(135deg, rgba(223,91,71,.2), rgba(243,182,93,.08)); box-shadow: 0 8px 18px rgba(0,0,0,.12); }
body.app-redesign .product-choice-button.active > span,
body.app-redesign .product-control-button.active > span  { background: rgba(243,182,93,.15); }
body.app-redesign .editor-sync-select  { position: absolute; width: 1px; height: 1px; padding: 0; border: 0; opacity: 0; pointer-events: none; }
body.app-redesign .product-publish-panel  { margin-top: .7rem; padding-top: .7rem; border-top: 1px solid #303840; }
body.app-redesign .product-publish-toggle  { position: relative; display: flex; align-items: center; gap: .65rem; cursor: pointer; }
body.app-redesign .product-publish-toggle input  { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
body.app-redesign .product-publish-switch  { position: relative; flex: 0 0 auto; width: 2.55rem; height: 1.45rem; border-radius: 999px; background: #39434b; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); transition: background .18s ease, box-shadow .18s ease; }
body.app-redesign .product-publish-switch::after  { position: absolute; top: .2rem; left: .2rem; width: 1.05rem; height: 1.05rem; border-radius: 50%; background: #f7f3ec; content: ''; box-shadow: 0 2px 5px rgba(0,0,0,.28); transition: transform .18s ease; }
body.app-redesign .product-publish-toggle input:checked + .product-publish-switch  { background: #3c9f72; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 0 0 3px rgba(60,159,114,.1); }
body.app-redesign .product-publish-toggle input:checked + .product-publish-switch::after  { transform: translateX(1.1rem); }
body.app-redesign .product-publish-toggle input:focus-visible + .product-publish-switch  { outline: 2px solid #f3b65d; outline-offset: 2px; }
body.app-redesign .product-publish-copy  { display: grid; gap: .12rem; min-width: 0; }
body.app-redesign .product-publish-copy strong  { color: #e7ecef; font-size: .68rem; }
body.app-redesign .product-publish-copy small  { color: #87929d; font-size: .58rem; line-height: 1.25; }
body.app-redesign .product-price-grid  { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
body.app-redesign .product-price-field  { margin: 0; }
body.app-redesign .product-price-field .form-label  { margin-bottom: .3rem; color: #d9e0e4; font-size: .67rem; }
body.app-redesign .product-currency-input  { position: relative; }
body.app-redesign .product-currency-input > span  { position: absolute; top: 50%; left: .75rem; z-index: 1; color: #f3b65d; font-size: .78rem; font-weight: 900; transform: translateY(-50%); }
body.app-redesign .product-currency-input .form-input  { padding-left: 1.55rem; color: #f3b65d; font-weight: 900; }
body.app-redesign .product-price-field > small  { display: block; margin-top: .25rem; color: #7f8a93; font-size: .56rem; }
body.app-redesign .quick-price-chips  { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .65rem; }
body.app-redesign .btn-quick-price-chip  { min-height: 1.75rem; padding: .25rem .48rem; border: 1px solid #39434b; border-radius: 999px; background: #22282e; color: #aeb7bf; font: inherit; font-size: .59rem; font-weight: 800; cursor: pointer; }
body.app-redesign .btn-quick-price-chip:hover,
body.app-redesign .btn-quick-price-chip.active  { border-color: rgba(243,182,93,.65); background: rgba(243,182,93,.12); color: #f3b65d; }
body.app-redesign .product-description-section .form-group  { margin: 0; }
body.app-redesign .product-description-section .form-label  { font-size: .67rem; }
body.app-redesign .product-description-section .form-input  { min-height: 2.6rem; font-size: .73rem; }
body.app-redesign .product-control-choice-grid  { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
body.app-redesign .product-control-button  { min-height: 3.85rem; }
body.app-redesign .recipe-builder-card[hidden]  { display: none !important; }
body.app-redesign .recipe-builder-card  { flex: 0 0 auto; margin-top: 0; overflow: visible; padding: .85rem; }
body.app-redesign .recipe-builder-heading  { margin-bottom: .7rem; }
body.app-redesign .recipe-builder-title  { margin-top: .25rem; font-size: .93rem; }
body.app-redesign .recipe-builder-help  { max-width: 28rem; margin-top: .2rem; font-size: .65rem; }
body.app-redesign .product-editor-footer  { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: .7rem; padding: .75rem 1.1rem; border-top-color: #2c333a; background: #121619; }
body.app-redesign .product-footer-actions  { display: flex; gap: .45rem; margin-left: auto; }
body.app-redesign .product-editor-footer .product-cancel-button,
body.app-redesign .product-editor-footer .product-save-button  { min-height: 2.65rem; padding: .58rem .85rem; border-radius: 10px; font-size: .68rem; }
body.app-redesign .product-save-button  { min-width: 10.5rem; }
body.app-redesign .product-delete-button  { min-height: 2.25rem; padding: .45rem .6rem; border-radius: 9px; font-size: .6rem; }

@media (max-width: 620px) {
  body.app-redesign .product-editor-card  { width: min(100%, 31rem); max-height: calc(100dvh - .8rem); border-radius: 19px 19px 0 0; }
  body.app-redesign .product-editor-topbar  { padding: .9rem .9rem .78rem; }
  body.app-redesign .product-editor-body  { padding: .75rem .75rem 1rem; gap: .65rem; }
  body.app-redesign .product-editor-hero  { grid-template-columns: 6.6rem minmax(0, 1fr); gap: .75rem; padding: .72rem; border-radius: 14px; }
  body.app-redesign .product-photo-badge  { display: none; }
  body.app-redesign .product-editor-hero-copy h3  { font-size: .83rem; }
  body.app-redesign .product-editor-hero-copy > p  { margin-bottom: .55rem; font-size: .61rem; }
  body.app-redesign .product-name-input  { min-height: 2.45rem; font-size: .78rem; }
  body.app-redesign .product-editor-section  { padding: .72rem; border-radius: 14px; }
  body.app-redesign .product-category-choice-grid  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.app-redesign .product-choice-button  { min-height: 3.2rem; padding: .45rem; }
  body.app-redesign .product-choice-button small  { font-size: .5rem; }
  body.app-redesign .product-section-heading  { margin-bottom: .55rem; }
  body.app-redesign .product-section-heading h3  { font-size: .82rem; }
  body.app-redesign .product-section-help  { font-size: .52rem; }
  body.app-redesign .product-price-field .form-input  { min-height: 2.45rem; }
  body.app-redesign .product-control-button  { min-height: 3.25rem; padding: .45rem; }
  body.app-redesign .product-control-button small  { font-size: .49rem; }
  body.app-redesign .product-editor-footer  { align-items: stretch; flex-direction: column-reverse; padding: .65rem .75rem calc(.65rem + env(safe-area-inset-bottom)); }
  body.app-redesign .product-footer-actions  { width: 100%; margin-left: 0; }
  body.app-redesign .product-footer-actions > button  { flex: 1; }
  body.app-redesign .product-delete-button  { align-self: flex-start; }
}
body.app-redesign .modal-subtitle-row  {
  display: flex;
  align-items: center;
  gap: .35rem;
}
body.app-redesign .modal-subtitle-row .modal-subtitle  { margin: 0; }
body.app-redesign .ai-welcome-info  { margin-top: .45rem; }
body.app-redesign .ai-info-popover  { width: min(330px, calc(100vw - 3rem)); }
body.app-redesign .ai-info-popover .ai-welcome-examples  {
  margin: .35rem 0 0 1rem;
  padding: 0;
}
body.app-redesign .ai-info-popover .ai-welcome-examples li  { margin: .2rem 0; }

@media (max-width: 620px) {
  body.app-redesign .ui-info-popover  {
    width: min(270px, calc(100vw - 1.6rem));
  }
  body.app-redesign .ui-title-line .section-title  {
    font-size: 1.18rem;
  }
}
body:not(.dark-mode).app-redesign .pos-sales-compact-menu,
body:not(.dark-mode).app-redesign .pos-sales-compact-card,
body:not(.dark-mode).app-redesign .history-view-switcher-bar,
body:not(.dark-mode).app-redesign .history-bottom-export-panel,
body:not(.dark-mode).app-redesign .history-tabs-pills,
body:not(.dark-mode).app-redesign .hist-pay-tabs-grid,
body:not(.dark-mode).app-redesign .hist-pay-tab,
body:not(.dark-mode).app-redesign .hist-date-bar,
body:not(.dark-mode).app-redesign .hist-sale-item,
body:not(.dark-mode).app-redesign .hist-recap-item,
body:not(.dark-mode).app-redesign .hist-empty-state  { background: #ffffff !important; border-color: #d8e0e7 !important; color: #273746 !important; }
body:not(.dark-mode).app-redesign .pos-sales-compact-heading,
body:not(.dark-mode).app-redesign .pos-sales-compact-heading h3,
body:not(.dark-mode).app-redesign .hist-export-title,
body:not(.dark-mode).app-redesign .hist-sale-acc-name,
body:not(.dark-mode).app-redesign .hist-empty-state strong,
body:not(.dark-mode).app-redesign .hist-p-name strong  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .pos-sales-compact-heading small,
body:not(.dark-mode).app-redesign .pos-sales-compact-copy small,
body:not(.dark-mode).app-redesign .pos-sales-compact-card .pos-sales-compact-copy b,
body:not(.dark-mode).app-redesign .hist-export-subtitle,
body:not(.dark-mode).app-redesign .hist-export-card-btn .export-btn-desc,
body:not(.dark-mode).app-redesign .hist-sale-items-snippet,
body:not(.dark-mode).app-redesign .hist-pay-sub  { color: #536371 !important; }
body:not(.dark-mode).app-redesign .hist-view-tab-btn,
body:not(.dark-mode).app-redesign .hist-date-pill,
body:not(.dark-mode).app-redesign .hist-pay-title  { color: #344451 !important; }
body:not(.dark-mode).app-redesign .hist-view-tab-btn.active,
body:not(.dark-mode).app-redesign .hist-date-pill.active,
body:not(.dark-mode).app-redesign .hist-pay-tab.active  { background: #fff0eb !important; border-color: #df8b7a !important; color: #a93629 !important; }
body:not(.dark-mode).app-redesign .hist-sale-total,
body:not(.dark-mode).app-redesign .hist-p-money,
body:not(.dark-mode).app-redesign .pos-sales-compact-copy em  { color: #a85d08 !important; }
body:not(.dark-mode).app-redesign .hist-export-card-btn .export-btn-label  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .hist-export-card-btn:hover  { background: #fffaf3 !important; border-color: #e2ae62 !important; }
body:not(.dark-mode).app-redesign .inventory-compact-row,
body:not(.dark-mode).app-redesign .inventory-main-tab,
body:not(.dark-mode).app-redesign .catalog-product-card,
body:not(.dark-mode).app-redesign .inv-row-stock-box,
body:not(.dark-mode).app-redesign .catalog-search  { background: #ffffff !important; border-color: #d8e0e7 !important; color: #273746 !important; }
body:not(.dark-mode).app-redesign .inventory-main-tab.active  { background: linear-gradient(135deg, #fff0eb, #fff8eb) !important; color: #8f3025 !important; }
body:not(.dark-mode).app-redesign .closed-shift-card,
body:not(.dark-mode).app-redesign .shift-detail-block,
body:not(.dark-mode).app-redesign .shift-metric-pod,
body:not(.dark-mode).app-redesign .custom-table th,
body:not(.dark-mode).app-redesign .custom-table td,
body:not(.dark-mode).app-redesign .inv-row-stock-box  { background: #ffffff !important; border-color: #d8e0e7 !important; color: #273746 !important; }
body:not(.dark-mode).app-redesign .custom-table th  { background: #f3f6f8 !important; color: #344451 !important; }
body:not(.dark-mode).app-redesign .shift-card-title,
body:not(.dark-mode).app-redesign .shift-detail-block-title,
body:not(.dark-mode).app-redesign .inv-row-name,
body:not(.dark-mode).app-redesign .inv-row-stock-num  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .floating-items-summary-text,
body:not(.dark-mode).app-redesign .floating-tab-summary-row  { color: #536371 !important; }


body.app-redesign .accounts-master-header  { position: relative; overflow: visible; isolation: isolate; z-index: 1; }
body.app-redesign .accounts-header-top  { position: relative; z-index: 2; }
body.app-redesign .accounts-title-area  { min-width: 0; flex: 1 1 auto; }
body.app-redesign .accounts-actions-zone  { position: relative; z-index: 3; min-width: 0; }
body.app-redesign .floating-cart-wrapper  { position: relative; z-index: 4; min-width: 0; }
body.app-redesign .floating-cart-tab-btn  { position: relative; z-index: 5; min-width: 0; overflow: hidden !important; }
body.app-redesign .floating-tab-top,
body.app-redesign .floating-tab-left,
body.app-redesign .floating-acc-title-row,
body.app-redesign .floating-tab-summary-row,
body.app-redesign .floating-items-summary-text  { min-width: 0; }
body.app-redesign .floating-tab-left,
body.app-redesign .floating-acc-title-row,
body.app-redesign .floating-items-summary-text  { overflow: hidden; }
body.app-redesign .floating-acc-name,
body.app-redesign .floating-items-summary-text  { overflow: hidden; text-overflow: ellipsis; }
body.app-redesign .floating-cart-popover.active  {
  position: relative;
  top: auto;
  right: auto;
  width: min(100%, 380px);
  max-width: 100%;
  margin-top: .55rem;
  z-index: 6;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll  { position: relative; z-index: 1; clear: both; min-width: 0; }
body:not(.dark-mode).app-redesign .header-orders-trigger,
body:not(.dark-mode).app-redesign .theme-toggle-btn  { background: #fff4df !important; border-color: #e5b768 !important; color: #8a4d06 !important; }
body:not(.dark-mode).app-redesign .nav-tabs  { background: #ffffff !important; }

body:not(.dark-mode).app-redesign .hist-pending-card  {
  margin: .9rem 0;
  padding: 1rem;
  border: 1.5px solid #e2b65d;
  border-radius: 14px;
  background: #fffaf0;
  color: #273746;
  box-shadow: 0 5px 16px rgba(31, 45, 61, .08);
}
body:not(.dark-mode).app-redesign .hist-pending-head  { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; }
body:not(.dark-mode).app-redesign .hist-pending-title  { color: #8a5a00; font-weight: 900; }
body:not(.dark-mode).app-redesign .hist-pending-description,
body:not(.dark-mode).app-redesign .hist-pending-breakdown  { color: #64717d; }
body:not(.dark-mode).app-redesign .hist-pending-description  { margin-top: .25rem; font-size: .78rem; }
body:not(.dark-mode).app-redesign .hist-pending-summary,
body:not(.dark-mode).app-redesign .hist-pending-breakdown  { display: flex; gap: 1rem; flex-wrap: wrap; font-size: .8rem; }
body:not(.dark-mode).app-redesign .hist-pending-summary  { margin-top: .75rem; }
body:not(.dark-mode).app-redesign .hist-pending-breakdown  { margin-top: .45rem; font-size: .76rem; }
body:not(.dark-mode).app-redesign .hist-pending-difference  { font-weight: 850; }
body:not(.dark-mode).app-redesign .hist-pending-difference.is-pending  { color: #a85d08; }
body:not(.dark-mode).app-redesign .hist-pending-difference.is-complete  { color: #168052; }
body:not(.dark-mode).app-redesign .hist-pending-action  { padding: .55rem .85rem; font-size: .8rem; }

body:not(.dark-mode).app-redesign .config-card,
body:not(.dark-mode).app-redesign .config-stat-box  { background: #ffffff !important; color: #273746 !important; border-color: #d8e0e7 !important; }
body:not(.dark-mode).app-redesign .config-card [style*="#ffffff"],
body:not(.dark-mode).app-redesign .config-card [style*="#fff"]  { color: #17202a !important; }

body:not(.dark-mode).app-redesign .product-editor-card,
body:not(.dark-mode).app-redesign .modal-card  { background: #ffffff !important; border-color: #d8e0e7 !important; color: #273746 !important; }
body:not(.dark-mode).app-redesign .product-editor-topbar,
body:not(.dark-mode).app-redesign .product-editor-footer,
body:not(.dark-mode).app-redesign .modal-header,
body:not(.dark-mode).app-redesign .modal-footer  { background: #f8fafb !important; border-color: #dfe6eb !important; }
body:not(.dark-mode).app-redesign .product-editor-heading .modal-title,
body:not(.dark-mode).app-redesign .product-editor-hero-copy h3,
body:not(.dark-mode).app-redesign .product-section-heading h3,
body:not(.dark-mode).app-redesign .product-publish-copy strong,
body:not(.dark-mode).app-redesign .modal-card [style*="#ffffff"]  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .product-editor-subtitle,
body:not(.dark-mode).app-redesign .product-editor-hero-copy > p,
body:not(.dark-mode).app-redesign .product-section-help,
body:not(.dark-mode).app-redesign .product-publish-copy small,
body:not(.dark-mode).app-redesign .product-image-hint  { color: #64717d !important; }
body:not(.dark-mode).app-redesign .product-editor-section,
body:not(.dark-mode).app-redesign .product-choice-button,
body:not(.dark-mode).app-redesign .product-control-button,
body:not(.dark-mode).app-redesign .recipe-builder-card,
body:not(.dark-mode).app-redesign .btn-quick-price-chip  { background: #f8fafb !important; border-color: #d8e0e7 !important; color: #344451 !important; }
body:not(.dark-mode).app-redesign .product-choice-button strong,
body:not(.dark-mode).app-redesign .product-control-button strong,
body:not(.dark-mode).app-redesign .recipe-builder-title  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .product-choice-button small,
body:not(.dark-mode).app-redesign .product-control-button small  { color: #64717d !important; }

body:not(.dark-mode).app-redesign .ai-pill-bar  { background: #ffffff !important; border-color: #cbd6df !important; box-shadow: 0 7px 18px rgba(31, 45, 61, .18) !important; }
body:not(.dark-mode).app-redesign .btn-ai-pill-main  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .btn-ai-pill-mic,
body:not(.dark-mode).app-redesign .btn-ai-pill-flip  { background: #f1f4f6 !important; border-color: #cbd6df !important; color: #536371 !important; }
body:not(.dark-mode).app-redesign .ai-pill-drag-handle  { color: #8a5a00 !important; }
body:not(.dark-mode).app-redesign .ai-floating-bubble  { background: #ffffff !important; border-color: #cbd6df !important; box-shadow: 0 16px 36px rgba(31, 45, 61, .20) !important; }
body:not(.dark-mode).app-redesign .ai-bubble-header  { background: #f8fafb !important; border-color: #dfe6eb !important; }
body:not(.dark-mode).app-redesign .ai-bubble-sender,
body:not(.dark-mode).app-redesign .ai-bubble-text  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .ai-bubble-text strong  { color: #a85d08 !important; }
body:not(.dark-mode).app-redesign .ai-floating-widget  { z-index: 850 !important; }
body.dark-mode.app-redesign  { color-scheme: dark; }
body:not(.dark-mode).app-redesign  { color-scheme: light; }
body:not(.dark-mode).app-redesign .btn-ai-header-btn  { background: #f1f4f6 !important; border-color: #cbd6df !important; color: #344451 !important; }

body:not(.dark-mode).app-redesign #aiSettingsModal .form-group[style*="34, 197, 94"] label  { color: #166534 !important; }
body:not(.dark-mode).app-redesign #aiSettingsModal .form-group[style*="96, 165, 250"] label  { color: #1d4ed8 !important; }
body:not(.dark-mode).app-redesign #aiSettingsModal .form-group[style*="34, 197, 94"] > div:last-child  { color: #15803d !important; }
body:not(.dark-mode).app-redesign #aiSettingsModal .form-group[style*="96, 165, 250"] > div:last-child  { color: #1d4ed8 !important; }
body:not(.dark-mode).app-redesign #confirmDeleteSaleModal #deleteSalePreviewBox  { background: #f8fafb !important; border-color: #d8e0e7 !important; color: #273746 !important; }
body:not(.dark-mode).app-redesign #confirmDeleteSaleModal .modal-footer  { background: #f8fafb !important; border-color: #dfe6eb !important; }
body:not(.dark-mode).app-redesign .employee-pay-card .emp-card-title  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .employee-pay-card .emp-card-desc,
body:not(.dark-mode).app-redesign .employee-pay-card .emp-label  { color: #536371 !important; }
body:not(.dark-mode).app-redesign .employee-pay-card .btn-edit-rate  { background: #f1f4f6 !important; border-color: #cbd6df !important; color: #344451 !important; }
body:not(.dark-mode).app-redesign .employee-pay-card .badge-pending  { background: #fff4df !important; border-color: #e5c98f !important; color: #8a5a00 !important; }
body:not(.dark-mode).app-redesign .employee-pay-card .badge-paid  { background: #e9f8f1 !important; border-color: #9ed8bd !important; color: #168052 !important; }
body:not(.dark-mode).app-redesign .employee-pay-card .badge-extra  { background: #eef4ff !important; border-color: #a9c5f4 !important; color: #1d4ed8 !important; }
body:not(.dark-mode).app-redesign .employee-pay-card .emp-method-pill  { background: #ffffff !important; border-color: #cbd6df !important; color: #344451 !important; }
body:not(.dark-mode).app-redesign .employee-pay-card .emp-method-pill.active  { background: #e9f8f1 !important; border-color: #6bc49b !important; color: #168052 !important; }
body:not(.dark-mode).app-redesign .employee-pay-card .currency-prefix  { color: #a85d08 !important; }
body:not(.dark-mode).app-redesign .hist-stat-chip  { background: #f1f4f6 !important; border-color: #d8e0e7 !important; color: #536371 !important; }
body:not(.dark-mode).app-redesign .hist-stat-chip strong  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .hist-export-card-btn .tag-wsp  { background: #e9f8f1 !important; border-color: #9ed8bd !important; color: #168052 !important; }
body:not(.dark-mode).app-redesign .hist-export-card-btn .tag-pdf  { background: #fff0ee !important; border-color: #efaaa0 !important; color: #b42318 !important; }
body:not(.dark-mode).app-redesign .hist-export-card-btn .tag-cloud  { background: #eef7ff !important; border-color: #9ec8ee !important; color: #0369a1 !important; }
body:not(.dark-mode).app-redesign .hist-export-card-btn .tag-json  { background: #f5efff !important; border-color: #c9afea !important; color: #7e22ce !important; }
body.app-redesign .header-orders-popover  {
  /* El panel debe flotar sobre el contenido sin crear una nueva fila en el header. */
  position: absolute !important;
  z-index: 1003 !important;
  top: calc(100% + .65rem) !important;
  right: 0 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: min(580px, 78vw) !important;
  max-width: min(580px, 78vw) !important;
  max-height: min(60vh, 520px);
  margin-top: 0;
  box-sizing: border-box;
}

@media (max-width: 620px) {
  body.app-redesign .header-orders-popover  {
    right: -.45rem !important;
    width: min(94vw, 520px) !important;
    max-width: min(94vw, 520px) !important;
  }
}


body.app-redesign .accounts-actions-zone  { position: relative; }
body.app-redesign .floating-cart-wrapper  {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  flex: 0 0 0 !important;
  z-index: 1200 !important;
  pointer-events: none;
}
body.app-redesign .floating-cart-popover.active  {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  width: min(420px, calc(100vw - 1rem)) !important;
  max-width: calc(100vw - 1rem) !important;
  max-height: min(74dvh, 640px) !important;
  margin: 0 !important;
  display: flex !important;
  overflow: hidden !important;
  z-index: 1201 !important;
  pointer-events: auto;
}
body.app-redesign .floating-cart-items-list  {
  flex: 1 1 auto;
  min-height: 0;
  max-height: 290px;
  padding: .55rem .72rem;
  gap: .35rem;
  overflow-y: auto;
}
body.app-redesign .floating-cart-popover .cart-item  {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .35rem;
  padding: .45rem .55rem;
}
body.app-redesign .floating-cart-popover .cart-item-name  { font-size: .8rem; }
body.app-redesign .floating-cart-popover .cart-item-type  { font-size: .64rem; }
body.app-redesign .floating-cart-popover .cart-item-controls  { gap: .18rem; }
body.app-redesign .floating-cart-popover .btn-qty  {
  width: 22px;
  height: 22px;
  font-size: .75rem;
}
body.app-redesign .floating-cart-popover .item-qty-number  { min-width: 18px; font-size: .82rem; }
body.app-redesign .floating-cart-popover .cart-item-price  { font-size: .82rem; white-space: nowrap; }
body.app-redesign .floating-popover-header  { padding: .55rem .72rem; }
body.app-redesign .floating-popover-title  { font-size: 1rem; }
body.app-redesign .btn-clear-cart-mini  { padding: .2rem .45rem; font-size: .7rem; }
body.app-redesign .btn-close-popover  { padding: .15rem .3rem; font-size: 1rem; }
body.app-redesign .mini-mode-selector  { padding: .35rem .72rem; }
body.app-redesign .mini-mode-selector > span  { font-size: .68rem !important; }
body.app-redesign .cart-mode-btn-group  { gap: .25rem; }
body.app-redesign .floating-cart-popover .cart-mode-btn  { padding: .3rem .62rem; font-size: .7rem; }
body.app-redesign .floating-popover-footer  { padding: .6rem .72rem; }
body.app-redesign .floating-footer-total-row  { margin-bottom: .5rem; gap: .45rem; }
body.app-redesign .floating-footer-total-row .lbl-total  { font-size: .72rem; }
body.app-redesign .floating-footer-total-row .total-amount  { font-size: 1.45rem; line-height: 1.05; white-space: nowrap; }
body.app-redesign .floating-popover-footer .btn-checkout  {
  min-height: 42px;
  padding: .55rem .7rem;
  font-size: .82rem;
  line-height: 1.15;
}
@media (max-width: 620px) {
  body.app-redesign .floating-cart-popover.active  {
    width: min(420px, calc(100vw - 1rem)) !important;
    max-width: calc(100vw - 1rem) !important;
    max-height: min(82dvh, 600px) !important;
  }
  body.app-redesign .floating-cart-items-list  {
    max-height: 250px !important;
    padding: .45rem .62rem;
    gap: .3rem;
  }
  body.app-redesign .floating-cart-popover .cart-item  { gap: .25rem; padding: .38rem .45rem; }
  body.app-redesign .floating-cart-popover .cart-item-name,
  body.app-redesign .floating-cart-popover .cart-item-price  { font-size: .76rem; }
  body.app-redesign .floating-popover-footer  { padding: .5rem .62rem; }
  body.app-redesign .floating-footer-total-row  { margin-bottom: .4rem; }
  body.app-redesign .floating-footer-total-row .total-amount  { font-size: 1.3rem; }
}


body.app-redesign .accounts-main-heading  {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}
body.app-redesign .accounts-main-heading .btn-recent-orders  {
  display: inline-grid;
  place-items: center;
  width: 1.25rem !important;
  min-width: 1.25rem !important;
  height: 1.25rem !important;
  min-height: 1.25rem !important;
  margin: 0;
  padding: 0 !important;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: currentColor;
  font-size: .92rem;
  line-height: 1;
  vertical-align: middle;
}
body.app-redesign .accounts-main-heading .btn-recent-orders:hover,
body.app-redesign .accounts-main-heading .btn-recent-orders:focus-visible  {
  border: 0;
  background: rgba(243, 182, 93, .14);
  color: #f3b65d;
  outline: none;
}
body.app-redesign .open-accounts-summary-strip  {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #abb4bd;
  font-size: .75rem;
}
body.app-redesign .open-accounts-summary-strip:hover,
body.app-redesign .open-accounts-summary-strip:focus-visible  {
  color: #f3b65d;
  outline: none;
}

@media (max-width: 600px) {
  body.app-redesign .accounts-title-left  {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    row-gap: .35rem;
  }
  body.app-redesign .accounts-main-heading  {
    display: inline-flex !important;
    flex: 1 1 100%;
    width: auto;
    min-width: 0;
    white-space: nowrap !important;
  }
  body.app-redesign .accounts-title-left .accounts-summary-filter-wrap  {
    flex: 1 1 100%;
    min-width: 0;
  }
}


body.app-redesign .accounts-actions-zone  { position: relative; }
body.app-redesign .floating-cart-wrapper  {
  position: absolute !important;
  top: 0;
  right: 0;
  width: 0 !important;
  min-width: 0 !important;
  height: 0;
  flex: 0 0 0 !important;
  z-index: 1200;
  pointer-events: none;
}
body.app-redesign .floating-cart-popover.active  {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  width: min(420px, calc(100vw - 1rem)) !important;
  max-width: calc(100vw - 1rem) !important;
  max-height: min(74dvh, 640px) !important;
  margin: 0 !important;
  display: flex !important;
  overflow: hidden !important;
  z-index: 1201 !important;
  pointer-events: auto;
}


body.app-redesign .floating-popover-header  {
  padding: .55rem .72rem;
}
body.app-redesign .floating-popover-title  { font-size: 1rem; }
body.app-redesign .btn-clear-cart-mini  {
  padding: .2rem .45rem;
  font-size: .7rem;
}
body.app-redesign .btn-close-popover  {
  padding: .15rem .3rem;
  font-size: 1rem;
}
body.app-redesign .mini-mode-selector  {
  padding: .35rem .72rem;
}
body.app-redesign .mini-mode-selector > span  { font-size: .68rem !important; }
body.app-redesign .cart-mode-btn-group  { gap: .25rem; }
body.app-redesign .floating-cart-popover .cart-mode-btn  {
  padding: .3rem .62rem;
  font-size: .7rem;
}
body.app-redesign .floating-cart-items-list  {
  flex: 1 1 auto;
  min-height: 0;
  max-height: 290px;
  padding: .55rem .72rem;
  gap: .35rem;
  overflow-y: auto;
}
body.app-redesign .floating-cart-popover .cart-item  {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .35rem;
  padding: .45rem .55rem;
}
body.app-redesign .floating-cart-popover .cart-item-name  {
  font-size: .8rem;
}
body.app-redesign .floating-cart-popover .cart-item-type  {
  font-size: .64rem;
}
body.app-redesign .floating-cart-popover .cart-item-controls  { gap: .18rem; }
body.app-redesign .floating-cart-popover .btn-qty  {
  width: 22px;
  height: 22px;
  font-size: .75rem;
}
body.app-redesign .floating-cart-popover .item-qty-number  {
  min-width: 18px;
  font-size: .82rem;
}
body.app-redesign .floating-cart-popover .cart-item-price  {
  font-size: .82rem;
  white-space: nowrap;
}
body.app-redesign .floating-popover-footer  {
  padding: .6rem .72rem;
}
body.app-redesign .floating-footer-total-row  {
  margin-bottom: .5rem;
  gap: .45rem;
}
body.app-redesign .floating-footer-total-row .lbl-total  { font-size: .72rem; }
body.app-redesign .floating-footer-total-row .total-amount  {
  font-size: 1.45rem;
  line-height: 1.05;
  white-space: nowrap;
}
body.app-redesign .floating-popover-footer .btn-checkout  {
  min-height: 42px;
  padding: .55rem .7rem;
  font-size: .82rem;
  line-height: 1.15;
}

@media (max-width: 620px) {
  body.app-redesign .floating-cart-popover.active  {
    width: min(420px, calc(100vw - 1rem)) !important;
    max-width: calc(100vw - 1rem) !important;
    max-height: min(82dvh, 600px) !important;
  }
  body.app-redesign .floating-cart-items-list  {
    max-height: 250px !important;
    padding: .45rem .62rem;
    gap: .3rem;
  }
  body.app-redesign .floating-cart-popover .cart-item  {
    gap: .25rem;
    padding: .38rem .45rem;
  }
  body.app-redesign .floating-cart-popover .cart-item-name  { font-size: .76rem; }
  body.app-redesign .floating-cart-popover .cart-item-price  { font-size: .76rem; }
  body.app-redesign .floating-popover-footer  { padding: .5rem .62rem; }
  body.app-redesign .floating-footer-total-row  { margin-bottom: .4rem; }
  body.app-redesign .floating-footer-total-row .total-amount  { font-size: 1.3rem; }
}


body.app-redesign .inventory-status-banner-compact  {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: .55rem;
  min-width: 0;
  min-height: 2.55rem;
  padding: .42rem .55rem;
  border-radius: 13px;
  overflow: hidden;
}
body.app-redesign .inventory-status-banner-compact > *  { min-width: 0; }
body.app-redesign .inventory-status-banner-compact .status-banner-summary  {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  gap: .38rem;
  overflow: hidden;
}
body.app-redesign .inventory-status-banner-compact .status-icon  {
  flex: 0 0 auto;
  font-size: .9rem;
  line-height: 1;
}
body.app-redesign .inventory-status-banner-compact .status-alert-text  {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .69rem;
  letter-spacing: .01em;
}
body.app-redesign .inventory-status-banner-compact .alert-toggle-pill  {
  flex: 0 1 auto;
  max-width: 8.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: .23rem .46rem;
  border-radius: 7px;
  font-size: .62rem;
}
body.app-redesign .inventory-status-banner-compact .btn-whatsapp-shopping-compact  {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 44px;
  min-width: 44px;
  max-width: 9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: .4rem .75rem;
  border-radius: 9px;
  font-size: .74rem;
  font-weight: 700;
  box-shadow: 0 3px 10px rgba(21, 128, 61, .2);
}
body:not(.dark-mode).app-redesign .inventory-status-banner-compact.banner-alert  {
  background: #fff8e8;
  border-color: #edc56b;
  color: #704b08;
}
body:not(.dark-mode).app-redesign .inventory-status-banner-compact .status-alert-text  { color: #704b08; }
body:not(.dark-mode).app-redesign .inventory-status-banner-compact .alert-toggle-pill  {
  background: #fff0c7;
  border-color: #e4b44d;
  color: #8a5a00;
}
@media (max-width: 480px) {
  body.app-redesign .inventory-status-banner-compact  {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: .42rem;
    padding: .5rem;
  }
  body.app-redesign .inventory-status-banner-compact .status-banner-summary  {
    width: 100%;
  }
  body.app-redesign .inventory-status-banner-compact .status-alert-text  {
    font-size: .67rem;
  }
  body.app-redesign .inventory-status-banner-compact .alert-toggle-pill  {
    max-width: 7.25rem;
  }
  body.app-redesign .inventory-status-banner-compact .btn-whatsapp-shopping-compact  {
    justify-self: end;
    width: auto;
    max-width: 100%;
    min-height: 44px;
  }
}


body.app-redesign .inventory-compact-row  {
  min-width: 0;
  padding: .72rem .7rem;
  gap: .62rem;
  border-radius: 14px;
  overflow: hidden;
}
body.app-redesign .inventory-compact-row .inv-row-top,
body.app-redesign .inventory-compact-row .inv-row-bottom  {
  min-width: 0;
}
body.app-redesign .inventory-compact-row .inv-row-name-group  {
  min-width: 0;
  flex: 1 1 auto;
}
body.app-redesign .inventory-compact-row .inv-row-name  {
  min-width: 0;
  flex: 1 1 auto;
  overflow-wrap: anywhere;
  word-break: normal;
}
body.app-redesign .inventory-compact-row .inv-row-badges-group  {
  min-width: 0;
  max-width: 52%;
  flex-wrap: wrap;
  justify-content: flex-end;
}
body.app-redesign .inventory-compact-row .inv-category-badge,
body.app-redesign .inventory-compact-row .inv-row-badge  {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.app-redesign .inventory-compact-row .inv-row-bottom  {
  flex-wrap: wrap;
  align-items: center;
}
body.app-redesign .inventory-compact-row .inv-row-meta  {
  min-width: 0;
  flex: 1 1 8rem;
  flex-wrap: wrap;
  line-height: 1.35;
}
body.app-redesign .inventory-compact-row .inv-row-controls  {
  flex: 0 1 auto;
  margin-left: auto;
}
@media (max-width: 620px) {
  body.app-redesign .inventory-compact-row .inv-row-top  {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .42rem;
    align-items: start;
  }
  body.app-redesign .inventory-compact-row .inv-row-name-group,
  body.app-redesign .inventory-compact-row .inv-row-badges-group  {
    width: 100%;
    max-width: none;
  }
  body.app-redesign .inventory-compact-row .inv-row-badges-group  {
    justify-content: flex-start;
  }
  body.app-redesign .inventory-compact-row .inv-row-bottom  {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .55rem;
  }
  body.app-redesign .inventory-compact-row .inv-row-meta  {
    width: 100%;
    flex: none;
  }
  body.app-redesign .inventory-compact-row .inv-row-controls  {
    width: 100%;
    justify-content: flex-end;
    margin-left: 0;
  }
}
body:not(.dark-mode).app-redesign .inventory-compact-row .inv-row-meta  { color: #64717d; }
body:not(.dark-mode).app-redesign .inventory-compact-row .inv-row-meta strong  { color: #344451; }
body:not(.dark-mode).app-redesign .inventory-compact-row .meta-sep  { color: #a7b2bb; }
body:not(.dark-mode).app-redesign .inventory-compact-row .btn-inv-step  {
  background: #f1f4f6;
  border-color: #cbd6df;
  color: #344451;
}
body:not(.dark-mode).app-redesign .inventory-compact-row .btn-inv-step.pack  {
  background: #eaf1f7;
  color: #18527a;
}


#tab-inventory  {
  min-width: 0;
  max-width: 100%;
  --inventory-cream: #fff8ee;
  --inventory-cream-deep: #f7ead9;
  --inventory-terracotta: #c95f48;
  --inventory-terracotta-dark: #9e3d30;
  --inventory-text: #302822;
  --inventory-muted: #7b6d61;
  --inventory-border: #ead9c7;
  --inventory-sufficient: #2f8f5b;
  --inventory-low: #c68721;
  --inventory-empty: #c1483f;
}

#tab-inventory .inventory-dashboard-cards-section  {
  min-width: 0;
  margin: 0 0 1.15rem;
  padding: clamp(1rem, 2.4vw, 1.45rem);
  border: 1px solid var(--inventory-border);
  border-radius: 1.25rem;
  background: var(--inventory-surface, #fffdf9);
  box-shadow: 0 12px 30px rgba(114, 67, 37, .05);
  color: var(--inventory-text);
}

#tab-inventory .inventory-dashboard-cards-heading  {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 .75rem;
}

#tab-inventory .inventory-dashboard-cards-heading h3  {
  margin: .18rem 0 .2rem;
  color: var(--inventory-text);
  font-size: clamp(1rem, 2vw, 1.25rem);
}

#tab-inventory .inventory-dashboard-cards-heading p  {
  margin: 0;
  color: var(--inventory-muted);
  font-size: .76rem;
}

#tab-inventory .inventory-card-icon  {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border-radius: .8rem;
  background: rgba(201, 95, 72, .12);
}

#tab-inventory .inventory-dashboard-cards-heading  {
  align-items: center;
  margin: 0 0 .75rem;
}

#tab-inventory .inventory-dashboard-count  {
  color: var(--inventory-muted);
  font-size: .7rem;
  font-weight: 800;
}

#tab-inventory .inventory-dashboard-grid  {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}

#tab-inventory .inventory-dashboard-card  {
  --inventory-status-color: var(--inventory-sufficient);
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: .78rem;
  padding: 1rem;
  border: 1px solid var(--inventory-border);
  border-radius: 1.15rem;
  background: #fffdf9;
  box-shadow: 0 8px 22px rgba(114, 67, 37, .07);
  color: var(--inventory-text);
}

#tab-inventory .inventory-dashboard-card.status-low  { --inventory-status-color: var(--inventory-low); }
#tab-inventory .inventory-dashboard-card.status-empty  { --inventory-status-color: var(--inventory-empty); }

#tab-inventory .inventory-card-header  {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .6rem;
  min-width: 0;
}

#tab-inventory .inventory-card-heading  {
  display: flex;
  align-items: center;
  gap: .6rem;
  min-width: 0;
}

#tab-inventory .inventory-card-icon  {
  width: 2.65rem;
  height: 2.65rem;
  font-size: 1.3rem;
}

#tab-inventory .inventory-card-heading > div  {
  min-width: 0;
}

#tab-inventory .inventory-card-category  {
  display: block;
  overflow: hidden;
  color: var(--inventory-muted);
  font-size: .59rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

#tab-inventory .inventory-card-heading h4  {
  margin: .15rem 0 0;
  overflow-wrap: anywhere;
  color: var(--inventory-text);
  font-size: .9rem;
  line-height: 1.2;
}

#tab-inventory .inventory-card-status  {
  flex: 0 0 auto;
  padding: .26rem .48rem;
  border: 1px solid color-mix(in srgb, var(--inventory-status-color) 52%, var(--inventory-border));
  border-radius: 999px;
  color: var(--inventory-status-color);
  font-size: .61rem;
  font-weight: 900;
  white-space: nowrap;
}

#tab-inventory .inventory-card-stock  {
  display: flex;
  align-items: baseline;
  gap: .35rem;
  padding: .75rem .8rem;
  border-radius: .85rem;
  background: color-mix(in srgb, var(--inventory-status-color) 8%, var(--inventory-cream));
}

#tab-inventory .inventory-card-stock-label  {
  margin-right: auto;
  color: var(--inventory-muted);
  font-size: .64rem;
  font-weight: 800;
}

#tab-inventory .inventory-card-stock strong  {
  color: var(--inventory-text);
  font-size: 1.55rem;
  font-weight: 950;
  line-height: 1;
}

#tab-inventory .inventory-card-stock > span:last-child  {
  color: var(--inventory-muted);
  font-size: .68rem;
  font-weight: 850;
}

#tab-inventory .inventory-card-meta  {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
}

#tab-inventory .inventory-card-meta div,
#tab-inventory .inventory-card-details > div  {
  display: grid;
  min-width: 0;
  gap: .18rem;
}

#tab-inventory .inventory-card-meta span,
#tab-inventory .inventory-card-details span  {
  color: var(--inventory-muted);
  font-size: .62rem;
  font-weight: 750;
}

#tab-inventory .inventory-card-meta strong,
#tab-inventory .inventory-card-details strong  {
  overflow-wrap: anywhere;
  color: var(--inventory-text);
  font-size: .7rem;
}

#tab-inventory .inventory-card-quick-actions  {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .4rem;
}

#tab-inventory .inventory-card-quick-actions button,
#tab-inventory .inventory-card-button  {
  min-height: 2.65rem;
  border-radius: .7rem;
  font: inherit;
  font-size: .72rem;
  font-weight: 900;
  cursor: pointer;
  touch-action: manipulation;
}

#tab-inventory .inventory-card-quick-actions button  {
  border: 1px solid #e6d6c5;
  background: #fff8ef;
  color: var(--inventory-terracotta-dark);
}

#tab-inventory .inventory-card-quick-actions button:hover,
#tab-inventory .inventory-card-button:hover  {
  border-color: var(--inventory-terracotta);
}

#tab-inventory .inventory-card-actions  {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
  margin-top: auto;
}

#tab-inventory .inventory-card-button  {
  border: 1px solid #dfcabb;
  background: transparent;
  color: var(--inventory-terracotta-dark);
}

#tab-inventory .inventory-card-button-primary  {
  border-color: var(--inventory-terracotta);
  background: var(--inventory-terracotta);
  color: #fff;
}

#tab-inventory .inventory-card-details  {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  padding-top: .75rem;
  border-top: 1px solid var(--inventory-border);
}

#tab-inventory .inventory-card-detail-wide  {
  grid-column: 1 / -1;
}

body.dark-mode #tab-inventory  {
  --inventory-cream: #24201d;
  --inventory-cream-deep: #30241f;
  --inventory-text: #fff3e7;
  --inventory-muted: #c7b5a5;
  --inventory-border: #55443a;
}

body.dark-mode #tab-inventory .inventory-dashboard-chart,
body.dark-mode #tab-inventory .inventory-dashboard-card  {
  background: linear-gradient(135deg, #2b2521, #211e1b);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

body.dark-mode #tab-inventory .inventory-card-quick-actions button  {
  border-color: #5b483b;
  background: #302722;
  color: #ffd0bd;
}

body.dark-mode #tab-inventory .inventory-card-button  {
  border-color: #6b5143;
  color: #ffd0bd;
}

@media (max-width: 980px) {
  #tab-inventory .inventory-dashboard-grid  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  #tab-inventory .inventory-dashboard-chart-header,
  #tab-inventory .inventory-dashboard-cards-heading  { display: block; }
  #tab-inventory .inventory-chart-legend  { justify-content: flex-start; margin-top: .7rem; }
  #tab-inventory .inventory-chart-row  { grid-template-columns: minmax(0, 1fr) auto; gap: .45rem .6rem; }
  #tab-inventory .inventory-chart-track  { grid-column: 1 / -1; width: 100%; }
  #tab-inventory .inventory-chart-quantity  { min-width: auto; }
  #tab-inventory .inventory-dashboard-grid  { grid-template-columns: 1fr; }
  #tab-inventory .inventory-dashboard-count  { display: block; margin-top: .2rem; }
  #tab-inventory .inventory-dashboard-card  { padding: .9rem; }
}


body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll  {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: .65rem;
  overflow: visible;
  padding: .25rem 0 .45rem;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip  {
  width: auto;
  min-width: 0;
  min-height: 124px;
  padding: .78rem;
  gap: .55rem;
  box-sizing: border-box;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-main  {
  display: grid;
  align-content: start;
  justify-content: stretch;
  gap: .5rem;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-header-tags  {
  flex-wrap: wrap;
  white-space: normal !important;
  row-gap: .3rem;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-title,
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-badge,
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-order-clock  {
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-footer  {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  margin-top: auto;
  gap: .5rem;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-total  {
  min-width: 0;
  white-space: normal !important;
  overflow-wrap: anywhere;
  line-height: 1.2;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-count  {
  max-width: 5rem;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-align: right;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-footer  {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: .5rem;
  row-gap: .16rem;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-footer > .account-chip-total  {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: center;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-footer > .account-chip-order-clock  {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  margin-left: 0;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-footer > .account-chip-count  {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  max-width: none;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-footer  {
  display: flex;
  grid-template-columns: none;
  grid-template-rows: none;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-footer > .account-chip-order-clock  {
  margin-left: auto;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-header-tags > .account-chip-count  {
  margin-left: auto;
  max-width: 4rem;
  font-size: .6rem;
  text-align: right;
}
@media (max-width: 480px) {
  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll  {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* En móvil, el botón de órdenes recientes comparte fila con el resumen de
   cuentas y saldo, en vez de quedar debajo como un bloque independiente. */
@media (max-width: 480px) {
  body.app-redesign .accounts-title-left  {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "title title"
      "recent summary";
    align-items: center;
    width: 100%;
    min-width: 0;
    gap: .4rem .45rem;
  }
  body.app-redesign .accounts-title-left .accounts-main-heading  {
    grid-area: title;
    width: auto;
    min-width: 0;
    flex: initial;
    white-space: nowrap !important;
  }
  body.app-redesign .accounts-title-left .btn-recent-orders  {
    grid-area: recent;
    width: max-content;
    max-width: 100%;
  }
  body.app-redesign .accounts-title-left .accounts-summary-filter-wrap  {
    grid-area: summary;
    justify-self: end;
    min-width: 0;
    max-width: 100%;
  }
  body.app-redesign .accounts-title-left .open-accounts-summary-strip  {
    width: auto;
    max-width: 100%;
    flex: initial;
    white-space: nowrap !important;
  }
}
/* Última capa móvil de la factura para vencer reglas heredadas del diseño
   anterior y mantenerla compacta en teléfonos. */
@media (max-width: 620px) {
  body.app-redesign .floating-cart-popover.active  {
    width: min(100%, 340px) !important;
    max-width: calc(100vw - 1rem) !important;
    max-height: min(66dvh, 500px) !important;
  }
  body.app-redesign .floating-popover-header  { padding: .55rem .72rem; }
  body.app-redesign .mini-mode-selector  { padding: .35rem .72rem; }
  body.app-redesign .floating-cart-items-list  {
    max-height: 150px !important;
    padding: .5rem .72rem;
    gap: .35rem;
  }
  body.app-redesign .floating-popover-footer  { padding: .55rem .72rem; }
  body.app-redesign .floating-cart-popover .btn-checkout  {
    min-height: 42px;
    padding: .55rem .7rem;
    font-size: .82rem;
  }
  
  body.app-redesign .accounts-actions-zone .floating-cart-popover.active  {
    width: min(100%, 340px) !important;
    max-width: calc(100vw - 1rem) !important;
    max-height: min(66dvh, 500px) !important;
  }
  body.app-redesign .accounts-actions-zone .floating-cart-items-list  {
    max-height: 150px !important;
  }
}

/* Factura flotante ligera para móvil: muestra el detalle sin ocupar toda la
   pantalla ni dejar el botón de cobro fuera de vista. */
@media (max-width: 620px) {
  body.app-redesign .floating-cart-popover.active  {
    width: min(100%, 340px) !important;
    max-width: calc(100vw - 1rem) !important;
    max-height: min(66dvh, 500px) !important;
    border-radius: 13px;
  }
  body.app-redesign .floating-popover-header  {
    padding: .55rem .72rem;
  }
  body.app-redesign .floating-popover-title  { font-size: 1rem; }
  body.app-redesign .mini-mode-selector  { padding: .35rem .72rem; }
  body.app-redesign .floating-cart-items-list  {
    max-height: 150px;
    padding: .5rem .72rem;
    gap: .35rem;
  }
  body.app-redesign .floating-cart-popover .cart-item  {
    padding: .45rem .55rem;
  }
  body.app-redesign .floating-popover-footer  { padding: .55rem .72rem; }
  body.app-redesign .floating-footer-total-row  { margin-bottom: .45rem; }
  body.app-redesign .floating-cart-popover .btn-checkout  {
    min-height: 42px;
    padding: .55rem .7rem;
    font-size: .82rem;
  }
}


body.app-redesign .abono-modal-card  {
  width: min(95vw, 420px) !important;
  max-width: calc(100vw - 1rem) !important;
  min-width: 0 !important;
}
body.app-redesign .checkout-split-mode-tabs  {
  width: 100%;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  box-sizing: border-box;
}
body.app-redesign .split-mode-tab-btn  {
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
  line-height: 1.15;
}
@media (max-width: 380px) {
  body.app-redesign .split-mode-tab-btn  {
    gap: .12rem;
    padding-inline: .12rem;
    font-size: .68rem;
  }
}
@keyframes easter-egg-spin {
  from  { transform: rotate(-7deg) scale(1); }
  to  { transform: rotate(7deg) scale(1.08); }
}
@keyframes easter-egg-glow {
  0%, 100%  { filter: drop-shadow(0 4px 12px rgba(223, 91, 71, .22)); }
  50%  { filter: drop-shadow(0 0 22px rgba(243, 182, 93, .9)); }
}
@keyframes easter-egg-title {
  from  { color: inherit; }
  to  { color: #f3b65d; }
}
@media (prefers-reduced-motion: reduce) {
}


body.app-redesign .header-orders-trigger  {
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
body.app-redesign .header-orders-icon  {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 1.45rem;
  height: 1.45rem;
}
body.app-redesign .header-orders-list  {
  display: block;
  width: 1.08rem;
  height: 1.08rem;
}
body.app-redesign .header-orders-tone-none  {
  border-color: rgba(148, 163, 184, .35) !important;
  background: rgba(148, 163, 184, .08) !important;
  color: #aeb9c2 !important;
}
body.app-redesign .header-orders-tone-fresh  {
  border-color: rgba(67, 201, 149, .75) !important;
  background: rgba(67, 201, 149, .14) !important;
  color: #43c995 !important;
  box-shadow: 0 0 0 2px rgba(67, 201, 149, .06);
}
body.app-redesign .header-orders-tone-waiting  {
  border-color: rgba(243, 182, 93, .85) !important;
  background: rgba(243, 182, 93, .15) !important;
  color: #f3b65d !important;
  box-shadow: 0 0 0 2px rgba(243, 182, 93, .06);
}
body.app-redesign .header-orders-tone-late  {
  border-color: rgba(223, 91, 71, .9) !important;
  background: rgba(223, 91, 71, .17) !important;
  color: #ff9b81 !important;
  box-shadow: 0 0 0 2px rgba(223, 91, 71, .08);
}

body.app-redesign .account-chip-main  { min-width: 0; }
body.app-redesign .account-chip-header-tags  {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
body.app-redesign .account-chip-title  {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.app-redesign .account-chip-order-clock  {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: .18rem;
  margin-left: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  min-height: 0;
  color: inherit;
  font-size: .6rem;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}
body.app-redesign .account-chip-wait-icon  {
  display: block;
  width: .78rem;
  height: .78rem;
}
body.app-redesign .account-chip-order-clock small  {
  display: inline-block;
  font-size: .55rem;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  min-width: 5ch;
  text-align: right;
}
body.app-redesign .account-chip-order-clock.is-finished,
body.app-redesign .account-chip-order-clock.account-chip-clock-unknown  {
  opacity: .78;
}
body.app-redesign .account-chip.account-chip-wait-fresh  {
  border-color: rgba(67, 201, 149, .72) !important;
  border-left: 3px solid #43c995 !important;
  box-shadow: 0 0 0 1px rgba(67, 201, 149, .12);
  animation: none;
}
body.app-redesign .account-chip.account-chip-wait-waiting  {
  border-color: rgba(243, 182, 93, .78) !important;
  border-left: 3px solid #f3b65d !important;
  box-shadow: 0 0 0 1px rgba(243, 182, 93, .12);
  animation: none;
}
body.app-redesign .account-chip.account-chip-wait-late  {
  border-color: rgba(223, 91, 71, .82) !important;
  border-left: 3px solid #df5b47 !important;
  box-shadow: 0 0 0 1px rgba(223, 91, 71, .12);
  animation: none;
}
body.app-redesign .account-chip-order-clock.account-chip-wait-fresh  {
  color: #43c995;
}
body.app-redesign .account-chip-order-clock.account-chip-wait-waiting  {
  color: #c27d16;
}
body.app-redesign .account-chip-order-clock.account-chip-wait-late  {
  color: #df5b47;
}

body:not(.dark-mode).app-redesign .account-chip-order-clock.account-chip-wait-waiting  {
  color: #9a610d;
}
body:not(.dark-mode).app-redesign .account-chip-order-clock.account-chip-wait-late  {
  color: #b42318;
}


body.app-redesign .auth-user-control  {
  position: relative;
  z-index: 1200;
  min-width: 0;
  padding: 0;
  border-color: rgba(243, 182, 93, .34);
  background: rgba(255, 255, 255, .035);
  overflow: visible;
}
body.app-redesign .auth-user-control[hidden]  {
  display: none !important;
}
body.app-redesign .profile-menu-chevron  {
  margin-left: .12rem;
  color: #f3b65d;
  font-size: .95rem;
  line-height: 1;
}
body.app-redesign .profile-menu  {
  position: absolute;
  top: calc(100% + .65rem);
  right: 0;
  z-index: 1201;
  display: grid;
  gap: .35rem;
  width: min(18rem, calc(100vw - 1rem));
  max-width: calc(100vw - 1rem);
  box-sizing: border-box;
  padding: .65rem;
  border: 1px solid #3b444d;
  border-radius: 16px;
  background: #171b1f;
  box-shadow: 0 20px 48px rgba(0, 0, 0, .42);
}
body.app-redesign .profile-menu[hidden]  { display: none !important; }
body.app-redesign .profile-menu-heading  {
  display: grid;
  gap: .16rem;
  padding: .28rem .35rem .45rem;
}
body.app-redesign .profile-menu-kicker  {
  color: #f3b65d;
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.app-redesign .profile-menu-heading strong  {
  color: #f7f3ec;
  font-size: .84rem;
}
body.app-redesign .profile-menu-heading small  {
  color: #9ba6b0;
  font-size: .62rem;
}
body.app-redesign .profile-menu-separator  {
  height: 1px;
  margin: .18rem .2rem;
  background: #303840;
}
body.app-redesign .profile-menu-item  {
  display: flex;
  align-items: center;
  gap: .62rem;
  width: 100%;
  min-height: 2.8rem;
  padding: .48rem .52rem;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #d8e0e5;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
body.app-redesign .profile-menu-item:hover,
body.app-redesign .profile-menu-item:focus-visible  {
  border-color: rgba(243, 182, 93, .3);
  background: rgba(243, 182, 93, .1);
  outline: none;
}
body.app-redesign .profile-menu-item-icon  {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 9px;
  background: rgba(243, 182, 93, .12);
  color: #f3b65d;
  font-size: .92rem;
}
body.app-redesign .profile-menu-item > span:last-child  {
  display: grid;
  gap: .1rem;
  min-width: 0;
}
body.app-redesign .profile-menu-item strong  {
  color: #f7f3ec;
  font-size: .72rem;
}
body.app-redesign .profile-menu-item small  {
  color: #9ba6b0;
  font-size: .59rem;
}
body.app-redesign .profile-menu-control  {
  justify-content: flex-start;
  width: 100%;
  min-height: 2.55rem;
  padding: .5rem .58rem;
  border-radius: 10px;
}
body.app-redesign .profile-menu .top-wakelock-pill .wakelock-label  {
  display: inline;
}
body.app-redesign .profile-menu .top-wakelock-pill  {
  width: 100%;
  padding: .5rem .58rem;
  border-radius: 10px;
}
body.app-redesign .profile-menu-logout  {
  width: 100%;
  min-height: 2.45rem;
  border-radius: 10px;
  text-align: center;
}

body:not(.dark-mode).app-redesign .auth-user-control  {
  border-color: #cbd6df;
  background: #ffffff;
}
body:not(.dark-mode).app-redesign .profile-menu  {
  border-color: #d7e0e7;
  background: #ffffff;
  box-shadow: 0 20px 48px rgba(31, 45, 61, .2);
}
body:not(.dark-mode).app-redesign .profile-menu-heading strong,
body:not(.dark-mode).app-redesign .profile-menu-item strong  { color: #17202a; }
body:not(.dark-mode).app-redesign .profile-menu-heading small,
body:not(.dark-mode).app-redesign .profile-menu-item small  { color: #64717d; }
body:not(.dark-mode).app-redesign .profile-menu-separator  { background: #dfe6eb; }
body:not(.dark-mode).app-redesign .profile-menu-item  { color: #344451; }
body:not(.dark-mode).app-redesign .profile-menu-item:hover,
body:not(.dark-mode).app-redesign .profile-menu-item:focus-visible  { background: #fff7ed; border-color: #e2ae62; }


body.app-redesign .profile-role-switcher  {
  margin: .1rem 0;
  padding: .62rem .58rem .58rem;
  border: 1px solid rgba(243, 182, 93, .24);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(243,182,93,.09), rgba(255,255,255,.025));
}
body.app-redesign .profile-role-switcher .profile-menu-separator  { display: none; }
body.app-redesign .profile-role-switcher-label  { margin-bottom: .42rem; color: #f3b65d; font-size: .62rem; }
body.app-redesign .profile-role-switcher-select  {
  color-scheme: dark;
  min-height: 2.45rem;
  border-color: rgba(243,182,93,.65);
  background: #24211d;
  color: #fff8ed;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035);
}
body.app-redesign .profile-role-switcher-select option  { background: #24211d; color: #fff8ed; }
body.app-redesign .profile-role-switcher-select option:checked  { background: #d97706; color: #ffffff; }
body.app-redesign .profile-role-switcher-note  { color: #aeb8be; }
body:not(.dark-mode).app-redesign .profile-role-switcher  {
  border-color: #e5c98f;
  background: linear-gradient(145deg, #fff8e8, #fff4f1);
}
body:not(.dark-mode).app-redesign .profile-role-switcher-label  { color: #8a5a00; }
body:not(.dark-mode).app-redesign .profile-role-switcher-select  {
  color-scheme: light;
  border-color: #c9953d;
  background: #ffffff;
  color: #17202a;
}
body:not(.dark-mode).app-redesign .profile-role-switcher-select option  { background: #ffffff; color: #17202a; }
body:not(.dark-mode).app-redesign .profile-role-switcher-select option:checked  { background: #f3c875; color: #17202a; }
body:not(.dark-mode).app-redesign .profile-role-switcher-note  { color: #64717d; }


body.app-redesign .profile-menu  {
  max-height: min(42rem, calc(100dvh - 1rem));
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
body.app-redesign .profile-role-switcher-control  { position: relative; min-width: 0; }
body.app-redesign #authRoleSwitcher[hidden]  { display: none !important; }
body.app-redesign .profile-role-switcher-select  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .45rem;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-align: left;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
body.app-redesign .profile-role-switcher-select > span:first-child  {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.app-redesign .profile-role-switcher-chevron  { flex: 0 0 auto; color: #f3b65d; font-size: 1rem; line-height: 1; }
body.app-redesign .profile-role-switcher-menu  {
  position: absolute;
  top: calc(100% + .35rem);
  left: 0;
  right: 0;
  z-index: 1210;
  display: grid;
  gap: .25rem;
  max-height: min(12rem, calc(100dvh - 2rem));
  padding: .35rem;
  overflow-y: auto;
  border: 1px solid rgba(243,182,93,.48);
  border-radius: 10px;
  background: #171b1f;
  box-shadow: 0 14px 28px rgba(0,0,0,.4);
}
body.app-redesign .profile-role-switcher-menu[hidden]  { display: none !important; }
body.app-redesign .profile-role-switcher-menu button  {
  display: grid;
  gap: .08rem;
  width: 100%;
  min-width: 0;
  padding: .52rem .55rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #f7f3ec;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
body.app-redesign .profile-role-switcher-menu button:hover,
body.app-redesign .profile-role-switcher-menu button:focus-visible,
body.app-redesign .profile-role-switcher-menu button.is-selected  { border-color: rgba(243,182,93,.42); background: rgba(243,182,93,.14); outline: none; }
body.app-redesign .profile-role-switcher-menu button strong  { font-size: .68rem; }
body.app-redesign .profile-role-switcher-menu button small  { color: #aeb8be; font-size: .58rem; }
body:not(.dark-mode).app-redesign .profile-role-switcher-menu  { border-color: #c9953d; background: #fff; box-shadow: 0 14px 28px rgba(31,45,61,.2); }
body:not(.dark-mode).app-redesign .profile-role-switcher-menu button  { color: #17202a; }
body:not(.dark-mode).app-redesign .profile-role-switcher-menu button small  { color: #64717d; }
body:not(.dark-mode).app-redesign .profile-role-switcher-menu button:hover,
body:not(.dark-mode).app-redesign .profile-role-switcher-menu button:focus-visible,
body:not(.dark-mode).app-redesign .profile-role-switcher-menu button.is-selected  { background: #fff4dc; }

@media (max-width: 620px) {
  body.app-redesign .profile-menu  {
    right: -.35rem;
    width: min(18rem, calc(100vw - 1rem));
    max-width: calc(100vw - 1rem);
    max-height: calc(100dvh - .75rem);
  }
  body.app-redesign .profile-role-switcher-menu  { max-height: min(12rem, calc(100dvh - 8rem)); }
}
body.app-redesign .nav-tabs  {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
body.app-redesign .widget-pod,
body.app-redesign .header-orders-trigger  {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

body.app-redesign .nav-tabs  {
  justify-content: flex-start !important;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding-inline: max(.65rem, env(safe-area-inset-left)) max(.65rem, env(safe-area-inset-right));
  scroll-padding-inline: .65rem;
  -webkit-overflow-scrolling: touch;
}

body.app-redesign .tab-btn  {
  flex: 0 0 auto;
  min-width: max-content;
  box-sizing: border-box;
}

@media (max-width: 620px) {

  body.app-redesign .header-orders-trigger  {
    min-width: 0;
  }

  body.app-redesign .header-orders-popover  {
    right: 0 !important;
    width: min(calc(100% - 1.1rem), 520px) !important;
    max-width: calc(100% - 1.1rem) !important;
  }
}

@media (max-width: 480px) {
}

body.app-redesign .history-tabs-pills  {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  box-sizing: border-box;
}

body.app-redesign .hist-view-tab-btn  {
  min-width: 0;
  min-height: 2.65rem;
  padding: .55rem .65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.app-redesign .hist-pay-tabs-grid  {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.app-redesign .hist-pay-tab,
body.app-redesign .hist-pay-title,
body.app-redesign .hist-pay-val,
body.app-redesign .hist-pay-sub  {
  min-width: 0;
  max-width: 100%;
}

body.app-redesign .hist-pay-val  {
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

@media (max-width: 420px) {

  body.app-redesign .hist-view-tab-btn  {
    min-height: 2.9rem;
    padding-inline: .35rem;
    font-size: .72rem;
  }

  body.app-redesign .hist-sale-item  {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  body.app-redesign .hist-sale-right  {
    width: 100%;
    justify-content: flex-end;
  }
}


body.app-redesign .history-view-switcher-bar,
body:not(.dark-mode).app-redesign .history-view-switcher-bar  {
  width: min(520px, 100%);
  max-width: 100%;
  margin-inline: auto;
  padding: 0;
  border: 0;
  background: transparent !important;
  box-shadow: none;
}

body.app-redesign .history-tabs-pills  {
  width: 100%;
}


body.app-redesign .pos-sales-compact-menu  {
  margin-top: .55rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body:not(.dark-mode).app-redesign .pos-sales-compact-menu  {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}



body.app-redesign .hist-datepicker-wrap.hist-datepicker-button  {
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
  min-width: 10.2rem;
  min-height: 44px;
  padding: .35rem .65rem;
  color: #fff;
  user-select: none;
  -webkit-user-select: none;
}
body.app-redesign .hist-datepicker-button:focus-visible  {
  outline: 2px solid #fbbf24;
  outline-offset: 2px;
}
body.app-redesign .hist-datepicker-button .hist-cal-icon  {
  left: .65rem;
}
body.app-redesign .hist-datepicker-button .hist-date-display  {
  padding-left: 1.5rem;
  font-size: .78rem;
  font-weight: 800;
  white-space: nowrap;
  pointer-events: none;
}
body.app-redesign .hist-datepicker-button .hist-date-display-icon  {
  width: .8rem;
  height: .8rem;
  margin-left: auto;
  color: #cbd5e1;
  pointer-events: none;
}
body.app-redesign .hist-datepicker-button .hist-date-picker-proxy,
body.app-redesign .hist-datepicker-button .hist-date-picker-proxy:focus  {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  cursor: pointer;
}
@media (max-width: 700px) {
  body.app-redesign .hist-datepicker-button  {
    min-width: 10.2rem;
  }
  body.app-redesign .hist-datepicker-button .hist-date-picker-proxy  {
    width: 100%;
  }
}


body.app-redesign #tab-inventory,
body.app-redesign #tab-inventory .inventory-subview,
body.app-redesign #tab-inventory #inventoryVisualTable,
body.app-redesign #tab-inventory #inventoryContainer  {
  min-width: 0;
  max-width: 100%;
}

body.app-redesign #tab-inventory .inventory-dashboard-cards-section  {
  min-width: 0;
  margin: 0 0 1.15rem;
  padding: clamp(.9rem, 2vw, 1.2rem);
  border: 1px solid var(--inventory-border);
  border-radius: .8rem;
  background: var(--inventory-surface);
  color: var(--inventory-text);
}

body.app-redesign #tab-inventory .inventory-dashboard-cards-heading  {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
  margin: 0 0 .8rem;
}

body.app-redesign #tab-inventory .inventory-dashboard-cards-heading h3  {
  margin: .1rem 0 .2rem;
  color: var(--inventory-text);
  font-size: clamp(1rem, 2vw, 1.2rem);
}

body.app-redesign #tab-inventory .inventory-dashboard-cards-heading p  {
  margin: 0;
  color: var(--inventory-muted);
  font-size: .74rem;
}

body.app-redesign #tab-inventory .inventory-dashboard-grid  {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  min-width: 0;
}

body.app-redesign #tab-inventory .inventory-dashboard-card  {
  min-width: 0;
  padding: .9rem;
  border: 1px solid var(--inventory-border) !important;
  border-inline-start: 3px solid var(--inventory-status-color) !important;
  border-radius: .75rem;
  background: var(--inventory-surface-raised) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.app-redesign #tab-inventory .inventory-dashboard-card.status-low  { --inventory-status-color: var(--inventory-low); }
body.app-redesign #tab-inventory .inventory-dashboard-card.status-empty  { --inventory-status-color: var(--inventory-empty); }

body.app-redesign #tab-inventory .inventory-card-header,
body.app-redesign #tab-inventory .inventory-card-heading,
body.app-redesign #tab-inventory .inventory-card-stock  {
  min-width: 0;
}

body.app-redesign #tab-inventory .inventory-card-heading h4  {
  overflow-wrap: anywhere;
}

body.app-redesign #tab-inventory .inventory-card-status  {
  color: var(--inventory-status-color);
}

body.app-redesign #tab-inventory .inventory-card-stock  {
  border: 1px solid var(--inventory-border);
  background: color-mix(in srgb, var(--inventory-status-color) 5%, var(--inventory-surface));
}

body.app-redesign #tab-inventory .inventory-card-stock strong  {
  color: var(--inventory-text);
  font-variant-numeric: tabular-nums;
}

body.app-redesign #tab-inventory .inventory-dashboard-section-empty  {
  padding: .65rem 0 .15rem;
  color: var(--inventory-muted);
  font-size: .76rem;
}

body.app-redesign #tab-inventory .inventory-dashboard-section-empty p  {
  margin: 0;
}

body.app-redesign #tab-inventory .inventory-drink-unit  {
  color: var(--inventory-muted);
  font-size: .68rem;
  font-weight: 700;
}

body.app-redesign #tab-inventory .status-banner-summary  {
  min-width: 0;
  min-height: 44px;
  padding: .2rem .3rem;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

body.app-redesign #tab-inventory .status-banner-summary:focus-visible  {
  outline: 3px solid color-mix(in srgb, var(--inventory-terracotta) 72%, #fff);
  outline-offset: 1px;
}

body.app-redesign #tab-inventory .shopping-list-preview-compact  {
  max-width: 100%;
}

body.app-redesign #tab-inventory .shopping-list-preview-compact[hidden]  {
  display: none !important;
}

body.app-redesign #tab-inventory .shopping-item-compact  {
  flex-wrap: wrap;
  overflow-wrap: anywhere;
}

body.app-redesign #tab-inventory .inventory-folder-bar  {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  overflow: visible;
}

body.app-redesign #tab-inventory .folder-tab-btn  {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  min-height: 44px;
  padding: .45rem .85rem;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
}

body.app-redesign #tab-inventory .folder-tab-btn[aria-selected="true"]  {
  border-color: var(--inventory-terracotta);
}

body.app-redesign #tab-inventory .inventory-list-table  {
  width: 100%;
  max-width: 100%;
  overflow: visible;
}

body.app-redesign #tab-inventory .inventory-dashboard-list-row  {
  grid-template-columns: minmax(0, 1.8fr) auto minmax(6.5rem, .8fr) auto auto;
  gap: .65rem;
  padding: .75rem .95rem;
  align-items: center;
}

body.app-redesign #tab-inventory .inventory-list-quick-actions  {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  min-width: 0;
}

body.app-redesign #tab-inventory .inventory-list-quick-actions button,
body.app-redesign #tab-inventory .inventory-list-button  {
  min-width: 44px;
  min-height: 44px;
  overflow-wrap: anywhere;
}

body.app-redesign #tab-inventory .inventory-list-actions  {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  min-width: 0;
}

body.app-redesign #tab-inventory .inventory-list-button  {
  white-space: normal;
}

body.app-redesign #tab-inventory .inventory-list-details  {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.app-redesign #tab-inventory .inventory-list-details > div  {
  min-width: 0;
}

body.app-redesign #tab-inventory .inventory-list-details strong  {
  overflow-wrap: anywhere;
}

body.app-redesign #tab-inventory button:focus-visible,
body.app-redesign #tab-inventory input:focus-visible,
body.app-redesign #tab-inventory select:focus-visible,
body.app-redesign #tab-inventory [tabindex]:focus-visible  {
  outline: 3px solid color-mix(in srgb, var(--inventory-terracotta) 72%, #fff);
  outline-offset: 2px;
}

@media (max-width: 1024px) {
  body.app-redesign #tab-inventory .inventory-dashboard-grid  {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.app-redesign #tab-inventory .inventory-list-table  {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .95rem;
  }
}

@media (max-width: 640px) {
  body.app-redesign #tab-inventory .inventory-dashboard-grid  {
    grid-template-columns: 1fr;
  }

  body.app-redesign #tab-inventory .inventory-list-table  {
    grid-template-columns: 1fr;
    gap: .85rem;
  }

  body.app-redesign #tab-inventory .inventory-dashboard-cards-heading  {
    display: block;
  }

  body.app-redesign #tab-inventory .inventory-dashboard-card  {
    padding: .85rem;
  }

  body.app-redesign #tab-inventory .inventory-dashboard-list-row  {
    padding: 1rem;
  }

  body.app-redesign #tab-inventory .inventory-list-header  {
    flex-wrap: wrap;
  }

  body.app-redesign #tab-inventory .inventory-list-top-meta  {
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: .3rem;
  }
}

@media (max-width: 560px) {
  body.app-redesign #tab-inventory .inventory-dashboard-list-heading  {
    display: block;
  }

  body.app-redesign #tab-inventory .inventory-dashboard-list-heading .inventory-dashboard-count  {
    display: block;
    margin-top: .25rem;
  }

  body.app-redesign #tab-inventory .inventory-list-details  {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 380px) {
  body.app-redesign #tab-inventory .inventory-list-details  {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.app-redesign #tab-inventory *  {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}


body.app-redesign #tab-inventory  {
  min-width: 0;
  max-width: 100%;
  --inventory-page: #14181c;
  --inventory-surface: #1a1f24;
  --inventory-surface-raised: #20262c;
  --inventory-surface-soft: #242b31;
  --inventory-text: #eef2f4;
  --inventory-muted: #a6b0b8;
  --inventory-border: #303940;
  --inventory-terracotta: #d16f59;
  --inventory-terracotta-dark: #efaa97;
  --inventory-sufficient: #69c58a;
  --inventory-low: #dfb45b;
  --inventory-empty: #e17b72;
  color: var(--inventory-text);
}

body:not(.dark-mode).app-redesign #tab-inventory  {
  --inventory-page: #f3f5f6;
  --inventory-surface: #ffffff;
  --inventory-surface-raised: #f4f6f7;
  --inventory-surface-soft: #eef2f4;
  --inventory-text: #26323b;
  --inventory-muted: #63717b;
  --inventory-border: #d7dfe4;
  --inventory-terracotta: #bc5c49;
  --inventory-terracotta-dark: #963f31;
  --inventory-sufficient: #268354;
  --inventory-low: #a56d13;
  --inventory-empty: #b84740;
}

body.app-redesign #tab-inventory .inventory-page-heading  {
  margin-bottom: 1rem;
  padding-bottom: .85rem;
  border-bottom-color: var(--inventory-border);
}

body.app-redesign #tab-inventory .inventory-page-subtitle  {
  color: var(--inventory-muted);
}

body.app-redesign #tab-inventory .inventory-main-tabs  {
  gap: .6rem;
  margin-bottom: 1.25rem;
}

body.app-redesign #tab-inventory .inventory-main-tab  {
  min-height: 4rem;
  padding: .8rem .95rem;
  border-color: var(--inventory-border) !important;
  border-radius: .75rem;
  background: var(--inventory-surface) !important;
  background-image: none !important;
  color: var(--inventory-muted);
  box-shadow: none !important;
  transform: none;
}

body.app-redesign #tab-inventory .inventory-main-tab:hover  {
  border-color: color-mix(in srgb, var(--inventory-terracotta) 60%, var(--inventory-border)) !important;
  background: var(--inventory-surface-raised) !important;
  transform: none;
}

body.app-redesign #tab-inventory .inventory-main-tab.active  {
  border-color: color-mix(in srgb, var(--inventory-terracotta) 72%, var(--inventory-border)) !important;
  border-inline-start: 3px solid var(--inventory-terracotta);
  background: color-mix(in srgb, var(--inventory-terracotta) 7%, var(--inventory-surface)) !important;
  background-image: none !important;
  color: var(--inventory-text);
  box-shadow: none !important;
}

body.app-redesign #tab-inventory .inventory-main-tab-icon,
body.app-redesign #tab-inventory .inventory-card-icon,
body.app-redesign #tab-inventory .inventory-chart-icon  {
  background: var(--inventory-surface-soft);
}

body.app-redesign #tab-inventory .inventory-main-tab strong,
body.app-redesign #tab-inventory .inventory-view-title,
body.app-redesign #tab-inventory .inventory-dashboard-chart-header h3,
body.app-redesign #tab-inventory .inventory-dashboard-cards-heading h3  {
  color: var(--inventory-text);
}

body.app-redesign #tab-inventory .inventory-main-tab small,
body.app-redesign #tab-inventory .inventory-view-kicker,
body.app-redesign #tab-inventory .inventory-dashboard-chart-header p,
body.app-redesign #tab-inventory .inventory-dashboard-count,
body.app-redesign #tab-inventory .inventory-chart-legend  {
  color: var(--inventory-muted);
}

body.app-redesign #tab-inventory .inventory-view-kicker  {
  font-size: .62rem;
  font-weight: 750;
  letter-spacing: .055em;
}

body.app-redesign #tab-inventory .inventory-dashboard-cards-heading  {
  gap: .8rem;
}

body.app-redesign #tab-inventory .inventory-drinks-summary  {
  margin-top: 1rem;
  padding-top: .8rem;
  border-top: 1px solid var(--inventory-border);
}

body.app-redesign #tab-inventory .inventory-drinks-header  {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
}

body.app-redesign #tab-inventory .inventory-drinks-header h4  {
  margin: 0;
  color: var(--inventory-text);
  font-size: .9rem;
  line-height: 1.25;
}

body.app-redesign #tab-inventory .inventory-drinks-header p  {
  margin: .25rem 0 0;
  color: var(--inventory-muted);
  font-size: .72rem;
}

body.app-redesign #tab-inventory .inventory-drinks-count  {
  flex: 0 0 auto;
  min-width: 1.8rem;
  padding: .2rem .45rem;
  border-radius: 999px;
  background: var(--inventory-surface-raised);
  color: var(--inventory-muted);
  font-size: .68rem;
  font-weight: 800;
  text-align: center;
}

body.app-redesign #tab-inventory .inventory-drinks-list  {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0;
  margin: .55rem 0 0;
  padding: 0;
  list-style: none;
}

body.app-redesign #tab-inventory .inventory-drink-item  {
  --inventory-status-color: transparent;
  position: relative;
  display: inline-flex;
  align-items: baseline;
  gap: .3rem;
  max-width: 100%;
  padding: .12rem .95rem .12rem 0;
  margin: 0 .85rem .18rem 0;
}

body.app-redesign #tab-inventory .inventory-drink-item.status-low  {
  --inventory-status-color: var(--inventory-low);
}

body.app-redesign #tab-inventory .inventory-drink-item.status-empty  {
  --inventory-status-color: var(--inventory-empty);
}

body.app-redesign #tab-inventory .inventory-drink-item:not(:last-child)::after  {
  content: '·';
  position: absolute;
  inset-inline-end: 0;
  color: var(--inventory-muted);
  font-weight: 700;
}

body.app-redesign #tab-inventory .inventory-drink-name  {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--inventory-text);
  font-size: .8rem;
  line-height: 1.3;
}

body.app-redesign #tab-inventory .inventory-drink-value  {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: baseline;
  white-space: nowrap;
}

body.app-redesign #tab-inventory .inventory-drink-value strong  {
  color: var(--inventory-text);
  font-size: .88rem;
}

body.app-redesign #tab-inventory .inventory-drink-unit  {
  display: inline-block;
  margin-inline-start: .25rem;
  color: var(--inventory-muted);
  font-size: .72rem;
  font-weight: 700;
}

body.app-redesign #tab-inventory .inventory-drink-status  {
  flex: 0 0 auto;
  color: var(--inventory-status-color);
  font-size: .67rem;
  font-weight: 750;
}

body.app-redesign #tab-inventory .inventory-drinks-empty,
body.app-redesign #tab-inventory .inventory-drinks-note  {
  color: var(--inventory-muted);
  font-size: .72rem;
  line-height: 1.45;
}

body.app-redesign #tab-inventory .inventory-drinks-empty  {
  padding: .45rem 0;
}

body.app-redesign #tab-inventory .inventory-drinks-note  {
  margin: .7rem 0 0;
}

body.app-redesign #tab-inventory .inventory-drinks-note-warning  {
  padding-inline-start: .6rem;
  border-inline-start: 2px solid var(--inventory-low);
}

body.app-redesign #tab-inventory .inventory-dashboard-grid  {
  gap: .8rem;
}

body.app-redesign #tab-inventory .inventory-dashboard-card  {
  gap: .82rem;
  padding: 1.05rem;
  border: 1px solid var(--inventory-border) !important;
  border-inline-start: 3px solid var(--inventory-status-color) !important;
  border-radius: .8rem;
  background: color-mix(in srgb, var(--inventory-status-color) 3%, var(--inventory-surface)) !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none;
}

body.app-redesign #tab-inventory .inventory-dashboard-card:hover  {
  border-color: color-mix(in srgb, var(--inventory-status-color) 35%, var(--inventory-border)) !important;
  border-inline-start-color: var(--inventory-status-color) !important;
  background: color-mix(in srgb, var(--inventory-status-color) 5%, var(--inventory-surface-raised)) !important;
  box-shadow: none !important;
  transform: none;
}

body.app-redesign #tab-inventory .inventory-card-header  {
  gap: .75rem;
}

body.app-redesign #tab-inventory .inventory-card-category  {
  color: var(--inventory-muted);
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .025em;
  text-transform: none;
}

body.app-redesign #tab-inventory .inventory-card-heading h4  {
  color: var(--inventory-text);
  font-size: .96rem;
  line-height: 1.25;
  letter-spacing: -.01em;
}

body.app-redesign #tab-inventory .inventory-card-status  {
  padding: .25rem .5rem;
  border-color: color-mix(in srgb, var(--inventory-status-color) 55%, var(--inventory-border));
  background: color-mix(in srgb, var(--inventory-status-color) 8%, var(--inventory-surface-raised));
  color: var(--inventory-status-color);
  font-size: .62rem;
  font-weight: 750;
}

body.app-redesign #tab-inventory .inventory-card-stock  {
  padding: .78rem .82rem;
  border: 0;
  border-radius: .6rem;
  background: var(--inventory-surface-raised);
}

body.app-redesign #tab-inventory .inventory-card-stock-label,
body.app-redesign #tab-inventory .inventory-card-meta span,
body.app-redesign #tab-inventory .inventory-card-details span  {
  color: var(--inventory-muted);
  font-size: .68rem;
  font-weight: 650;
}

body.app-redesign #tab-inventory .inventory-card-stock strong  {
  color: var(--inventory-text);
  font-size: 1.55rem;
}

body.app-redesign #tab-inventory .inventory-card-stock > span:last-child,
body.app-redesign #tab-inventory .inventory-card-meta strong,
body.app-redesign #tab-inventory .inventory-card-details strong  {
  color: var(--inventory-text);
  font-size: .74rem;
}

body.app-redesign #tab-inventory .inventory-card-meta  {
  gap: .7rem;
  padding-top: .1rem;
}

body.app-redesign #tab-inventory .inventory-card-meta div,
body.app-redesign #tab-inventory .inventory-card-details > div  {
  gap: .2rem;
}

body.app-redesign #tab-inventory .inventory-card-quick-actions  {
  gap: .45rem;
}

body.app-redesign #tab-inventory .inventory-card-quick-actions button,
body.app-redesign #tab-inventory .inventory-card-button  {
  min-height: 2.75rem;
  border: 1px solid var(--inventory-border);
  border-radius: .55rem;
  background: var(--inventory-surface-raised);
  color: var(--inventory-text);
  font-size: .74rem;
  font-weight: 750;
  box-shadow: none;
}

body.app-redesign #tab-inventory .inventory-card-quick-actions button:hover,
body.app-redesign #tab-inventory .inventory-card-button:hover  {
  border-color: #6b7780;
  background: var(--inventory-surface-soft);
  color: var(--inventory-text);
}

body.app-redesign #tab-inventory .inventory-card-actions  {
  gap: .55rem;
}

body.app-redesign #tab-inventory .inventory-card-button-primary  {
  border-color: var(--inventory-terracotta);
  background: var(--inventory-terracotta);
  color: #fff;
}

body.app-redesign #tab-inventory .inventory-card-button-primary:hover  {
  border-color: var(--inventory-terracotta-dark);
  background: var(--inventory-terracotta-dark);
  color: #1b2024;
}

body.app-redesign #tab-inventory .btn-primary,
body.app-redesign #tab-inventory .inventory-card-button-primary  {
  border-color: var(--inventory-terracotta) !important;
  background: var(--inventory-terracotta) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #fff !important;
}

body.app-redesign #tab-inventory .btn-primary:hover,
body.app-redesign #tab-inventory .inventory-card-button-primary:hover  {
  border-color: var(--inventory-terracotta-dark) !important;
  background: var(--inventory-terracotta-dark) !important;
  background-image: none !important;
  color: #1b2024 !important;
}

body.app-redesign #tab-inventory .btn-secondary,
body.app-redesign #tab-inventory .inventory-category-action  {
  border-color: var(--inventory-border) !important;
  background: var(--inventory-surface-raised) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--inventory-text) !important;
}

body.app-redesign #tab-inventory .btn-secondary:hover,
body.app-redesign #tab-inventory .inventory-category-action:hover  {
  border-color: #6b7780 !important;
  background: var(--inventory-surface-soft) !important;
}

body.app-redesign #tab-inventory .inventory-card-details  {
  padding-top: .8rem;
  border-top-color: var(--inventory-border);
}

body.app-redesign #tab-inventory .catalog-product-card  {
  align-items: center;
  padding: 1rem;
  border-color: var(--inventory-border) !important;
  border-radius: .8rem;
  background: var(--inventory-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.app-redesign #tab-inventory .catalog-product-card:hover  {
  border-color: color-mix(in srgb, var(--inventory-terracotta) 55%, var(--inventory-border)) !important;
  background: var(--inventory-surface-raised) !important;
}

body.app-redesign #tab-inventory .catalog-product-title-row h4,
body.app-redesign #tab-inventory .catalog-product-copy > p,
body.app-redesign #tab-inventory .catalog-product-meta  {
  color: var(--inventory-text);
}

body.app-redesign #tab-inventory .catalog-product-copy > p,
body.app-redesign #tab-inventory .catalog-product-meta  {
  color: var(--inventory-muted);
}

body.app-redesign #tab-inventory .catalog-product-category,
body.app-redesign #tab-inventory .catalog-recipe-preview span  {
  border: 1px solid var(--inventory-border);
  background: var(--inventory-surface-soft);
  color: var(--inventory-muted);
  font-weight: 650;
}

body.app-redesign #tab-inventory button:focus-visible,
body.app-redesign #tab-inventory input:focus-visible,
body.app-redesign #tab-inventory [tabindex]:focus-visible  {
  outline: 3px solid color-mix(in srgb, var(--inventory-terracotta) 72%, #fff);
  outline-offset: 2px;
}

@media (max-width: 980px) {
  body.app-redesign #tab-inventory .inventory-dashboard-grid  {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.app-redesign #tab-inventory .inventory-main-tabs  {
    grid-template-columns: 1fr;
  }

  body.app-redesign #tab-inventory .inventory-main-tab  {
    min-height: 3.65rem;
  }

  body.app-redesign #tab-inventory .inventory-dashboard-chart-header,
  body.app-redesign #tab-inventory .inventory-dashboard-cards-heading  {
    display: block;
  }

  body.app-redesign #tab-inventory .inventory-chart-legend  {
    justify-content: flex-start;
    margin-top: .7rem;
  }

  body.app-redesign #tab-inventory .inventory-drink-item  {
    padding-inline-end: .8rem;
    margin-inline-end: .65rem;
  }

  body.app-redesign #tab-inventory .inventory-dashboard-grid  {
    grid-template-columns: 1fr;
  }

  body.app-redesign #tab-inventory .inventory-dashboard-card  {
    padding: .95rem;
  }

  body.app-redesign #tab-inventory .inventory-card-header  {
    flex-wrap: wrap;
  }

  body.app-redesign #tab-inventory .inventory-card-status  {
    margin-left: auto;
  }

  body.app-redesign #tab-inventory .catalog-product-card  {
    align-items: stretch;
    flex-direction: column;
    gap: .75rem;
  }

  body.app-redesign #tab-inventory .catalog-product-actions,
  body.app-redesign #tab-inventory .catalog-product-actions button  {
    width: 100%;
  }

  body.app-redesign #tab-inventory .catalog-product-actions button  {
    min-height: 2.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.app-redesign #tab-inventory *  {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}


#tab-inventory .inventory-dashboard-list-section  {
  min-width: 0;
  margin-bottom: 1.15rem;
}

#tab-inventory .inventory-dashboard-list-heading  {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 .75rem;
}

#tab-inventory .inventory-dashboard-list-heading h3  {
  margin: .18rem 0 .2rem;
  color: var(--inventory-text);
  font-size: clamp(1rem, 2vw, 1.25rem);
}

#tab-inventory .inventory-dashboard-list-heading p  {
  margin: 0;
  color: var(--inventory-muted);
  font-size: .76rem;
}


#tab-inventory .inventory-folder-bar  {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  margin: 0 0 1.25rem;
}

#tab-inventory .folder-tab-btn  {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 44px;
  padding: .45rem .95rem;
  border-radius: 999px;
  border: 1px solid var(--inventory-border);
  background: var(--inventory-surface);
  color: var(--inventory-muted);
  font-family: inherit;
  font-size: .82rem;
  font-weight: 750;
  cursor: pointer;
  touch-action: manipulation;
  transition: background .15s ease, border-color .15s ease, color .15s ease, transform .1s ease;
}

#tab-inventory .folder-tab-btn:hover  {
  color: var(--inventory-text);
  border-color: var(--inventory-terracotta);
  background: var(--inventory-surface-raised);
}

#tab-inventory .folder-tab-btn.active  {
  border-color: var(--inventory-terracotta);
  background: color-mix(in srgb, var(--inventory-terracotta) 18%, var(--inventory-surface));
  color: var(--inventory-text);
  box-shadow: 0 2px 10px rgba(209, 111, 89, .15);
}

#tab-inventory .folder-tab-btn .folder-count  {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.3rem;
  padding: .12rem .4rem;
  border-radius: 999px;
  background: var(--inventory-surface-soft);
  color: var(--inventory-muted);
  font-size: .68rem;
  font-weight: 800;
}

#tab-inventory .folder-tab-btn.active .folder-count  {
  background: var(--inventory-terracotta);
  color: #ffffff;
}

#tab-inventory .folder-add-category-btn  {
  border-style: dashed;
  color: var(--inventory-muted);
}

#tab-inventory .folder-add-category-btn:hover  {
  border-style: solid;
}


#tab-inventory .inventory-list-table  {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.15rem;
  width: 100%;
  max-width: 100%;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}


#tab-inventory .inventory-dashboard-list-row  {
  --inventory-status-color: var(--inventory-sufficient);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  padding: 1.15rem;
  border: 1px solid var(--inventory-border);
  border-radius: 1rem;
  background: var(--inventory-surface, #1a1f24);
  box-shadow: 0 4px 18px rgba(0, 0, 0, .14);
  color: var(--inventory-text);
  transition: border-color .18s ease, transform .15s ease, box-shadow .18s ease;
}

#tab-inventory .inventory-dashboard-list-row:hover  {
  border-color: color-mix(in srgb, var(--inventory-status-color) 45%, var(--inventory-border));
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .22);
}

#tab-inventory .inventory-dashboard-list-row.status-low  { --inventory-status-color: var(--inventory-low); }
#tab-inventory .inventory-dashboard-list-row.status-empty  { --inventory-status-color: var(--inventory-empty); }


#tab-inventory .inventory-list-header  {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: 1rem;
  min-width: 0;
}

#tab-inventory .inventory-list-item  {
  display: flex;
  align-items: center;
  gap: .65rem;
  min-width: 0;
  flex: 1;
}

#tab-inventory .inventory-list-icon  {
  display: grid;
  place-items: center;
  flex: 0 0 2.6rem;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: .75rem;
  background: var(--inventory-surface-soft, rgba(255, 255, 255, .05));
  border: 1px solid rgba(255, 255, 255, .05);
  font-size: 1.35rem;
}

#tab-inventory .inventory-list-item-copy  {
  display: grid;
  gap: .15rem;
  min-width: 0;
}

#tab-inventory .inventory-list-category  {
  color: var(--inventory-muted);
  font-size: .62rem;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#tab-inventory .inventory-list-item h4  {
  margin: 0;
  color: var(--inventory-text);
  font-size: .95rem;
  font-weight: 750;
  line-height: 1.25;
  overflow-wrap: anywhere;
}


#tab-inventory .inventory-list-top-meta  {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .35rem;
  flex: 0 0 auto;
}

#tab-inventory .inventory-list-status  {
  min-width: 0;
}

#tab-inventory .inventory-list-status-badge  {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .22rem .55rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--inventory-status-color) 45%, transparent);
  background: color-mix(in srgb, var(--inventory-status-color) 12%, transparent);
  color: var(--inventory-status-color);
  font-size: .64rem;
  font-weight: 850;
  white-space: nowrap;
}

#tab-inventory .inventory-list-actions  {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
}

#tab-inventory .inventory-list-button  {
  min-height: 30px;
  padding: .25rem .5rem;
  border-radius: .45rem;
  border: 1px solid var(--inventory-border);
  background: var(--inventory-surface-soft, rgba(255, 255, 255, .04));
  color: var(--inventory-muted);
  font: inherit;
  font-size: .68rem;
  font-weight: 750;
  cursor: pointer;
  touch-action: manipulation;
  white-space: nowrap;
  transition: all .15s ease;
}

#tab-inventory .inventory-list-button:hover  {
  color: var(--inventory-text);
  border-color: var(--inventory-terracotta);
  background: color-mix(in srgb, var(--inventory-terracotta) 15%, transparent);
}


#tab-inventory .inventory-list-stock  {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  margin-bottom: 1.15rem;
  min-width: 0;
}

#tab-inventory .inventory-list-stock-reading  {
  display: flex;
  align-items: baseline;
  gap: .4rem;
}

#tab-inventory .inventory-list-stock-reading strong  {
  color: var(--inventory-text);
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.02em;
}

#tab-inventory .inventory-list-stock-reading small  {
  color: var(--inventory-muted);
  font-size: .82rem;
  font-weight: 700;
}

#tab-inventory .inventory-list-health-bar  {
  width: 100%;
  height: 5px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--inventory-border) 60%, transparent);
  overflow: hidden;
}

#tab-inventory .inventory-list-health-fill  {
  height: 100%;
  border-radius: 999px;
  background: var(--inventory-status-color);
  transition: width .25s ease;
}


#tab-inventory .inventory-list-quick-actions  {
  display: grid;
  grid-template-columns: 1fr 1fr 1.35fr;
  gap: .45rem;
  margin-top: auto;
  width: 100%;
}

#tab-inventory .inventory-list-quick-actions button  {
  min-height: 44px;
  min-width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .45rem .65rem;
  border-radius: .65rem;
  border: 1px solid var(--inventory-border);
  background: var(--inventory-surface-soft, rgba(255, 255, 255, .04));
  color: var(--inventory-text);
  font: inherit;
  font-size: .85rem;
  font-weight: 800;
  cursor: pointer;
  touch-action: manipulation;
  white-space: nowrap;
  transition: background .15s ease, border-color .15s ease, transform .1s ease;
}

#tab-inventory .inventory-list-quick-actions button:hover  {
  border-color: var(--inventory-terracotta);
  background: color-mix(in srgb, var(--inventory-terracotta) 14%, var(--inventory-surface-soft));
}

#tab-inventory .inventory-list-quick-actions button:active  {
  transform: scale(.96);
}


#tab-inventory .inventory-list-details  {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  margin-top: 1rem;
  padding-top: .85rem;
  border-top: 1px solid var(--inventory-border);
}

#tab-inventory .inventory-list-details > div  {
  display: grid;
  min-width: 0;
  gap: .15rem;
}

#tab-inventory .inventory-list-details span  {
  color: var(--inventory-muted);
  font-size: .62rem;
  font-weight: 750;
  text-transform: uppercase;
}

#tab-inventory .inventory-list-details strong  {
  color: var(--inventory-text);
  font-size: .76rem;
  overflow-wrap: anywhere;
}

#tab-inventory .inventory-list-detail-wide  {
  grid-column: 1 / -1;
}

body.dark-mode #tab-inventory .inventory-list-table  {
  background: transparent;
}

body.dark-mode #tab-inventory .inventory-dashboard-list-row  {
  background: var(--inventory-surface, #1a1f24);
}




#tab-inventory .inventory-unified-board  {
  position: relative;
  margin-bottom: 1.35rem;
  padding: 1.25rem 1.35rem;
  border: 1px solid var(--inventory-border);
  border-inline-start: 4px solid var(--inventory-terracotta) !important;
  border-radius: 1.15rem;
  background: var(--inventory-surface, #1a1f24) !important;
  box-shadow: 0 4px 22px rgba(0, 0, 0, .14);
}

#tab-inventory .inventory-unified-header  {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.1rem;
}

#tab-inventory .inventory-unified-title  {
  margin: .2rem 0 .25rem;
  color: var(--inventory-text);
  font-size: clamp(1.15rem, 2.2vw, 1.4rem);
  font-weight: 850;
  letter-spacing: -.02em;
}

#tab-inventory .inventory-unified-subtitle  {
  margin: 0;
  color: var(--inventory-muted);
  font-size: .78rem;
  line-height: 1.4;
}


#tab-inventory .inventory-command-center  {
  overflow: hidden;
}

#tab-inventory .inventory-overview-legend  {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .55rem .8rem;
  color: var(--inventory-muted);
  font-size: .68rem;
  font-weight: 750;
  white-space: nowrap;
}

#tab-inventory .inventory-overview-legend span  {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
}

#tab-inventory .inventory-legend-dot  {
  display: inline-block;
  width: .52rem;
  height: .52rem;
  border-radius: 50%;
  background: var(--inventory-sufficient);
}

#tab-inventory .inventory-legend-dot.is-low  { background: var(--inventory-low); }
#tab-inventory .inventory-legend-dot.is-empty  { background: var(--inventory-empty); }

#tab-inventory .inventory-overview-kpis  {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  margin: 0 0 1rem;
}

#tab-inventory .inventory-overview-kpi  {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: .15rem;
  padding: .75rem .85rem;
  border: 1px solid var(--inventory-border);
  border-radius: .8rem;
  background: var(--inventory-surface-raised, #20262c);
  color: var(--inventory-muted);
}

#tab-inventory .inventory-overview-kpi strong  {
  color: var(--inventory-text);
  font-size: 1.35rem;
  font-weight: 900;
  line-height: 1.05;
}

#tab-inventory .inventory-overview-kpi span  {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .67rem;
  font-weight: 850;
  white-space: nowrap;
}

#tab-inventory .inventory-overview-kpi small  {
  font-size: .6rem;
  line-height: 1.2;
}

#tab-inventory .inventory-overview-kpi.is-sufficient  { border-inline-start: 3px solid var(--inventory-sufficient); }
#tab-inventory .inventory-overview-kpi.is-low  { border-inline-start: 3px solid var(--inventory-low); }
#tab-inventory .inventory-overview-kpi.is-empty  { border-inline-start: 3px solid var(--inventory-empty); }

#tab-inventory .inventory-overview-chart  {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}

#tab-inventory .inventory-overview-item  {
  --inventory-status-color: var(--inventory-sufficient);
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: .65rem;
  padding: .85rem .9rem;
  border: 1px solid var(--inventory-border);
  border-inline-start: 3px solid var(--inventory-status-color);
  border-radius: .85rem;
  background: var(--inventory-surface-raised, #20262c);
  color: var(--inventory-text);
}

#tab-inventory .inventory-overview-item.status-low  { --inventory-status-color: var(--inventory-low); }
#tab-inventory .inventory-overview-item.status-empty  { --inventory-status-color: var(--inventory-empty); }

#tab-inventory .inventory-overview-item-head,
#tab-inventory .inventory-overview-reading,
#tab-inventory .inventory-overview-meta  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .55rem;
  min-width: 0;
}

#tab-inventory .inventory-overview-item-name  {
  display: flex;
  align-items: center;
  gap: .55rem;
  min-width: 0;
}

#tab-inventory .inventory-overview-item-icon  {
  display: grid;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid var(--inventory-border);
  border-radius: .65rem;
  background: var(--inventory-surface-soft);
  font-size: 1rem;
}

#tab-inventory .inventory-overview-item-category  {
  display: block;
  overflow: hidden;
  color: var(--inventory-muted);
  font-size: .59rem;
  font-weight: 850;
  letter-spacing: .04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

#tab-inventory .inventory-overview-item-name h4  {
  overflow: hidden;
  margin: .1rem 0 0;
  color: var(--inventory-text);
  font-size: .82rem;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#tab-inventory .inventory-overview-status  {
  flex: 0 0 auto;
  padding: .22rem .45rem;
  border: 1px solid color-mix(in srgb, var(--inventory-status-color) 45%, var(--inventory-border));
  border-radius: 999px;
  color: var(--inventory-status-color);
  font-size: .59rem;
  font-weight: 900;
  white-space: nowrap;
}

#tab-inventory .inventory-overview-stock-value  {
  display: flex;
  align-items: baseline;
  gap: .3rem;
}

#tab-inventory .inventory-overview-stock-value strong  {
  color: var(--inventory-text);
  font-size: 1.55rem;
  font-weight: 900;
  line-height: 1;
}

#tab-inventory .inventory-overview-stock-value span,
#tab-inventory .inventory-overview-minimum  {
  color: var(--inventory-muted);
  font-size: .67rem;
  font-weight: 750;
}

#tab-inventory .inventory-overview-bar-wrap  {
  display: flex;
  flex-direction: column;
  gap: .3rem;
}

#tab-inventory .inventory-overview-bar  {
  width: 100%;
  height: .5rem;
  overflow: hidden;
  border-radius: 999px;
  background: color-mix(in srgb, var(--inventory-border) 75%, transparent);
}

#tab-inventory .inventory-overview-bar-fill  {
  height: 100%;
  border-radius: inherit;
  background: var(--inventory-status-color);
}

#tab-inventory .inventory-overview-meta  {
  color: var(--inventory-muted);
  font-size: .61rem;
  font-weight: 750;
}

#tab-inventory .inventory-overview-meta span:last-child  {
  color: var(--inventory-status-color);
  font-weight: 850;
}

#tab-inventory .inventory-overview-empty  {
  min-height: 8rem;
  display: flex;
  align-items: center;
}


#tab-inventory .inventory-priority-chart  {
  margin: 0 0 1.35rem;
  padding: 1.25rem 1.35rem 1.35rem;
  border: 1px solid var(--inventory-border);
  border-inline-start: 4px solid var(--inventory-terracotta) !important;
  border-radius: 1.15rem;
  background: var(--inventory-surface, #1a1f24);
  box-shadow: 0 4px 22px rgba(0, 0, 0, .14);
}

#tab-inventory .inventory-priority-chart-header  {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.1rem;
}

#tab-inventory .inventory-priority-chart-header h3  {
  margin: .2rem 0 .3rem;
  color: var(--inventory-text);
  font-size: clamp(1.25rem, 2.4vw, 1.65rem);
  font-weight: 900;
  letter-spacing: -.03em;
}

#tab-inventory .inventory-priority-chart-header p  {
  max-width: 42rem;
  margin: 0;
  color: var(--inventory-muted);
  font-size: .76rem;
  line-height: 1.45;
}

#tab-inventory .inventory-priority-chart-legend  {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .5rem .75rem;
  color: var(--inventory-muted);
  font-size: .65rem;
  font-weight: 800;
  white-space: nowrap;
}

#tab-inventory .inventory-priority-chart-legend span  {
  display: inline-flex;
  align-items: center;
  gap: .28rem;
}

#tab-inventory .inventory-priority-chart-controls  {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .35rem;
  margin-left: auto;
}

#tab-inventory .inventory-chart-style-label  {
  align-self: center;
  margin-right: .1rem;
  color: var(--inventory-muted);
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#tab-inventory .inventory-chart-style-button  {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  min-height: 1.9rem;
  padding: .28rem .48rem;
  border: 1px solid var(--inventory-border);
  border-radius: .5rem;
  background: transparent;
  color: var(--inventory-muted);
  cursor: pointer;
  font: inherit;
  font-size: .6rem;
  font-weight: 850;
  transition: .18s ease;
}

#tab-inventory .inventory-chart-style-button:hover,
#tab-inventory .inventory-chart-style-button.active  {
  border-color: var(--inventory-terracotta);
  background: color-mix(in srgb, var(--inventory-terracotta) 16%, transparent);
  color: var(--inventory-text);
}

#tab-inventory .inventory-chart-style-button span:first-child  { font-size: .9rem; line-height: 1; }

#tab-inventory .inventory-priority-legend-dot  {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: var(--inventory-sufficient);
}

#tab-inventory .inventory-priority-legend-dot.is-low  { background: var(--inventory-low); }
#tab-inventory .inventory-priority-legend-dot.is-empty  { background: var(--inventory-empty); }

#tab-inventory .inventory-priority-chart-grid  {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}

#tab-inventory .inventory-priority-chart-card  {
  --inventory-status-color: var(--inventory-sufficient);
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: .65rem;
  padding: 1rem .95rem .85rem;
  border: 1px solid var(--inventory-border);
  border-top: 3px solid var(--inventory-status-color);
  border-radius: .95rem;
  background: var(--inventory-surface-raised, #20262c);
  color: var(--inventory-text);
}

#tab-inventory .inventory-priority-chart-card.status-low  { --inventory-status-color: var(--inventory-low); }
#tab-inventory .inventory-priority-chart-card.status-empty  { --inventory-status-color: var(--inventory-empty); }

#tab-inventory .inventory-priority-chart-head  {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .5rem;
  min-height: 3.5rem;
}

#tab-inventory .inventory-priority-chart-number  {
  display: inline-block;
  margin-right: .3rem;
  color: var(--inventory-status-color);
  font-size: .68rem;
  font-weight: 950;
}

#tab-inventory .inventory-priority-chart-category  {
  color: var(--inventory-muted);
  font-size: .58rem;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#tab-inventory .inventory-priority-chart-head h4  {
  margin: .25rem 0 0;
  color: var(--inventory-text);
  font-size: clamp(.9rem, 1.5vw, 1.05rem);
  line-height: 1.12;
}

#tab-inventory .inventory-priority-chart-status  {
  flex: 0 0 auto;
  padding: .24rem .45rem;
  border: 1px solid color-mix(in srgb, var(--inventory-status-color) 55%, var(--inventory-border));
  border-radius: 999px;
  color: var(--inventory-status-color);
  font-size: .58rem;
  font-weight: 900;
  white-space: nowrap;
}

#tab-inventory .inventory-priority-chart-stage  {
  display: grid;
  grid-template-columns: 2.3rem minmax(0, 1fr);
  gap: .4rem;
  height: 13.5rem;
  padding-top: .2rem;
}

#tab-inventory .inventory-priority-chart-scale  {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: .05rem 0 .1rem;
  color: var(--inventory-muted);
  font-size: .53rem;
  text-align: right;
  text-transform: uppercase;
}

#tab-inventory .inventory-priority-chart-bar-area  {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  min-width: 0;
  border-bottom: 1px solid var(--inventory-border);
  background: repeating-linear-gradient(to top, transparent 0, transparent calc(25% - 1px), color-mix(in srgb, var(--inventory-border) 65%, transparent) 25%);
}

#tab-inventory .inventory-priority-chart-track  {
  position: relative;
  width: min(5rem, 42%);
  height: 100%;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--inventory-status-color) 50%, var(--inventory-border));
  border-radius: .7rem .7rem .25rem .25rem;
  background: color-mix(in srgb, var(--inventory-border) 45%, transparent);
}

#tab-inventory .inventory-priority-chart-fill  {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: .55rem .55rem .15rem .15rem;
  background: linear-gradient(to top, color-mix(in srgb, var(--inventory-status-color) 72%, #111827), var(--inventory-status-color));
  transition: height .25s ease;
}

#tab-inventory .inventory-priority-chart-minimum  {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 2;
  border-top: 2px dashed var(--inventory-text);
  opacity: .8;
  pointer-events: none;
}

#tab-inventory .inventory-priority-chart-minimum span  {
  position: absolute;
  top: -.85rem;
  right: 0;
  padding: .12rem .28rem;
  border-radius: .25rem;
  background: var(--inventory-surface-raised, #20262c);
  color: var(--inventory-text);
  font-size: .55rem;
  font-weight: 900;
  white-space: nowrap;
}

#tab-inventory .inventory-priority-chart-reading  {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: .35rem;
  margin-top: -.1rem;
}

#tab-inventory .inventory-priority-chart-reading strong  {
  color: var(--inventory-text);
  font-size: 1.65rem;
  font-weight: 950;
  line-height: 1;
}

#tab-inventory .inventory-priority-chart-reading span  {
  color: var(--inventory-muted);
  font-size: .68rem;
  font-weight: 750;
}

#tab-inventory .inventory-priority-chart-foot  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  color: var(--inventory-status-color);
  font-size: .65rem;
  font-weight: 850;
}

#tab-inventory .inventory-priority-chart-foot button  {
  padding: .3rem .5rem;
  border: 1px solid var(--inventory-border);
  border-radius: .45rem;
  background: transparent;
  color: var(--inventory-muted);
  cursor: pointer;
  font: inherit;
  font-size: .6rem;
}

#tab-inventory .inventory-priority-chart-foot button:hover:not(:disabled)  {
  border-color: var(--inventory-status-color);
  color: var(--inventory-status-color);
}

#tab-inventory .inventory-priority-chart-foot button:disabled  {
  cursor: not-allowed;
  opacity: .45;
}


#tab-inventory .chart-style-pie .inventory-priority-chart-stage  { display: block; height: 13.5rem; }
#tab-inventory .chart-style-pie .inventory-priority-chart-scale,
#tab-inventory .chart-style-pie .inventory-priority-chart-minimum  { display: none; }
#tab-inventory .chart-style-pie .inventory-priority-chart-bar-area  { height: 100%; border: 0; background: none; }
#tab-inventory .chart-style-pie .inventory-priority-chart-track  {
  width: min(13rem, 78%); aspect-ratio: 1; height: auto; align-self: center;
  border: .8rem solid var(--inventory-surface-raised, #20262c); border-radius: 50%;
  background: conic-gradient(var(--inventory-status-color) 0 var(--stock-angle), color-mix(in srgb, var(--inventory-border) 62%, transparent) var(--stock-angle) 360deg);
  box-shadow: 0 0 0 1px var(--inventory-border), inset 0 0 0 1px rgba(255,255,255,.08);
}
#tab-inventory .chart-style-pie .inventory-priority-chart-fill  { display: none; }

#tab-inventory .chart-style-bars .inventory-priority-chart-stage  { display: block; height: 3.1rem; margin: .8rem 0 .55rem; }
#tab-inventory .chart-style-bars .inventory-priority-chart-scale,
#tab-inventory .chart-style-bars .inventory-priority-chart-minimum  { display: none; }
#tab-inventory .chart-style-bars .inventory-priority-chart-bar-area  { height: 1.1rem; align-self: center; border: 1px solid var(--inventory-border); border-radius: .6rem; background: color-mix(in srgb, var(--inventory-border) 48%, transparent); }
#tab-inventory .chart-style-bars .inventory-priority-chart-track  { width: 100%; height: 100%; border: 0; border-radius: .5rem; background: transparent; }
#tab-inventory .chart-style-bars .inventory-priority-chart-fill  { width: var(--stock-percent); height: 100% !important; border-radius: .5rem; }

#tab-inventory .chart-style-bubbles .inventory-priority-chart-stage  { display: block; height: 12.5rem; }
#tab-inventory .chart-style-bubbles .inventory-priority-chart-scale,
#tab-inventory .chart-style-bubbles .inventory-priority-chart-minimum  { display: none; }
#tab-inventory .chart-style-bubbles .inventory-priority-chart-bar-area  { height: 100%; border: 0; background: none; }
#tab-inventory .chart-style-bubbles .inventory-priority-chart-track  {
  width: 8.5rem; aspect-ratio: 1; height: auto; align-self: center; border: 0; border-radius: 50%;
  background: radial-gradient(circle at 35% 28%, color-mix(in srgb, white 28%, var(--inventory-status-color)), var(--inventory-status-color) 55%, color-mix(in srgb, var(--inventory-status-color) 60%, #111827));
  box-shadow: 0 .8rem 1.2rem color-mix(in srgb, var(--inventory-status-color) 28%, transparent);
  transform: scale(var(--bubble-scale)); transition: transform .25s ease;
}
#tab-inventory .chart-style-bubbles .inventory-priority-chart-fill  { display: none; }

#tab-inventory .chart-style-minimal .inventory-priority-chart-stage  { display: none; }
#tab-inventory .chart-style-minimal .inventory-priority-chart-card  { gap: .45rem; }
#tab-inventory .chart-style-minimal .inventory-priority-chart-reading  { justify-content: flex-start; margin-top: .2rem; }
#tab-inventory .chart-style-minimal .inventory-priority-chart-foot  { padding-top: .3rem; border-top: 1px solid var(--inventory-border); }

@media (max-width: 760px) {
  #tab-inventory .inventory-priority-chart-controls  { justify-content: flex-start; margin-left: 0; }
  #tab-inventory .inventory-chart-style-label  { flex-basis: 100%; }
}


#tab-inventory .inventory-unified-primary-grid  {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.25rem;
}

#tab-inventory .inventory-unified-card  {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: .85rem;
  padding: 1.1rem 1.15rem;
  border: 1px solid var(--inventory-border) !important;
  border-radius: .95rem;
  background: var(--inventory-surface-raised, #20262c) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
  transition: border-color .18s ease, transform .15s ease, box-shadow .18s ease;
}

#tab-inventory .inventory-unified-card:hover  {
  border-color: color-mix(in srgb, var(--inventory-status-color) 50%, var(--inventory-border)) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}

#tab-inventory .inventory-unified-card .inventory-card-stock  {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: 0;
  border: 0;
  background: transparent;
}

#tab-inventory .inventory-card-stock-value  {
  display: flex;
  align-items: baseline;
  gap: .35rem;
}

#tab-inventory .inventory-card-stock-value strong  {
  color: var(--inventory-text);
  font-size: 1.95rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.025em;
}

#tab-inventory .inventory-card-unit  {
  color: var(--inventory-muted);
  font-size: .8rem;
  font-weight: 700;
}

#tab-inventory .inventory-card-progress-wrap  {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  margin-top: .35rem;
}

#tab-inventory .inventory-card-progress-bar  {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--inventory-border) 70%, transparent);
  overflow: hidden;
}

#tab-inventory .inventory-card-progress-fill  {
  height: 100%;
  border-radius: 999px;
  background: var(--inventory-status-color, var(--inventory-sufficient));
  transition: width .25s ease;
}

#tab-inventory .inventory-card-progress-meta  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  font-size: .68rem;
  color: var(--inventory-muted);
}

#tab-inventory .inventory-card-progress-meta strong  {
  color: var(--inventory-text);
  font-size: .74rem;
}


#tab-inventory .inventory-unified-drinks-panel  {
  margin-top: 1.15rem;
  padding-top: 1.1rem;
  border-top: 1px solid var(--inventory-border);
}

#tab-inventory .inventory-unified-drinks-panel .inventory-drinks-header  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .85rem;
}

#tab-inventory .inventory-drinks-header-copy  {
  display: flex;
  align-items: center;
  gap: .75rem;
}

#tab-inventory .inventory-drinks-header-icon  {
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: .75rem;
  background: var(--inventory-surface-soft);
  border: 1px solid var(--inventory-border);
  font-size: 1.25rem;
}

#tab-inventory .inventory-drinks-header h4  {
  margin: 0;
  color: var(--inventory-text);
  font-size: .96rem;
  font-weight: 750;
  line-height: 1.25;
}

#tab-inventory .inventory-drinks-header p  {
  margin: .15rem 0 0;
  color: var(--inventory-muted);
  font-size: .73rem;
}

#tab-inventory .inventory-unified-drinks-panel .inventory-drinks-count  {
  display: inline-flex;
  align-items: center;
  padding: .25rem .7rem;
  border-radius: 999px;
  background: var(--inventory-surface-soft);
  border: 1px solid var(--inventory-border);
  color: var(--inventory-muted);
  font-size: .72rem;
  font-weight: 800;
}

#tab-inventory .inventory-unified-drinks-panel .inventory-drinks-list  {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tab-inventory .inventory-unified-drinks-panel .inventory-drink-item  {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .45rem .85rem;
  border-radius: .75rem;
  border: 1px solid var(--inventory-border);
  background: var(--inventory-surface-raised, #20262c);
  transition: border-color .15s ease, background .15s ease;
}

#tab-inventory .inventory-unified-drinks-panel .inventory-drink-item::after  {
  display: none !important;
}

#tab-inventory .inventory-unified-drinks-panel .inventory-drink-item:hover  {
  border-color: color-mix(in srgb, var(--inventory-terracotta) 45%, var(--inventory-border));
}

#tab-inventory .inventory-unified-drinks-panel .inventory-drink-item.status-low  {
  border-color: color-mix(in srgb, var(--inventory-low) 55%, var(--inventory-border));
  background: color-mix(in srgb, var(--inventory-low) 6%, var(--inventory-surface-raised));
}

#tab-inventory .inventory-unified-drinks-panel .inventory-drink-item.status-empty  {
  border-color: color-mix(in srgb, var(--inventory-empty) 55%, var(--inventory-border));
  background: color-mix(in srgb, var(--inventory-empty) 6%, var(--inventory-surface-raised));
}

#tab-inventory .inventory-unified-drinks-panel .inventory-drink-status  {
  padding: .15rem .45rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--inventory-status-color) 16%, transparent);
  border: 1px solid color-mix(in srgb, var(--inventory-status-color) 35%, transparent);
  color: var(--inventory-status-color);
  font-size: .65rem;
  font-weight: 850;
}


#tab-inventory .inventory-folders-section  {
  margin-top: 1.25rem;
  min-width: 0;
}

#tab-inventory .inventory-folders-container  {
  display: flex;
  flex-direction: column;
  gap: .85rem;
  width: 100%;
}

#tab-inventory .inventory-folder-accordion  {
  border: 1px solid var(--inventory-border);
  border-radius: 1rem;
  background: var(--inventory-surface, #1a1f24);
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .1);
  transition: border-color .18s ease, box-shadow .18s ease;
}

#tab-inventory .inventory-folder-accordion:hover  {
  border-color: color-mix(in srgb, var(--inventory-terracotta) 45%, var(--inventory-border));
}

#tab-inventory .inventory-folder-accordion.is-open  {
  border-color: var(--inventory-terracotta);
  box-shadow: 0 6px 24px rgba(0, 0, 0, .18);
}

#tab-inventory .inventory-folder-summary  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  min-height: 52px;
  padding: .85rem 1.25rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--inventory-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
  touch-action: manipulation;
  transition: background .15s ease;
}

#tab-inventory .inventory-folder-summary:hover  {
  background: var(--inventory-surface-raised, #20262c);
}

#tab-inventory .inventory-folder-summary.active  {
  background: color-mix(in srgb, var(--inventory-terracotta) 8%, var(--inventory-surface));
  border-inline-start: 4px solid var(--inventory-terracotta);
}

#tab-inventory .inventory-folder-summary-left  {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
}

#tab-inventory .inventory-folder-icon  {
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: .7rem;
  background: var(--inventory-surface-soft);
  border: 1px solid var(--inventory-border);
  font-size: 1.25rem;
  flex: 0 0 auto;
}

#tab-inventory .inventory-folder-title-wrap  {
  display: flex;
  align-items: baseline;
  gap: .5rem;
  flex-wrap: wrap;
  min-width: 0;
}

#tab-inventory .inventory-folder-name  {
  color: var(--inventory-text);
  font-size: 1rem;
  font-weight: 750;
  letter-spacing: -.01em;
}

#tab-inventory .inventory-folder-count  {
  color: var(--inventory-muted);
  font-size: .82rem;
  font-weight: 750;
}

#tab-inventory .inventory-folder-summary-right  {
  display: flex;
  align-items: center;
  gap: .75rem;
  flex: 0 0 auto;
}

#tab-inventory .inventory-folder-status-badge  {
  display: inline-flex;
  align-items: center;
  padding: .25rem .65rem;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 800;
  white-space: nowrap;
}

#tab-inventory .inventory-folder-status-badge.is-alert  {
  background: color-mix(in srgb, var(--inventory-low, #dfb45b) 15%, transparent);
  border: 1px solid color-mix(in srgb, var(--inventory-low) 45%, transparent);
  color: var(--inventory-low, #dfb45b);
}

#tab-inventory .inventory-folder-status-badge.is-ok  {
  background: color-mix(in srgb, var(--inventory-sufficient, #69c58a) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--inventory-sufficient) 35%, transparent);
  color: var(--inventory-sufficient, #69c58a);
}

#tab-inventory .inventory-folder-chevron  {
  display: grid;
  place-items: center;
  width: 1.85rem;
  height: 1.85rem;
  border-radius: .5rem;
  background: var(--inventory-surface-soft);
  border: 1px solid var(--inventory-border);
  color: var(--inventory-muted);
  font-size: .72rem;
  transition: transform .2s ease;
}

#tab-inventory .inventory-folder-accordion.is-open .inventory-folder-chevron  {
  background: var(--inventory-terracotta);
  border-color: var(--inventory-terracotta);
  color: #fff;
}

#tab-inventory .inventory-folder-content  {
  padding: 1.15rem;
  border-top: 1px solid var(--inventory-border);
  background: var(--inventory-page, #14181c);
}

#tab-inventory .inventory-folder-content[hidden]  {
  display: none !important;
}

#tab-inventory .inventory-folder-empty  {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .75rem;
  padding: 1.75rem 1rem;
  text-align: center;
  color: var(--inventory-muted);
  font-size: .84rem;
}

/* Ajuste responsive de la Gráfica Unificada y Carpetas */
@media (max-width: 1024px) {
  #tab-inventory .inventory-unified-primary-grid  {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #tab-inventory .inventory-overview-kpis  {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #tab-inventory .inventory-priority-chart-grid  {
    gap: .65rem;
  }
}

@media (max-width: 640px) {
  #tab-inventory .inventory-priority-chart  {
    padding: 1rem .85rem;
  }

  #tab-inventory .inventory-priority-chart-header  {
    align-items: flex-start;
    flex-direction: column;
  }

  #tab-inventory .inventory-priority-chart-legend  {
    justify-content: flex-start;
    white-space: normal;
  }

  #tab-inventory .inventory-priority-chart-grid  {
    grid-template-columns: 1fr;
  }

  #tab-inventory .inventory-priority-chart-stage  {
    height: 11rem;
  }

  #tab-inventory .inventory-unified-board  {
    padding: 1rem .95rem;
  }

  #tab-inventory .inventory-unified-primary-grid  {
    grid-template-columns: 1fr;
    gap: .75rem;
  }

  #tab-inventory .inventory-overview-chart  {
    grid-template-columns: 1fr;
  }

  #tab-inventory .inventory-overview-legend  {
    justify-content: flex-start;
    white-space: normal;
  }

  #tab-inventory .inventory-folder-summary  {
    padding: .75rem .85rem;
    gap: .5rem;
  }

  #tab-inventory .inventory-folder-content  {
    padding: .85rem .65rem;
  }

  #tab-inventory .inventory-folder-name  {
    font-size: .9rem;
  }
}

/* Rendimiento de interacción: los brillos y las sombras animadas obligaban al
   navegador a repintar más de lo necesario cada vez que el puntero pasaba por
   un botón. Mantener solo cambios ligeros de color, borde y transform hace que
   el menú y los controles respondan de inmediato en equipos modestos. */
@media (hover: hover) {
  body.app-redesign button,
  body.app-redesign [role="button"],
  body.app-redesign a  {
    transition-property: color, background-color, border-color, opacity, transform !important;
    transition-duration: .08s !important;
  }

  body.app-redesign button:hover,
  body.app-redesign [role="button"]:hover,
  body.app-redesign a:hover  {
    filter: none !important;
    box-shadow: none !important;
  }

  body.app-redesign .nav-menu-toggle,
  body.app-redesign .header-nav-dropdown .nav-tabs,
  body.app-redesign .history-mobile-switcher-menu  {
    transition-property: opacity, transform, visibility !important;
    transition-duration: .08s !important;
  }
}


body.app-redesign .history-mobile-switcher  {
  display: none;
  position: relative;
  width: 100%;
  max-width: 22rem;
  z-index: 5;
}

body.app-redesign .history-mobile-switcher-toggle  {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  width: 100%;
  min-height: 2.8rem;
  padding: .45rem .75rem;
  border: 1px solid #3b454e;
  border-radius: 13px;
  background: linear-gradient(135deg, #242b32, #1c2126);
  color: #f7f3ec;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 7px 18px rgba(0,0,0,.18);
}

body.app-redesign .history-mobile-switcher-toggle:hover,
body.app-redesign .history-mobile-switcher-toggle:focus-visible,
body.app-redesign .history-mobile-switcher.is-open .history-mobile-switcher-toggle  {
  border-color: rgba(243,182,93,.72);
  box-shadow: 0 10px 24px rgba(0,0,0,.25), 0 0 0 3px rgba(243,182,93,.1);
  outline: none;
}

body.app-redesign .history-mobile-switcher-icon  {
  display: grid;
  place-items: center;
  width: 1.55rem;
  height: 1.55rem;
  flex: 0 0 auto;
  border-radius: 8px;
  background: rgba(243,182,93,.12);
  font-size: .9rem;
}

body.app-redesign .history-mobile-switcher-copy  {
  display: grid;
  gap: .08rem;
  min-width: 0;
  flex: 1;
}

body.app-redesign .history-mobile-switcher-copy small  {
  color: #9da7b0;
  font-size: .58rem;
  font-weight: 750;
  letter-spacing: .055em;
  line-height: 1.1;
  text-transform: uppercase;
}

body.app-redesign .history-mobile-switcher-copy strong  {
  overflow: hidden;
  color: #fff;
  font-size: .8rem;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.app-redesign .history-mobile-switcher-chevron  {
  color: #f3b65d;
  font-size: 1.2rem;
  line-height: 1;
  transform: translateY(-2px);
  transition: transform .2s ease;
}

body.app-redesign .history-mobile-switcher.is-open .history-mobile-switcher-chevron  {
  transform: rotate(180deg) translateY(2px);
}

body.app-redesign .history-mobile-switcher-menu  {
  position: absolute;
  top: calc(100% + .4rem);
  left: 0;
  display: grid;
  gap: .3rem;
  width: 100%;
  padding: .45rem;
  border: 1px solid #39434b;
  border-radius: 14px;
  background: rgba(27,32,37,.98);
  box-shadow: 0 18px 42px rgba(0,0,0,.38);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-.45rem) scale(.98);
  transform-origin: top center;
  transition: opacity .18s ease, transform .2s ease;
}

body.app-redesign .history-mobile-switcher.is-open .history-mobile-switcher-menu  {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

body.app-redesign .history-mobile-switcher-menu button  {
  display: flex;
  align-items: center;
  gap: .55rem;
  width: 100%;
  min-height: 2.55rem;
  padding: .55rem .65rem;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #d8e0e6;
  font: inherit;
  font-size: .76rem;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

body.app-redesign .history-mobile-switcher-menu button:hover,
body.app-redesign .history-mobile-switcher-menu button:focus-visible,
body.app-redesign .history-mobile-switcher-menu button.active  {
  border-color: rgba(243,182,93,.38);
  background: rgba(243,182,93,.12);
  color: #f8e5c5;
  outline: none;
}

body:not(.dark-mode).app-redesign .history-mobile-switcher-toggle  {
  border-color: #d4a55b;
  background: linear-gradient(135deg, #fff8eb, #fff0df);
  color: #17202a;
}
body:not(.dark-mode).app-redesign .history-mobile-switcher-copy small  { color: #7b8995; }
body:not(.dark-mode).app-redesign .history-mobile-switcher-copy strong  { color: #8a5313; }
body:not(.dark-mode).app-redesign .history-mobile-switcher-menu  {
  border-color: #d8e0e7;
  background: rgba(255,255,255,.98);
  box-shadow: 0 18px 42px rgba(31,45,61,.2);
}
body:not(.dark-mode).app-redesign .history-mobile-switcher-menu button  { color: #344451; }
body:not(.dark-mode).app-redesign .history-mobile-switcher-menu button:hover,
body:not(.dark-mode).app-redesign .history-mobile-switcher-menu button:focus-visible,
body:not(.dark-mode).app-redesign .history-mobile-switcher-menu button.active  {
  border-color: #d4a55b;
  background: #fff4df;
  color: #8a5313;
}

@media (max-width: 600px) {
  body.app-redesign .history-view-switcher-bar  { margin-bottom: .85rem; }
  body.app-redesign .history-tabs-pills  { display: none; }
  body.app-redesign .history-mobile-switcher  { display: block; }
}

@media (prefers-reduced-motion: reduce) {
  body.app-redesign .history-mobile-switcher-chevron,
  body.app-redesign .history-mobile-switcher-menu  { transition: none; }
}


body.app-redesign .header-nav-dropdown  {
  position: relative;
  z-index: 20;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: .45rem 1rem .6rem;
  box-sizing: border-box;
  background: #171a1e;
  border-top: 1px solid rgba(255,255,255,.04);
}

body.app-redesign .nav-menu-toggle  {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  width: min(100%, 13rem);
  min-width: 0;
  min-height: 2.8rem;
  padding: .45rem .8rem;
  border: 1px solid #3b454e;
  border-radius: 13px;
  background: linear-gradient(135deg, #242b32, #1c2126);
  color: #f7f3ec;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 7px 18px rgba(0,0,0,.18);
  transition: border-color .12s ease, box-shadow .12s ease, transform .12s ease;
}
body.app-redesign .nav-menu-toggle:hover,
body.app-redesign .nav-menu-toggle:focus-visible  {
  border-color: rgba(243,182,93,.72);
  box-shadow: 0 10px 24px rgba(0,0,0,.25), 0 0 0 3px rgba(243,182,93,.1);
  outline: none;
  transform: translateY(-1px);
}
body.app-redesign .nav-menu-toggle-icon  { display: grid; gap: 4px; width: 1.05rem; flex: 0 0 auto; }
body.app-redesign .nav-menu-toggle-icon span  { display: block; height: 2px; border-radius: 2px; background: #f3b65d; transition: transform .1s ease, opacity .1s ease; }
body.app-redesign .nav-menu-toggle-copy  { display: grid; gap: .08rem; min-width: 0; flex: 1; }
body.app-redesign .nav-menu-toggle-copy small  { color: #9da7b0; font-size: .6rem; font-weight: 750; letter-spacing: .055em; line-height: 1.1; text-transform: uppercase; white-space: nowrap; }
body.app-redesign .nav-menu-toggle-copy strong  { overflow: hidden; color: #fff; font-size: .84rem; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
body.app-redesign .nav-menu-toggle-chevron  { color: #f3b65d; font-size: 1.2rem; line-height: 1; transform: translateY(-2px); transition: transform .1s ease; }
body.app-redesign .nav-menu-toggle[aria-expanded="true"] .nav-menu-toggle-chevron  { transform: rotate(180deg) translateY(2px); }
body.app-redesign .nav-menu-toggle[aria-expanded="true"] .nav-menu-toggle-icon span:nth-child(1)  { transform: translateY(6px) rotate(45deg); }
body.app-redesign .nav-menu-toggle[aria-expanded="true"] .nav-menu-toggle-icon span:nth-child(2)  { opacity: 0; }
body.app-redesign .nav-menu-toggle[aria-expanded="true"] .nav-menu-toggle-icon span:nth-child(3)  { transform: translateY(-6px) rotate(-45deg); }

body.app-redesign .header-nav-dropdown .nav-tabs  {
  position: absolute;
  top: calc(100% - .15rem);
  left: 50%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(48rem, calc(100vw - 2rem));
  max-width: calc(100vw - 2rem);
  padding: .55rem;
  border: 1px solid #39434b;
  border-radius: 16px;
  background: rgba(27,32,37,.98);
  box-shadow: 0 18px 42px rgba(0,0,0,.38);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -.65rem) scale(.97);
  transform-origin: top center;
  transition: opacity .1s ease, transform .12s ease, visibility 0s linear .12s;
}
body.app-redesign .header-nav-dropdown .nav-tabs.is-open  { visibility: visible; opacity: 1; pointer-events: auto; transform: translate(-50%, 0) scale(1); transition-delay: 0s; }
body.app-redesign .header-nav-dropdown .tab-btn  { min-width: 0; justify-content: center; padding-inline: .65rem; }

@media (max-width: 700px) {
  body.app-redesign .header-nav-dropdown .nav-tabs  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  body.app-redesign .header-nav-dropdown  { padding-inline: .65rem; }
  body.app-redesign .nav-menu-toggle  { width: 100%; max-width: 20rem; }
  body.app-redesign .header-nav-dropdown .nav-tabs  { grid-template-columns: 1fr; width: calc(100vw - 1.3rem); max-width: calc(100vw - 1.3rem); }
}
@media (max-width: 600px) {
  body.app-redesign .nav-menu-toggle,
  body.app-redesign .nav-menu-toggle-icon span,
  body.app-redesign .nav-menu-toggle-chevron,
  body.app-redesign .header-nav-dropdown .nav-tabs  { transition: none; }
}
body:not(.dark-mode).app-redesign .header-nav-dropdown  { background: #fff; border-top-color: #e5ebef; }
body:not(.dark-mode).app-redesign .nav-menu-toggle  { border-color: #d4a55b; background: linear-gradient(135deg, #fff8eb, #fff0df); color: #17202a; }
body:not(.dark-mode).app-redesign .nav-menu-toggle-copy small  { color: #7b8995; }
body:not(.dark-mode).app-redesign .nav-menu-toggle-copy strong  { color: #8a5313; }
body:not(.dark-mode).app-redesign .header-nav-dropdown .nav-tabs  { border-color: #d8e0e7; background: rgba(255,255,255,.98); box-shadow: 0 18px 42px rgba(31,45,61,.2); }

@media (prefers-reduced-motion: reduce) {
  body.app-redesign .nav-menu-toggle,
  body.app-redesign .nav-menu-toggle-icon span,
  body.app-redesign .nav-menu-toggle-chevron,
  body.app-redesign .header-nav-dropdown .nav-tabs  { transition: none; }
}


body.app-redesign .service-status-filters  {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 0;
  overflow: visible;
}
body.app-redesign .service-filter-btn  {
  min-width: 0;
  max-width: 100%;
  padding-inline: .45rem;
  overflow: hidden;
  line-height: 1.12;
}
body.app-redesign .service-filter-btn strong,
body.app-redesign .service-filter-btn span  {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
body.app-redesign .service-filter-btn span  {
  white-space: normal;
  text-overflow: clip;
}
@media (max-width: 480px) {
  body.app-redesign .service-status-filters  { gap: .3rem; }
  body.app-redesign .service-filter-btn  {
    min-height: 54px;
    padding: .38rem .2rem;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  body.app-redesign .service-filter-btn strong  { font-size: .95rem; }
  body.app-redesign .service-filter-btn span  { font-size: .58rem; }
}


body.app-redesign .accounts-summary-filter-wrap  {
  position: relative;
  z-index: 20;
  display: inline-flex;
  flex: 0 0 auto;
}
body.app-redesign #openAccountsSummaryIndicator  {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}
body.app-redesign #openAccountsSummaryIndicator:hover,
body.app-redesign #openAccountsSummaryIndicator:focus-visible,
body.account-filters-open.app-redesign #openAccountsSummaryIndicator  {
  border-color: rgba(243, 182, 93, .72);
  background: rgba(243, 182, 93, .12);
  color: #f3b65d;
  outline: none;
}
body.app-redesign .account-filters-popover  {
  position: absolute;
  top: calc(100% + .55rem);
  left: 0;
  z-index: 30;
  width: min(90vw, 350px);
  padding: .8rem;
  border: 1px solid #3a444d;
  border-radius: 14px;
  background: #1a1e23;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .3);
}
body.app-redesign .account-filters-popover[hidden]  { display: none !important; }
body.app-redesign .account-filters-heading  { display: grid; gap: .16rem; margin-bottom: .65rem; }
body.app-redesign .account-filters-heading strong  { color: #f7f3ec; font-size: .75rem; }
body.app-redesign .account-filters-heading span  { color: #8f9ba5; font-size: .61rem; }
body.app-redesign .account-filters-grid  {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem;
}
body.app-redesign .account-filter-btn  {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .45rem;
  min-height: 2.35rem;
  padding: .35rem .45rem;
  border: 1px solid #35404a;
  border-radius: 9px;
  background: #20262c;
  color: #aeb9c2;
  font: inherit;
  font-size: .59rem;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}
body.app-redesign .account-filter-btn strong  {
  display: grid;
  place-items: center;
  min-width: 1.35rem;
  min-height: 1.35rem;
  border-radius: 7px;
  background: #303941;
  color: #f3b65d;
  font-size: .67rem;
}
body.app-redesign .account-filter-btn:hover,
body.app-redesign .account-filter-btn:focus-visible,
body.app-redesign .account-filter-btn.active  {
  border-color: rgba(223, 91, 71, .72);
  background: rgba(223, 91, 71, .14);
  color: #ffab98;
  outline: none;
}
body.app-redesign .account-filter-btn.active strong  { background: rgba(243, 182, 93, .16); color: #f3b65d; }
body.app-redesign .account-filter-btn:last-child  { grid-column: 1 / -1; }

body:not(.dark-mode).app-redesign #openAccountsSummaryIndicator:hover,
body:not(.dark-mode).app-redesign #openAccountsSummaryIndicator:focus-visible,
body:not(.dark-mode).account-filters-open.app-redesign #openAccountsSummaryIndicator  { border-color: #d59a38; background: #fff4df; color: #8a4d06; }
body:not(.dark-mode).app-redesign .account-filters-popover  { border-color: #d8e0e7; background: #ffffff; box-shadow: 0 18px 38px rgba(31, 45, 61, .18); }
body:not(.dark-mode).app-redesign .account-filters-heading strong  { color: #17202a; }
body:not(.dark-mode).app-redesign .account-filters-heading span  { color: #536371; }
body:not(.dark-mode).app-redesign .account-filter-btn  { border-color: #d8e0e7; background: #f5f7f9; color: #536371; }
body:not(.dark-mode).app-redesign .account-filter-btn strong  { background: #e9eef2; color: #8a4d06; }
body:not(.dark-mode).app-redesign .account-filter-btn:hover,
body:not(.dark-mode).app-redesign .account-filter-btn:focus-visible,
body:not(.dark-mode).app-redesign .account-filter-btn.active  { border-color: #df8b7a; background: #fff0eb; color: #a93629; }
body:not(.dark-mode).app-redesign .account-filter-btn.active strong  { background: #ffe4dc; color: #a93629; }

@media (max-width: 520px) {
  body.app-redesign .account-filters-popover  { left: auto; right: 0; width: min(92vw, 350px); }
}


body.app-redesign .btn-recent-orders  {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .25rem;
  min-height: 30px;
  padding: .28rem .55rem;
  border: 1px solid #3b4650;
  border-radius: 9px;
  background: #20262c;
  color: #cbd5dc;
  font: inherit;
  font-size: .66rem;
  font-weight: 850;
  cursor: pointer;
  white-space: nowrap;
}
body.app-redesign .btn-recent-orders:hover,
body.app-redesign .btn-recent-orders:focus-visible  {
  border-color: rgba(243, 182, 93, .72);
  background: rgba(243, 182, 93, .12);
  color: #f3b65d;
  outline: none;
}
body.app-redesign .recent-orders-header  { flex-shrink: 0; }
body.app-redesign .recent-orders-content  {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  padding: .8rem 1rem;
  overflow-y: auto;
}
body.app-redesign .recent-orders-pagination  {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: .55rem;
  padding: .35rem 1rem .75rem;
}
body.app-redesign .recent-orders-page-btn  {
  min-height: 34px;
  padding: .35rem .55rem;
  border: 1px solid #3b4650;
  border-radius: 9px;
  background: #20262c;
  color: #cbd5dc;
  font: inherit;
  font-size: .64rem;
  font-weight: 850;
  cursor: pointer;
}
body.app-redesign .recent-orders-page-btn:last-child  { justify-self: end; }
body.app-redesign .recent-orders-page-btn:hover:not(:disabled),
body.app-redesign .recent-orders-page-btn:focus-visible:not(:disabled)  {
  border-color: rgba(243, 182, 93, .72);
  background: rgba(243, 182, 93, .12);
  color: #f3b65d;
  outline: none;
}
body.app-redesign .recent-orders-page-btn:disabled  {
  cursor: not-allowed;
  opacity: .42;
}
body.app-redesign .recent-orders-page-label  {
  color: #aeb9c2;
  font-size: .66rem;
  font-weight: 850;
  text-align: center;
  white-space: nowrap;
}
body.app-redesign .recent-order-row  {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .7rem;
  padding: .72rem .8rem;
  border: 1px solid #35404a;
  border-radius: 12px;
  background: #20262c;
}
body.app-redesign .recent-order-main  { min-width: 0; }
body.app-redesign .recent-order-heading  {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .35rem;
}
body.app-redesign .recent-order-heading strong  { color: #f7f3ec; font-size: .8rem; }
body.app-redesign .recent-order-number,
body.app-redesign .recent-order-mode  {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: .12rem .38rem;
  border-radius: 999px;
  background: #303941;
  color: #cbd5dc;
  font-size: .59rem;
  font-weight: 800;
}
body.app-redesign .recent-order-number  { color: #f3b65d; }
body.app-redesign .recent-order-items  {
  margin-top: .35rem;
  color: #aeb9c2;
  font-size: .69rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
body.app-redesign .recent-order-meta  {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .38rem;
  color: #8f9ba5;
  font-size: .63rem;
}
body.app-redesign .recent-order-meta strong  { color: #f3b65d; font-size: .75rem; }
body.app-redesign .recent-order-restore  {
  min-height: 34px;
  padding: .38rem .55rem;
  border: 1px solid rgba(223, 91, 71, .62);
  border-radius: 9px;
  background: rgba(223, 91, 71, .14);
  color: #ffab98;
  font: inherit;
  font-size: .65rem;
  font-weight: 850;
  cursor: pointer;
  white-space: nowrap;
}
body.app-redesign .recent-order-restore:hover,
body.app-redesign .recent-order-restore:focus-visible  {
  background: rgba(223, 91, 71, .28);
  outline: none;
}
body.app-redesign .recent-orders-empty  {
  display: grid;
  justify-items: center;
  gap: .35rem;
  padding: 2rem 1rem;
  text-align: center;
  color: #aeb9c2;
}
body.app-redesign .recent-orders-empty-icon  { font-size: 2rem; }
body.app-redesign .recent-orders-empty strong  { color: #f7f3ec; font-size: .9rem; }
body.app-redesign .recent-orders-empty p  { margin: 0; max-width: 30rem; font-size: .72rem; line-height: 1.45; }
body.app-redesign .recent-orders-footer  { flex-shrink: 0; display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
body.app-redesign .btn-recent-history,
body.app-redesign .btn-close-recent-orders  {
  min-height: 40px;
  border-radius: 9px;
  font: inherit;
  font-size: .72rem;
  font-weight: 850;
  cursor: pointer;
}
body.app-redesign .btn-recent-history  { border: 1px solid rgba(67, 201, 149, .55); background: rgba(67, 201, 149, .13); color: #70e0b2; }
body.app-redesign .btn-close-recent-orders  { border: 1px solid #3b4650; background: #20262c; color: #cbd5dc; }

body:not(.dark-mode).app-redesign .btn-recent-orders  { border-color: #cbd6df; background: #f1f4f6; color: #536371; }
body:not(.dark-mode).app-redesign .btn-recent-orders:hover,
body:not(.dark-mode).app-redesign .btn-recent-orders:focus-visible  { border-color: #d59a38; background: #fff4df; color: #8a4d06; }
body:not(.dark-mode).app-redesign .recent-order-row  { border-color: #d8e0e7; background: #f8fafb; }
body:not(.dark-mode).app-redesign .recent-order-heading strong,
body:not(.dark-mode).app-redesign .recent-orders-empty strong  { color: #17202a; }
body:not(.dark-mode).app-redesign .recent-order-number,
body:not(.dark-mode).app-redesign .recent-order-mode  { background: #eef2f5; color: #536371; }
body:not(.dark-mode).app-redesign .recent-order-number  { color: #8a4d06; }
body:not(.dark-mode).app-redesign .recent-order-items,
body:not(.dark-mode).app-redesign .recent-orders-empty,
body:not(.dark-mode).app-redesign .recent-order-meta  { color: #536371; }
body:not(.dark-mode).app-redesign .recent-order-meta strong  { color: #a85d08; }
body:not(.dark-mode).app-redesign .btn-close-recent-orders  { border-color: #cbd6df; background: #f1f4f6; color: #344451; }
body:not(.dark-mode).app-redesign .recent-orders-page-btn  { border-color: #cbd6df; background: #f1f4f6; color: #536371; }
body:not(.dark-mode).app-redesign .recent-orders-page-btn:hover:not(:disabled),
body:not(.dark-mode).app-redesign .recent-orders-page-btn:focus-visible:not(:disabled)  { border-color: #d59a38; background: #fff4df; color: #8a4d06; }
body:not(.dark-mode).app-redesign .recent-orders-page-label  { color: #536371; }

@media (max-width: 520px) {
  body.app-redesign .recent-order-row  { grid-template-columns: 1fr; }
  body.app-redesign .recent-order-restore  { width: 100%; }
  body.app-redesign .recent-orders-pagination  { grid-template-columns: 1fr 1fr; }
  body.app-redesign .recent-orders-page-label  { grid-column: 1 / -1; grid-row: 1; }
  body.app-redesign .recent-orders-page-btn  { grid-row: 2; }
}


body.app-redesign .account-action-card  {
  width: min(94vw, 470px) !important;
  max-width: 470px !important;
  max-height: min(88dvh, 42rem) !important;
  overflow: visible !important;
}
body.app-redesign .account-action-header  {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: 1.05rem 1.15rem .9rem;
  border-bottom: 1px solid #2c333a;
  background: #16191d;
}
body.app-redesign .account-action-icon  {
  display: grid;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  border: 1px solid rgba(243, 182, 93, .48);
  border-radius: 12px;
  background: rgba(243, 182, 93, .12);
  font-size: 1.35rem;
}
body.app-redesign .account-action-eyebrow  {
  display: block;
  margin-bottom: .2rem;
  color: #f3b65d;
  font-size: .57rem;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
body.app-redesign .account-action-header h2  {
  margin: 0;
  color: #f7f3ec;
  font-size: 1.05rem;
  line-height: 1.15;
}
body.app-redesign .account-action-body  { min-height: 0; padding: .65rem .85rem .75rem; overflow-y: auto; }
body.app-redesign .account-action-account-name  {
  display: block;
  color: #f7f3ec;
  font-size: 1.05rem;
}
body.app-redesign .account-action-summary  {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .35rem;
  margin-top: .4rem;
}
body.app-redesign .account-action-summary span  {
  display: grid;
  gap: .12rem;
  padding: .38rem .55rem;
  border: 1px solid #35404a;
  border-radius: 10px;
  background: #20262c;
}
body.app-redesign .account-action-summary small  {
  color: #8f9ba5;
  font-size: .6rem;
  font-weight: 750;
}
body.app-redesign .account-action-summary b  { color: #f3b65d; font-size: .78rem; }
body.app-redesign .account-action-product-categories  { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; margin-top: .5rem; }
body.app-redesign .account-action-product-category  { display: flex; align-items: center; gap: .45rem; min-height: 2.5rem; padding: .35rem .55rem; border: 1px solid #35404a; border-radius: 9px; background: #20262c; color: #f7f3ec; font: inherit; text-align: left; cursor: pointer; }
body.app-redesign .account-action-product-category:hover, body.app-redesign .account-action-product-category:focus-visible  { border-color: #f3b65d; outline: none; }
body.app-redesign .account-action-product-category span  { font-size: 1.15rem; }
body.app-redesign .account-action-product-category strong  { font-size: .78rem; }
body.app-redesign .account-action-picker-heading  { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin: .65rem 0 .35rem; }
body.app-redesign .account-action-picker-heading > strong  { color: #f3b65d; font-size: .78rem; }
body.app-redesign .account-action-product-picker .pos-sales-quick-products  { max-height: 22dvh; overflow-y: auto; margin: .3rem 0; }
body.app-redesign .account-action-product-picker .pos-sales-quick-product  { grid-template-columns: minmax(0, 1fr) auto; gap: .25rem; min-height: 2.35rem; padding: .2rem .35rem; background: #20262c; }
body.app-redesign .account-action-product-picker .pos-sales-quick-product-main  { width: 100%; min-height: 2rem; padding: .1rem 0; }
body.app-redesign .account-action-product-picker .pos-sales-quick-product-main b  { font-size: .68rem; }
body.app-redesign .account-action-product-picker .pos-sales-quick-product-main small  { font-size: .58rem; }
body.app-redesign .account-action-product-picker .pos-sales-quick-qty  { gap: .15rem; }
body.app-redesign .account-action-product-picker .pos-sales-quick-qty b  { min-width: 1rem; color: #f3b65d; font-size: .68rem; text-align: center; }
body.app-redesign .account-action-product-picker .pos-sales-quick-decrement  { width: 1.8rem; height: 1.8rem; border: 0; border-radius: 50%; background: transparent; color: #9099a1; font-size: 1rem; opacity: .72; }
body.app-redesign .account-action-product-picker .pos-sales-quick-remove  { width: 1.8rem; height: 1.8rem; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #9099a1; font-size: .95rem; font-weight: 600; opacity: .68; }
body.app-redesign .account-action-product-picker .pos-sales-quick-decrement:hover,
body.app-redesign .account-action-product-picker .pos-sales-quick-decrement:focus-visible,
body.app-redesign .account-action-product-picker .pos-sales-quick-remove:hover,
body.app-redesign .account-action-product-picker .pos-sales-quick-remove:focus-visible  { background: rgba(248, 113, 113, .1); color: #f87171; opacity: 1; }
body.app-redesign .account-action-product-picker .pos-sales-quick-product:has(button:active)  { transform: none; }
body.app-redesign .account-action-product-picker .pos-sales-quick-product button:active  { transform: none; }
body.app-redesign .pos-sales-compact-products  { width: 100%; min-height: 5rem; margin-top: .25rem; }
body.app-redesign .pos-sales-compact-products > strong  { font-size: 1.1rem; }
body.app-redesign .pos-sales-compact-products  { grid-column: 1 / -1; }
body.app-redesign .account-action-options  { display: grid; gap: .6rem; margin-top: .9rem; }
body.app-redesign .account-action-option  {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .7rem;
  width: 100%;
  min-height: 4.2rem;
  padding: .72rem .8rem;
  border: 1px solid #35404a;
  border-radius: 13px;
  background: #20262c;
  color: #e7ecef;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
body.app-redesign .account-action-option:hover:not(:disabled),
body.app-redesign .account-action-option:focus-visible:not(:disabled)  {
  border-color: rgba(243, 182, 93, .72);
  background: #293139;
  outline: none;
  transform: translateY(-1px);
}
body.app-redesign .account-action-option-icon  {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 9px;
  background: rgba(255, 255, 255, .07);
  font-size: 1.05rem;
}
body.app-redesign .account-action-option > span:nth-child(2)  { display: grid; gap: .15rem; min-width: 0; }
body.app-redesign .account-action-option strong  { color: #f7f3ec; font-size: .78rem; }
body.app-redesign .account-action-option small  { color: #aeb9c2; font-size: .62rem; line-height: 1.3; }
body.app-redesign .account-action-arrow  { color: #f3b65d; font-size: 1.1rem; font-weight: 900; }
body.app-redesign .account-action-pay  { border-color: rgba(67, 201, 149, .5); background: rgba(67, 201, 149, .1); }
body.app-redesign .account-action-pay .account-action-option-icon  { background: rgba(67, 201, 149, .15); }
body.app-redesign .account-action-add  { border-color: rgba(243, 182, 93, .5); background: rgba(243, 182, 93, .1); }
body.app-redesign .account-action-option:disabled  {
  cursor: not-allowed;
  opacity: .48;
  transform: none;
}

body:not(.dark-mode).app-redesign .account-action-header  { border-color: #dfe6eb; background: #f8fafb; }
body:not(.dark-mode).app-redesign .account-action-header h2,
body:not(.dark-mode).app-redesign .account-action-account-name  { color: #17202a; }
body:not(.dark-mode).app-redesign .account-action-summary span,
body:not(.dark-mode).app-redesign .account-action-option  { border-color: #d8e0e7; background: #f8fafb; }
body:not(.dark-mode).app-redesign .account-action-summary small,
body:not(.dark-mode).app-redesign .account-action-option small  { color: #536371; }
body:not(.dark-mode).app-redesign .account-action-product-category  { border-color: #d8e0e7; background: #f8fafb; color: #17202a; }
body:not(.dark-mode).app-redesign .account-action-picker-heading > strong  { color: #8a5313; }
body:not(.dark-mode).app-redesign .account-action-product-picker .pos-sales-quick-product  { background: #fff; }
body:not(.dark-mode).app-redesign .account-action-item-controls .account-action-item-remove  { border-color: transparent; background: transparent; color: #84909a; }
body:not(.dark-mode).app-redesign .account-action-package-remove  { border-color: transparent; background: transparent; color: #84909a; }
body:not(.dark-mode).app-redesign .account-action-product-picker .pos-sales-quick-qty b  { color: #8a5313; }
body:not(.dark-mode).app-redesign .account-action-product-picker .pos-sales-quick-decrement  { color: #87919a; }
body:not(.dark-mode).app-redesign .account-action-product-picker .pos-sales-quick-remove  { color: #87919a; }
body:not(.dark-mode).app-redesign .account-action-option strong  { color: #17202a; }
body:not(.dark-mode).app-redesign .account-action-pay  { border-color: #8dcdb2; background: #effaf5; }
body:not(.dark-mode).app-redesign .account-action-add  { border-color: #e2ae62; background: #fff8eb; }
body:not(.dark-mode).app-redesign .account-action-option:hover:not(:disabled),
body:not(.dark-mode).app-redesign .account-action-option:focus-visible:not(:disabled)  { background: #ffffff; }

@media (max-width: 520px) {
  body.app-redesign .account-action-header  { padding: .85rem .85rem .75rem; }
  body.app-redesign .account-action-body  { padding: .85rem; }
  body.app-redesign .account-action-option  { min-height: 3.85rem; }
}


body:not(.dark-mode).app-redesign .header-orders-popover .service-card-title-row strong  { color: #17202a !important; }
body:not(.dark-mode).app-redesign .header-orders-popover .service-card-customer,
body:not(.dark-mode).app-redesign .header-orders-popover .service-card-meta  { color: #536371 !important; }
body:not(.dark-mode).app-redesign .header-orders-popover .service-card-meta > strong  { color: #a85d08 !important; }
body:not(.dark-mode).app-redesign .header-orders-popover .service-mode-badge  { background: #eef2f5 !important; color: #344451 !important; }
body:not(.dark-mode).app-redesign .header-orders-popover .service-status-pill.new  { background: #fff0ee !important; color: #b42318 !important; }
body:not(.dark-mode).app-redesign .header-orders-popover .service-action-attach  { background: #fff4df !important; border-color: #d59a38 !important; color: #8a5a00 !important; }
body:not(.dark-mode).app-redesign .header-orders-popover .service-action-primary  { background: #fff0ee !important; border-color: #df8b7a !important; color: #b42318 !important; }
body:not(.dark-mode).app-redesign .header-orders-popover .service-action-secondary  { background: #f1f4f6 !important; border-color: #cbd6df !important; color: #344451 !important; }


body.app-redesign .floating-cart-tab-btn  { display: none !important; }
body.app-redesign .floating-cart-wrapper  { width: 0; flex: 0 0 0; }
body.app-redesign .floating-cart-wrapper:has(.floating-cart-popover.active)  { width: min(100%, 380px); flex: 1 1 380px; }
body.app-redesign .account-chip-count  {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  line-height: 1.2;
  cursor: pointer;
  text-align: right;
}
body.app-redesign .account-chip-count:hover  { color: var(--text-gold); text-decoration: underline; }

@media (max-width: 900px) {
  body.app-redesign .accounts-actions-zone,
  body.app-redesign .floating-cart-wrapper  { width: 100%; }
  body.app-redesign .floating-cart-popover.active  { width: 100%; }
}
@media (max-width: 620px) {
  body.app-redesign .accounts-header-top  { gap: .6rem; }
  body.app-redesign .floating-tab-top  { align-items: center !important; flex-wrap: nowrap !important; }
  body.app-redesign .floating-tab-right  { min-width: 0; max-width: 58%; }
  body.app-redesign .floating-tab-summary-row  { width: 100%; }
  body.app-redesign .floating-cart-popover.active  { margin-top: .45rem; max-height: min(72dvh, 620px); }
}




body.app-redesign .pos-sales-compact-confirm  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  margin-top: .85rem;
  padding: .75rem .8rem;
  border: 1px solid rgba(67, 201, 149, .4);
  border-radius: 13px;
  background: rgba(67, 201, 149, .08);
}
body.app-redesign .pos-sales-compact-confirm > div  {
  display: grid;
  gap: .14rem;
  min-width: 0;
}
body.app-redesign .pos-sales-compact-confirm strong  {
  color: #65d9a9;
  font-size: .73rem;
}
body.app-redesign .pos-sales-compact-confirm small  {
  color: var(--text-muted);
  font-size: .62rem;
}
body.app-redesign .pos-sales-compact-confirm button  {
  flex: 0 0 auto;
  min-height: 2.25rem;
  padding: .5rem .72rem;
  border: 1px solid rgba(67, 201, 149, .7);
  border-radius: 9px;
  background: #159568;
  color: #fff;
  font: inherit;
  font-size: .67rem;
  font-weight: 900;
  cursor: pointer;
}
body.app-redesign .pos-sales-compact-confirm button:hover  { background: #117b57; }
body.app-redesign .pos-sales-compact-confirm button:disabled  { opacity: .5; cursor: not-allowed; }
body:not(.dark-mode).app-redesign .pos-sales-compact-confirm  {
  border-color: #9ddcc5;
  background: #effbf6;
}
body:not(.dark-mode).app-redesign .pos-sales-compact-confirm strong  { color: #147a56; }
@media (max-width: 520px) {
  body.app-redesign .pos-sales-compact-confirm  { align-items: stretch; flex-direction: column; }
  body.app-redesign .pos-sales-compact-confirm button  { width: 100%; }
}
body.orders-popover-open.app-redesign .top-shift-widget  {
  z-index: 1100 !important;
}
body.app-redesign .header-orders-popover  {
  position: absolute !important;
  top: calc(100% + .65rem) !important;
  right: 0 !important;
  left: auto !important;
  z-index: 1101 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: min(580px, 78vw) !important;
  max-width: min(580px, 78vw) !important;
  max-height: min(70vh, 620px) !important;
  margin-top: 0 !important;
  box-sizing: border-box;
  overflow: auto !important;
}
body.app-redesign .header-orders-popover[hidden]  { display: none !important; }

@media (max-width: 620px) {
  body.app-redesign .header-orders-popover  {
    right: -.45rem !important;
    width: min(94vw, 520px) !important;
    max-width: min(94vw, 520px) !important;
  }
}


body.app-redesign .accounts-actions-zone  { position: relative; }
body.app-redesign .floating-cart-wrapper  {
  position: absolute !important;
  inset: 0 0 auto auto !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  flex: 0 0 0 !important;
  z-index: 1200 !important;
  pointer-events: none;
}
body.app-redesign .floating-cart-popover.active  {
  position: absolute !important;
  inset: 0 0 auto auto !important;
  width: min(420px, calc(100vw - 1rem)) !important;
  max-width: calc(100vw - 1rem) !important;
  max-height: min(74dvh, 640px) !important;
  margin: 0 !important;
  display: flex !important;
  overflow: hidden !important;
  z-index: 1201 !important;
  pointer-events: auto;
}
body.app-redesign .floating-popover-header  { padding: .55rem .72rem !important; }
body.app-redesign .floating-popover-title  { font-size: 1rem !important; }
body.app-redesign .btn-clear-cart-mini  { padding: .2rem .45rem !important; font-size: .7rem !important; }
body.app-redesign .btn-close-popover  { padding: .15rem .3rem !important; font-size: 1rem !important; }
body.app-redesign .mini-mode-selector  { padding: .35rem .72rem !important; }
body.app-redesign .cart-mode-btn-group  { gap: .25rem !important; }
body.app-redesign .floating-cart-popover .cart-mode-btn  { padding: .3rem .62rem !important; font-size: .7rem !important; }
body.app-redesign .floating-cart-items-list  {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: 290px !important;
  padding: .55rem .72rem !important;
  gap: .35rem !important;
  overflow-y: auto !important;
}
body.app-redesign .floating-cart-popover .cart-item  {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center;
  gap: .35rem !important;
  padding: .45rem .55rem !important;
}
body.app-redesign .floating-cart-popover .cart-item-name  { font-size: .8rem !important; }
body.app-redesign .floating-cart-popover .cart-item-type  { font-size: .64rem !important; }
body.app-redesign .floating-cart-popover .cart-item-controls  { gap: .18rem !important; }
body.app-redesign .floating-cart-popover .btn-qty  { width: 22px !important; height: 22px !important; font-size: .75rem !important; }
body.app-redesign .floating-cart-popover .item-qty-number  { min-width: 18px !important; font-size: .82rem !important; }
body.app-redesign .floating-cart-popover .cart-item-price  { font-size: .82rem !important; white-space: nowrap !important; }
body.app-redesign .floating-popover-footer  { padding: .6rem .72rem !important; }
body.app-redesign .floating-footer-total-row  { margin-bottom: .5rem !important; gap: .45rem !important; }
body.app-redesign .floating-footer-total-row .lbl-total  { font-size: .72rem !important; }
body.app-redesign .floating-footer-total-row .total-amount  { font-size: 1.45rem !important; line-height: 1.05 !important; white-space: nowrap; }
body.app-redesign .floating-popover-footer .btn-checkout  { min-height: 42px !important; padding: .55rem .7rem !important; font-size: .82rem !important; line-height: 1.15 !important; }
@media (max-width: 620px) {
  body.app-redesign .floating-cart-popover.active  { width: min(420px, calc(100vw - 1rem)) !important; max-width: calc(100vw - 1rem) !important; max-height: min(82dvh, 600px) !important; }
  body.app-redesign .floating-cart-items-list  { max-height: 250px !important; padding: .45rem .62rem !important; gap: .3rem !important; }
  body.app-redesign .floating-cart-popover .cart-item  { gap: .25rem !important; padding: .38rem .45rem !important; }
  body.app-redesign .floating-cart-popover .cart-item-name,
  body.app-redesign .floating-cart-popover .cart-item-price  { font-size: .76rem !important; }
  body.app-redesign .floating-popover-footer  { padding: .5rem .62rem !important; }
  body.app-redesign .floating-footer-total-row  { margin-bottom: .4rem !important; }
  body.app-redesign .floating-footer-total-row .total-amount  { font-size: 1.3rem !important; }
}

/* En celular la factura se ancla al viewport para que ningún contenedor la
   recorte; 390x844 queda cubierta con una sola capa cómoda y visible. */
@media (max-width: 480px) {
  body.app-redesign .accounts-master-header:has(.floating-cart-popover.active)  {
    position: relative !important;
    z-index: 1200 !important;
  }
  body.app-redesign .floating-cart-popover.active  {
    position: fixed !important;
    top: .5rem !important;
    right: .5rem !important;
    bottom: auto !important;
    left: .5rem !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - 1rem) !important;
    margin: 0 !important;
    border-radius: 14px !important;
  }
  body.app-redesign .floating-cart-items-list  {
    max-height: 250px !important;
    overflow-y: visible !important;
  }
}


body.app-redesign .accounts-actions-zone:has(.floating-cart-popover.active)  {
  z-index: 1202 !important;
}
body.app-redesign .floating-cart-wrapper--account-anchor .floating-cart-popover.active  {
  position: fixed !important;
  top: var(--floating-cart-anchor-top, 8px) !important;
  left: var(--floating-cart-anchor-left, 8px) !important;
  right: auto !important;
  width: min(420px, calc(100vw - 1rem)) !important;
  max-width: calc(100vw - 1rem) !important;
  margin: 0 !important;
  z-index: 1203 !important;
}
body.app-redesign .floating-cart-wrapper--account-anchor.floating-cart-wrapper--align-right .floating-cart-popover.active  {
  left: auto !important;
  right: var(--floating-cart-anchor-right, 8px) !important;
}


body.app-redesign .floating-cart-wrapper--account-anchor .floating-cart-popover.active  {
  width: min(440px, calc(100vw - .75rem)) !important;
  max-width: calc(100vw - .75rem) !important;
  max-height: min(92dvh, var(--floating-cart-available-height, 640px)) !important;
}
body.app-redesign .floating-cart-wrapper--account-anchor .floating-cart-items-list  {
  max-height: 360px !important;
  padding: .7rem .78rem !important;
  gap: .5rem !important;
}
body.app-redesign .floating-cart-wrapper--account-anchor .cart-item  {
  min-height: 3.15rem;
  padding: .52rem .62rem !important;
  gap: .45rem !important;
}
@media (max-width: 480px) {
  body.app-redesign .floating-cart-wrapper--account-anchor .floating-cart-popover.active  {
    width: calc(100vw - .75rem) !important;
    max-width: calc(100vw - .75rem) !important;
    max-height: min(92dvh, 760px) !important;
  }
  body.app-redesign .floating-cart-wrapper--account-anchor .floating-cart-items-list  {
    max-height: min(46dvh, 360px) !important;
    padding: .65rem .7rem !important;
    gap: .48rem !important;
  }
  body.app-redesign .floating-cart-wrapper--account-anchor .cart-item  {
    min-height: 3rem;
    padding: .5rem .58rem !important;
  }
}


body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll  {
  display: flex !important;
  align-items: stretch;
  justify-content: flex-start;
  gap: .65rem;
  overflow: visible !important;
  padding: .25rem 0 .45rem;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip  {
  flex: 0 0 220px !important;
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  min-height: 112px !important;
  height: 112px !important;
  box-sizing: border-box;
}
@media (max-width: 600px) {
  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll  {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
  }
  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip  {
    flex-basis: 202px !important;
    width: 202px !important;
    min-width: 202px !important;
    max-width: 202px !important;
    min-height: 96px !important;
    height: 96px !important;
  }
}


body.app-redesign .accounts-summary-filter-wrap  {
  display: inline-flex !important;
  align-items: center;
  gap: .42rem;
  min-width: 0;
}
body.app-redesign .accounts-summary-filter-wrap .btn-recent-orders  {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  color: #f3b65d;
  font-size: .9rem;
  line-height: 1;
  box-shadow: none !important;
}
body.app-redesign .accounts-summary-filter-wrap .btn-recent-orders:hover,
body.app-redesign .accounts-summary-filter-wrap .btn-recent-orders:focus-visible  {
  border: 0 !important;
  background: transparent !important;
  color: #ffd58c;
  outline: none;
  transform: translateY(-1px);
}


body.app-redesign #checkoutModal .abono-modal-card  {
  max-height: min(94dvh, 760px) !important;
  overflow: hidden !important;
}
body.app-redesign #checkoutModal .abono-modal-body  {
  min-height: 0;
  overflow-y: auto;
}
@media (max-width: 480px) {
  body.app-redesign .accounts-summary-filter-wrap  {
    width: 100%;
    justify-content: flex-start;
  }
}


body.app-redesign .hist-date-actions  {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: .4rem;
  flex: 0 0 auto;
}
body.app-redesign .hist-clear-day-btn  {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  min-height: 32px;
  padding: .35rem .55rem;
  border: 1px solid rgba(239, 68, 68, .5);
  border-radius: 9px;
  background: rgba(239, 68, 68, .1);
  color: #fca5a5;
  font: inherit;
  font-size: .7rem;
  font-weight: 850;
  cursor: pointer;
  white-space: nowrap;
}
body.app-redesign .hist-clear-day-btn:hover,
body.app-redesign .hist-clear-day-btn:focus-visible  {
  border-color: #f87171;
  background: rgba(239, 68, 68, .18);
  color: #fecaca;
  outline: none;
}
body.app-redesign .hist-delete-day-card  {
  width: min(92vw, 430px) !important;
  max-width: 430px !important;
  overflow: hidden;
}
body.app-redesign .hist-delete-day-header  {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid rgba(239, 68, 68, .25);
  background: rgba(239, 68, 68, .08);
}
body.app-redesign .hist-delete-day-eyebrow  {
  display: block;
  margin-bottom: .15rem;
  color: #fca5a5;
  font-size: .68rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .05em;
}
body.app-redesign .hist-delete-day-header h2  {
  margin: 0;
  color: #fee2e2;
  font-size: 1.1rem;
}
body.app-redesign .hist-delete-day-body  {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  padding: 1rem 1.1rem;
}
body.app-redesign .hist-delete-day-body p,
body.app-redesign .hist-delete-day-body small  {
  margin: 0;
  color: var(--text-muted);
  font-size: .8rem;
  line-height: 1.4;
}
body.app-redesign .hist-delete-day-preview  {
  display: grid;
  gap: .45rem;
  padding: .7rem .8rem;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  background: var(--bg-card-elevated);
}
body.app-redesign .hist-delete-day-stat  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  color: var(--text-muted);
  font-size: .78rem;
}
body.app-redesign .hist-delete-day-stat strong  { color: var(--text-main); }
body.app-redesign .hist-delete-day-footer  {
  display: flex;
  gap: .6rem;
  padding: .85rem 1.1rem;
  background: var(--bg-card);
}
body.app-redesign .hist-delete-day-footer > button  { flex: 1; }
body.app-redesign .hist-delete-day-action  {
  padding: .7rem .8rem;
  border: 1px solid #ef4444;
  border-radius: 9px;
  background: #b91c1c;
  color: #fff;
  font: inherit;
  font-weight: 850;
  cursor: pointer;
}
body.app-redesign .hist-delete-day-action:hover,
body.app-redesign .hist-delete-day-action:focus-visible  {
  background: #dc2626;
  outline: none;
}
@media (max-width: 560px) {
  body.app-redesign .hist-date-bar  { align-items: stretch; flex-direction: column; }
  body.app-redesign .hist-date-actions  { justify-content: space-between; }
}

body.app-redesign .hist-date-quick-wrap  {
  display: flex;
  align-items: center;
  gap: .55rem;
  min-width: 0;
  flex: 1 1 auto;
  padding: .35rem;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  background: var(--bg-card);
}
body.app-redesign .hist-date-quick-label  {
  flex: 0 0 auto;
  color: var(--text-muted);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
}
body.app-redesign .hist-date-quick-wrap .hist-date-chips-scroll  {
  min-width: 0;
  flex: 1 1 auto;
  padding: .05rem;
}
body.app-redesign .hist-date-quick-wrap .hist-date-pill  {
  flex: 0 0 auto;
  min-height: 2rem;
}
body.app-redesign .hist-datepicker-wrap  {
  gap: .35rem;
  padding: .35rem .45rem;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  background: var(--bg-card);
  cursor: pointer;
}
body.app-redesign .hist-calendar-label  {
  color: var(--text-muted);
  font-size: .62rem;
  font-weight: 900;
  white-space: nowrap;
}
body.app-redesign .hist-datepicker-wrap .hist-date-native-input  {
  min-width: 9.2rem;
  border: 0;
  padding-left: 1.8rem;
  background: transparent;
}
@media (max-width: 700px) {
  body.app-redesign .hist-date-bar  { gap: .55rem; }
  body.app-redesign .hist-date-quick-wrap  { width: 100%; }
  body.app-redesign .hist-date-actions  { width: 100%; justify-content: stretch; }
  body.app-redesign .hist-datepicker-wrap  { flex: 1 1 auto; justify-content: space-between; }
  body.app-redesign .hist-datepicker-wrap .hist-date-native-input  { min-width: 0; flex: 1 1 auto; }
}


body.app-redesign .accounts-title-area  {
  display: flex;
  align-items: center;
  gap: .55rem;
  width: 100%;
}

body.app-redesign .accounts-title-left  {
  flex: 1 1 auto;
  min-width: 0;
}

body.app-redesign .btn-new-account-inline  {
  display: inline-flex !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 0 !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: .25rem .55rem !important;
  border: 1px solid rgba(223, 91, 71, .75) !important;
  border-radius: 7px !important;
  background: linear-gradient(135deg, #df5b47, #bd4035) !important;
  color: #fff8f1 !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap;
  box-shadow: 0 3px 10px rgba(223, 91, 71, .18) !important;
}

body.app-redesign .btn-new-account-inline:hover  {
  background: linear-gradient(135deg, #ed6d58, #c94a3e) !important;
  box-shadow: 0 5px 13px rgba(223, 91, 71, .28) !important;
}

body.app-redesign .accounts-actions-zone  {
  display: none !important;
}

@media (max-width: 480px) {
  body.app-redesign .accounts-title-area  {
    align-items: flex-start;
  }

  body.app-redesign .accounts-title-left  {
    width: auto !important;
  }

  body.app-redesign .btn-new-account-inline  {
    margin-top: .05rem;
    font-size: .64rem !important;
    padding-inline: .45rem !important;
  }
}


body.app-redesign .history-view-switcher-bar,
body:not(.dark-mode).app-redesign .history-view-switcher-bar  {
  width: min(520px, 100%);
  max-width: 100%;
  margin-inline: auto;
  padding: 0;
  border: 0;
  background: transparent !important;
  box-shadow: none;
}

body.app-redesign .history-tabs-pills  {
  width: 100%;
}


body.app-redesign .history-tabs-pills  {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

body.app-redesign .hist-view-tab-btn  {
  min-width: 0;
  min-height: 2.65rem;
  padding-inline: .45rem;
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 420px) {
  body.app-redesign .history-tabs-pills  {
    grid-template-columns: 1fr;
  }

  body.app-redesign .hist-view-tab-btn  {
    min-height: 2.35rem;
    white-space: nowrap;
  }
}

/* En anchos intermedios la barra horizontal no alcanza para los chips y el
   calendario. Se apilan antes de que un botón quede oculto bajo el otro. */
@media (max-width: 900px) {
  body.app-redesign .hist-date-bar  {
    align-items: stretch;
    flex-direction: column;
    gap: .55rem;
  }

  body.app-redesign .hist-date-quick-wrap,
  body.app-redesign .hist-date-actions  {
    width: 100%;
  }

  body.app-redesign .hist-date-quick-wrap  {
    align-items: flex-start;
  }

  body.app-redesign .hist-date-quick-wrap .hist-date-chips-scroll  {
    align-items: center;
    flex-wrap: wrap;
    overflow: visible;
    row-gap: .3rem;
  }

  body.app-redesign .hist-date-actions  {
    justify-content: stretch;
  }

  body.app-redesign .hist-datepicker-wrap  {
    flex: 1 1 auto;
    justify-content: space-between;
  }

  body.app-redesign .hist-datepicker-wrap .hist-date-native-input  {
    min-width: 0;
    flex: 1 1 auto;
  }
}

html[data-auth-role="wachiman"] .nav-tabs .tab-btn:not([data-tab="inventory"]):not([data-tab="expenses"]):not([data-tab="history"])  { display: none !important; }
html[data-auth-role="wachiman"] .reports-write-action,
html[data-auth-role="wachiman"] .history-write-action,
html[data-auth-role="wachiman"] .profile-settings-action,
html[data-auth-role="wachiman"] #aiFloatingWidget,
html[data-auth-role="wachiman"] .header-orders-trigger  { display: none !important; }
html[data-auth-role="wachiman"] .top-shift-widget  { cursor: default; }
html[data-auth-preview-role="operator"] .nav-tabs .tab-btn:not([data-tab="pos"]):not([data-tab="inventory"])  { display: none !important; }
html[data-auth-role="wachiman"] .nav-tabs .tab-btn[data-tab="history"]  { order: 2; }
html[data-auth-role="wachiman"] .nav-tabs .tab-btn[data-tab="inventory"]  { order: 3; }
html[data-auth-role="wachiman"] .nav-tabs .tab-btn[data-tab="expenses"]  { order: 4; }


body.app-redesign .business-analytics-card  { margin-bottom: 1.2rem; padding: 1.2rem; border: 1px solid var(--border-color); border-radius: 18px; background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018)); box-shadow: 0 14px 35px rgba(0,0,0,.12); }
body.app-redesign .business-analytics-header  { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
body.app-redesign .business-analytics-header h2  { margin: .2rem 0 .15rem; font-size: 1.35rem; }
body.app-redesign .business-analytics-header p  { margin: 0; color: var(--text-muted); font-size: .82rem; }
body.app-redesign .business-analytics-eyebrow  { color: var(--text-gold); font-size: .68rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
body.app-redesign .analytics-period-control  { display: grid; gap: .3rem; min-width: 11rem; color: var(--text-muted); font-size: .7rem; font-weight: 800; }
body.app-redesign .analytics-period-control select  { min-height: 2.35rem; padding: .45rem .65rem; border: 1px solid var(--border-color); border-radius: 9px; background: var(--bg-card); color: var(--text-main); font: inherit; }
body.app-redesign .analytics-period-control > span, body.app-redesign .analytics-period-control > select  { display: none; }
body.app-redesign .analytics-period-control::before  { content: 'Datos mostrados'; display: block; color: var(--text-muted); font-size: .7rem; font-weight: 800; }
body.app-redesign .analytics-period-control::after  { content: 'Último turno'; display: block; min-height: 2.35rem; padding: .58rem .65rem; border: 1px solid var(--border-color); border-radius: 9px; background: var(--bg-card); color: var(--text-main); font-size: .78rem; font-weight: 800; }
body.app-redesign .analytics-kpi-grid  { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; margin-bottom: .9rem; }
body.app-redesign .analytics-kpi  { min-width: 0; padding: .8rem .9rem; border: 1px solid var(--border-color); border-radius: 12px; background: rgba(0,0,0,.12); }
body.app-redesign .analytics-kpi span  { display: block; overflow: hidden; color: var(--text-muted); font-size: .7rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
body.app-redesign .analytics-kpi strong  { display: block; overflow: hidden; margin-top: .25rem; color: var(--text-main); font-size: 1.08rem; text-overflow: ellipsis; white-space: nowrap; }
body.app-redesign .business-analytics-grid  { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
body.app-redesign .reports-chart-card  { min-width: 0; padding: .95rem; border: 1px solid var(--border-color); border-radius: 13px; background: rgba(0,0,0,.1); }
body.app-redesign .reports-chart-wide  { grid-column: span 2; }
body.app-redesign .reports-chart-heading  { display: flex; align-items: flex-start; justify-content: space-between; gap: .5rem; margin-bottom: .75rem; }
body.app-redesign .reports-chart-heading h3  { margin: 0 0 .2rem; font-size: .92rem; }
body.app-redesign .reports-chart-heading span:not(.reports-chart-legend-dot)  { color: var(--text-muted); font-size: .7rem; }
body.app-redesign .reports-chart-legend-dot  { width: .62rem; height: .62rem; flex: 0 0 auto; margin-top: .25rem; border-radius: 50%; background: var(--text-gold); box-shadow: 0 0 0 4px rgba(249,115,22,.12); }
body.app-redesign .reports-chart-legend-dot.hours  { background: #60a5fa; box-shadow: 0 0 0 4px rgba(96,165,250,.12); }
body.app-redesign .reports-chart-legend-dot.products  { background: #4ade80; box-shadow: 0 0 0 4px rgba(74,222,128,.12); }
body.app-redesign .reports-chart-legend-dot.low  { background: #c084fc; box-shadow: 0 0 0 4px rgba(192,132,252,.12); }
body.app-redesign .reports-chart-legend-dot.stock  { background: #facc15; box-shadow: 0 0 0 4px rgba(250,204,21,.12); }
body.app-redesign .reports-chart  { min-height: 10rem; }
body.app-redesign .reports-bar-chart  { display: flex; align-items: stretch; gap: .35rem; overflow-x: auto; padding: .25rem 0 0; }
body.app-redesign .reports-bar-column  { display: flex; min-width: 2.25rem; flex: 1 0 2.25rem; flex-direction: column; align-items: center; justify-content: flex-end; gap: .25rem; color: var(--text-muted); font-size: .6rem; }
body.app-redesign .reports-bar-column > span  { max-width: 3.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.app-redesign .reports-bar-value  { min-height: .8rem; color: var(--text-muted); font-size: .55rem; white-space: nowrap; }
body.app-redesign .reports-bar-track  { display: flex; width: 100%; height: 7.2rem; align-items: flex-end; border-radius: 6px 6px 3px 3px; background: rgba(255,255,255,.045); }
body.app-redesign .reports-bar-fill  { width: 100%; min-height: 2px; border-radius: 6px 6px 3px 3px; background: linear-gradient(180deg, #fb923c, #dc2626); }
body.app-redesign .reports-hour-chart  { display: flex; align-items: stretch; gap: .13rem; padding-top: .25rem; }
body.app-redesign .reports-hour-column  { display: flex; min-width: 0; flex: 1 1 0; flex-direction: column; align-items: center; justify-content: flex-end; gap: .28rem; color: var(--text-muted); font-size: .58rem; }
body.app-redesign .reports-hour-track  { display: flex; width: 100%; height: 7.2rem; align-items: flex-end; border-radius: 4px 4px 2px 2px; background: rgba(255,255,255,.04); }
body.app-redesign .reports-hour-fill  { width: 100%; min-height: 2px; border-radius: 4px 4px 2px 2px; background: linear-gradient(180deg, #93c5fd, #2563eb); }
body.app-redesign .reports-product-chart, body.app-redesign .reports-low-products  { display: grid; gap: .72rem; min-height: 10rem; align-content: start; }
body.app-redesign .reports-product-row  { display: grid; gap: .3rem; }
body.app-redesign .reports-product-label  { display: flex; justify-content: space-between; gap: .5rem; color: var(--text-muted); font-size: .7rem; }
body.app-redesign .reports-product-label strong  { overflow: hidden; color: var(--text-main); font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
body.app-redesign .reports-product-track  { height: .48rem; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.06); }
body.app-redesign .reports-product-fill  { height: 100%; min-width: .25rem; border-radius: inherit; background: linear-gradient(90deg, #4ade80, #16a34a); }
body.app-redesign .reports-stock-list  { display: grid; gap: .1rem; min-height: 10rem; align-content: start; }
body.app-redesign .reports-stock-row  { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .45rem 0; border-bottom: 1px solid rgba(255,255,255,.07); }
body.app-redesign .reports-stock-row:last-child  { border-bottom: 0; }
body.app-redesign .reports-stock-row-main  { min-width: 0; display: grid; gap: .16rem; }
body.app-redesign .reports-stock-row-main strong  { overflow: hidden; color: var(--text-main); font-size: .74rem; text-overflow: ellipsis; white-space: nowrap; }
body.app-redesign .reports-stock-row-main span  { color: var(--text-muted); font-size: .64rem; }
body.app-redesign .reports-stock-remaining  { flex: 0 0 auto; display: grid; justify-items: end; }
body.app-redesign .reports-stock-remaining strong  { color: #facc15; font-size: .9rem; }
body.app-redesign .reports-stock-remaining span  { color: var(--text-muted); font-size: .61rem; white-space: nowrap; }
body.app-redesign .reports-stock-row.is-low .reports-stock-remaining strong  { color: #fb923c; }
body.app-redesign .reports-stock-row.is-empty .reports-stock-remaining strong  { color: #f87171; }
body.app-redesign .reports-low-row  { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding-bottom: .55rem; border-bottom: 1px solid rgba(255,255,255,.07); color: var(--text-main); font-size: .76rem; }
body.app-redesign .reports-low-row:last-child  { border-bottom: 0; }
body.app-redesign .reports-low-row span  { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.app-redesign .reports-low-row strong  { flex: 0 0 auto; color: #c084fc; font-size: .72rem; }
body.app-redesign .analytics-empty  { display: grid; min-height: 8rem; place-items: center; color: var(--text-muted); font-size: .76rem; text-align: center; }


body.app-redesign .reports-live-status  { margin: 0 0 1rem; padding: 1rem; border: 1px solid rgba(96,165,250,.28); border-radius: 15px; background: linear-gradient(135deg, rgba(37,99,235,.13), rgba(0,0,0,.12)); }
body.app-redesign .reports-live-status.is-open  { border-color: rgba(74,222,128,.32); background: linear-gradient(135deg, rgba(22,163,74,.13), rgba(0,0,0,.12)); }
body.app-redesign .reports-live-status.is-quiet  { border-color: var(--border-color); background: rgba(0,0,0,.1); }
body.app-redesign .reports-live-status-heading  { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
body.app-redesign .reports-live-status-heading h3  { margin: .2rem 0 .15rem; font-size: 1.05rem; }
body.app-redesign .reports-live-status-heading p  { margin: 0; color: var(--text-muted); font-size: .75rem; }
body.app-redesign .reports-shift-report-button  { display: inline-flex; align-items: center; gap: .45rem; min-height: 2.3rem; padding: .55rem .75rem; border: 1px solid rgba(249,115,22,.48); border-radius: 9px; background: rgba(249,115,22,.12); color: var(--text-gold); cursor: pointer; font: inherit; font-size: .72rem; font-weight: 850; white-space: nowrap; }
body.app-redesign .reports-shift-report-button:hover  { background: rgba(249,115,22,.2); }
body.app-redesign .reports-active-orders-grid  { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: .55rem; margin-top: .8rem; }
body.app-redesign .reports-active-order-card  { padding: .7rem .75rem; border: 1px solid rgba(96,165,250,.28); border-radius: 11px; background: rgba(0,0,0,.16); }
body.app-redesign .reports-active-order-card.reports-active-order-ready  { border-color: rgba(74,222,128,.42); }
body.app-redesign .reports-active-order-card.reports-active-order-payment  { border-color: rgba(249,115,22,.5); }
body.app-redesign .reports-active-order-top, body.app-redesign .reports-active-order-bottom  { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
body.app-redesign .reports-active-order-top strong  { overflow: hidden; color: var(--text-main); font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
body.app-redesign .reports-active-order-top span  { flex: 0 0 auto; color: #93c5fd; font-size: .66rem; font-weight: 800; }
body.app-redesign .reports-active-order-bottom  { margin-top: .45rem; color: var(--text-muted); font-size: .68rem; }
body.app-redesign .reports-active-order-bottom strong  { color: var(--text-gold); font-size: .8rem; }
body.app-redesign .reports-active-orders-empty  { display: flex; align-items: center; gap: .6rem; margin-top: .75rem; padding: .75rem; border: 1px dashed rgba(148,163,184,.28); border-radius: 10px; color: var(--text-muted); }
body.app-redesign .reports-active-orders-empty > span  { display: grid; width: 1.55rem; height: 1.55rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: rgba(74,222,128,.16); color: #4ade80; font-weight: 900; }
body.app-redesign .reports-active-orders-empty strong  { display: block; color: var(--text-main); font-size: .76rem; }
body.app-redesign .reports-active-orders-empty p  { margin: .15rem 0 0; font-size: .68rem; }
body.app-redesign .reports-manager-brief  { margin: 0 0 1rem; padding: .8rem .9rem; border: 1px solid rgba(192,132,252,.32); border-radius: 14px; background: linear-gradient(135deg, rgba(126,34,206,.14), rgba(0,0,0,.12)); }
body.app-redesign .reports-manager-brief-heading  { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
body.app-redesign .reports-manager-brief-heading h3  { margin: .2rem 0 .15rem; font-size: .95rem; }
body.app-redesign .reports-manager-brief-heading p  { margin: 0; color: var(--text-muted); font-size: .75rem; }
body.app-redesign .reports-manager-brief-refresh  { flex: 0 0 auto; min-height: 2rem; padding: .42rem .7rem; border: 1px solid rgba(192,132,252,.48); border-radius: 9px; background: rgba(192,132,252,.12); color: #d8b4fe; cursor: pointer; font: inherit; font-size: .7rem; font-weight: 850; }
body.app-redesign .reports-manager-brief-refresh:hover  { background: rgba(192,132,252,.2); }
body.app-redesign .reports-manager-brief-kpis  { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45rem; margin-top: .7rem; }
body.app-redesign .reports-manager-brief-kpi  { min-width: 0; padding: .48rem .58rem; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(0,0,0,.15); }
body.app-redesign .reports-manager-brief-kpi span  { display: block; overflow: hidden; color: var(--text-muted); font-size: .62rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
body.app-redesign .reports-manager-brief-kpi strong  { display: block; margin-top: .12rem; overflow: hidden; color: var(--text-main); font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
body.app-redesign .reports-manager-brief-message  { margin-top: .6rem; padding: .65rem .75rem; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(0,0,0,.16); color: var(--text-main); font-size: .75rem; line-height: 1.42; }
body.app-redesign .last-shift-report-modal-card  { width: min(760px, 95vw); max-height: 90vh; }
body.app-redesign .last-shift-report-subtitle  { margin: .2rem 0 0; color: var(--text-muted); font-size: .76rem; }
body.app-redesign .last-shift-report-body  { display: grid; gap: .8rem; max-height: 70vh; overflow: auto; padding: 1rem; }
body.app-redesign .last-shift-report-kpis  { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; }
body.app-redesign .last-shift-report-kpis > div, body.app-redesign .last-shift-wait-grid > div  { padding: .7rem; border: 1px solid var(--border-color); border-radius: 10px; background: rgba(0,0,0,.13); }
body.app-redesign .last-shift-report-kpis span, body.app-redesign .last-shift-wait-grid span  { display: block; color: var(--text-muted); font-size: .65rem; }
body.app-redesign .last-shift-report-kpis strong, body.app-redesign .last-shift-wait-grid strong  { display: block; margin-top: .25rem; color: var(--text-main); font-size: .95rem; }
body.app-redesign .last-shift-report-columns  { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
body.app-redesign .last-shift-report-section  { padding: .85rem; border: 1px solid var(--border-color); border-radius: 12px; background: rgba(0,0,0,.1); }
body.app-redesign .last-shift-report-section-heading  { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; margin-bottom: .6rem; }
body.app-redesign .last-shift-report-section-heading h3  { margin: 0; font-size: .86rem; }
body.app-redesign .last-shift-report-section-heading span  { color: var(--text-muted); font-size: .65rem; }
body.app-redesign .last-shift-report-row  { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .42rem 0; border-bottom: 1px solid rgba(255,255,255,.06); font-size: .73rem; }
body.app-redesign .last-shift-report-row:last-child  { border-bottom: 0; }
body.app-redesign .last-shift-report-row strong  { color: #4ade80; }
body.app-redesign .last-shift-report-row.is-muted  { color: var(--text-muted); }
body.app-redesign .last-shift-report-row.is-muted strong  { color: #c084fc; }
body.app-redesign .last-shift-report-empty, body.app-redesign .last-shift-report-note  { color: var(--text-muted); font-size: .72rem; }
body.app-redesign .last-shift-timeline-list  { display: grid; gap: .35rem; max-height: 12rem; overflow: auto; }
body.app-redesign .last-shift-timeline-row  { display: grid; grid-template-columns: 3.3rem 1fr auto; align-items: center; gap: .5rem; padding: .42rem .5rem; border-radius: 7px; background: rgba(255,255,255,.035); color: var(--text-muted); font-size: .7rem; }
body.app-redesign .last-shift-timeline-row strong  { color: var(--text-gold); white-space: nowrap; }
body.app-redesign .last-shift-timeline-time  { color: #93c5fd; font-weight: 850; }
body.app-redesign .last-shift-wait-grid  { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
body.app-redesign .last-shift-report-note  { margin: .55rem 0 0; }
body.app-redesign .last-shift-report-footer  { justify-content: flex-end; gap: .55rem; }
@media (max-width: 760px) {
  body.app-redesign .business-analytics-header  { flex-direction: column; }
  body.app-redesign .analytics-period-control  { width: 100%; }
  body.app-redesign .analytics-kpi-grid  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.app-redesign .business-analytics-grid  { grid-template-columns: 1fr; }
  body.app-redesign .reports-chart-wide  { grid-column: auto; }
  body.app-redesign .reports-live-status-heading  { flex-direction: column; }
  body.app-redesign .reports-shift-report-button  { width: 100%; justify-content: center; }
  body.app-redesign .reports-manager-brief-heading  { flex-direction: column; }
  body.app-redesign .reports-manager-brief-refresh  { width: 100%; }
  body.app-redesign .reports-manager-brief-kpis  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.app-redesign .last-shift-report-kpis  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.app-redesign .last-shift-report-columns  { grid-template-columns: 1fr; }
  body.app-redesign .last-shift-timeline-row  { grid-template-columns: 3rem 1fr; }
  body.app-redesign .last-shift-timeline-row strong  { grid-column: 2; }
}

body.app-redesign .settings-tabs  {
  display: flex;
  gap: .45rem;
  flex-wrap: wrap;
  margin: 0 0 1rem;
  padding: .35rem;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  background: var(--bg-card);
}
body.app-redesign .settings-tab-btn  {
  flex: 1 1 10rem;
  min-height: 44px;
  padding: .55rem .8rem;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  font-size: .78rem;
  font-weight: 850;
  cursor: pointer;
}
body.app-redesign .settings-tab-btn:hover,
body.app-redesign .settings-tab-btn.active  {
  border-color: rgba(223, 91, 71, .6);
  background: rgba(223, 91, 71, .15);
  color: var(--text-main);
}
body.app-redesign .settings-tab-btn[hidden]  { display: none !important; }
body.app-redesign [data-settings-panel][hidden]  { display: none !important; }
html[data-auth-role="operator"] .settings-users-tab,
html[data-auth-role="wachiman"] .settings-users-tab  { display: none !important; }


body.app-redesign .hist-date-quick-wrap  {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.app-redesign .hist-date-quick-wrap .hist-date-chips-scroll  {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  gap: .45rem;
  min-width: 0 !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

body.app-redesign .hist-date-quick-wrap .hist-date-pill  {
  flex: 0 0 auto;
  min-width: max-content;
}

body.app-redesign .hist-date-actions  {
  flex: 0 0 auto;
  min-width: 0;
}


body.app-redesign .hist-date-actions  {
  position: relative;
}

body.app-redesign .hist-calendar-trigger  {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  min-height: 2.45rem;
  padding: .45rem .75rem;
  border: 1px solid #cbd6df;
  border-radius: 10px;
  background: #f1f4f6;
  color: #344451;
  font: inherit;
  font-size: .74rem;
  font-weight: 850;
  cursor: pointer;
}

body.app-redesign .hist-calendar-trigger:hover,
body.app-redesign .hist-calendar-trigger.active  {
  border-color: #df8b7a;
  background: #fff0eb;
  color: #a93629;
}

body.app-redesign #historyCalendarPicker  {
  position: relative;
  flex: 0 0 0;
  width: 0;
  align-self: stretch;
  z-index: 30;
}

body.app-redesign .hist-calendar-popover  {
  position: absolute;
  top: calc(100% + .45rem);
  right: 0;
  width: min(20rem, calc(100vw - 1.5rem));
  padding: .8rem;
  border: 1px solid #cbd6df;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 16px 34px rgba(31, 45, 61, .2);
  color: #273746;
}

body.app-redesign .hist-calendar-popover[hidden]  { display: none !important; }
body.app-redesign .hist-calendar-head,
body.app-redesign .hist-calendar-legend  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
}
body.app-redesign .hist-calendar-head strong  {
  flex: 1;
  text-align: center;
  font-size: .82rem;
}
body.app-redesign .hist-calendar-nav  {
  width: 2rem;
  height: 2rem;
  border: 1px solid #d8e0e7;
  border-radius: 8px;
  background: #f5f7f9;
  color: #344451;
  font: inherit;
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
}
body.app-redesign .hist-calendar-nav:hover  { background: #fff0eb; border-color: #df8b7a; color: #a93629; }
body.app-redesign .hist-calendar-weekdays,
body.app-redesign .hist-calendar-grid  {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: .25rem;
}
body.app-redesign .hist-calendar-weekdays  {
  margin: .7rem 0 .3rem;
  color: #7b8995;
  font-size: .62rem;
  font-weight: 900;
  text-align: center;
}
body.app-redesign .hist-calendar-day  {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 2rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #344451;
  font: inherit;
  font-size: .72rem;
  font-weight: 800;
  cursor: pointer;
}
body.app-redesign button.hist-calendar-day:hover,
body.app-redesign button.hist-calendar-day.active  {
  border-color: #df8b7a;
  background: #fff0eb;
  color: #a93629;
}
body.app-redesign .hist-calendar-day.has-activity::after  {
  content: '';
  position: absolute;
  bottom: .22rem;
  width: .25rem;
  height: .25rem;
  border-radius: 50%;
  background: #e09a37;
}
body.app-redesign .hist-calendar-day.is-future  { color: #b9c2ca; cursor: not-allowed; }
body.app-redesign .hist-calendar-day.is-empty  { pointer-events: none; }
body.app-redesign .hist-calendar-legend  {
  margin-top: .7rem;
  color: #7b8995;
  font-size: .59rem;
}
body.app-redesign .hist-calendar-legend span:first-child  { display: inline-flex; align-items: center; gap: .25rem; }
body.app-redesign .hist-calendar-legend i  {
  width: .35rem;
  height: .35rem;
  border-radius: 50%;
  background: #e09a37;
}

body.orders-popover-open.app-redesign .app-header-wrapper  {
  z-index: 4000 !important;
  overflow: visible !important;
}

body.orders-popover-open.app-redesign .top-bar  {
  position: relative;
  z-index: 4001 !important;
}

body.orders-popover-open.app-redesign .header-orders-popover  {
  z-index: 4005 !important;
}

body.profile-menu-open.app-redesign .auth-user-control  {
  position: relative;
  z-index: 4004 !important;
}

body.profile-menu-open.app-redesign .profile-menu  {
  z-index: 4005 !important;
}


body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll  {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: .55rem .15rem .45rem;
  scrollbar-width: none;
}

body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll::-webkit-scrollbar  {
  display: none;
}

/* En teléfonos muy estrechos una tarjeta fija de 202px se corta. Se reduce
   solo cuando hace falta; en tamaños normales conserva el carril desplazable. */
@media (max-width: 420px) {
  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip  {
    flex-basis: min(202px, calc(100vw - 2rem)) !important;
    width: min(202px, calc(100vw - 2rem)) !important;
    min-width: min(202px, calc(100vw - 2rem)) !important;
    max-width: min(202px, calc(100vw - 2rem)) !important;
  }
}

/* En tablet y móvil ancho, tres tarjetas deben caber completas en la fila. */
@media (min-width: 421px) and (max-width: 900px) {
  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip  {
    flex-basis: min(220px, calc((100% - 1.3rem) / 3)) !important;
    width: min(220px, calc((100% - 1.3rem) / 3)) !important;
    min-width: min(220px, calc((100% - 1.3rem) / 3)) !important;
    max-width: min(220px, calc((100% - 1.3rem) / 3)) !important;
  }
}

/* Tarjetas compactas: solo dejan el espacio necesario para la información
   visible, sin huecos verticales alrededor de los textos. */
@media (max-width: 900px) {
  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip  {
    min-height: 72px !important;
    height: 72px !important;
    padding: .3rem .6rem !important;
    gap: .08rem !important;
  }

  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-main,
  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-footer  {
    min-height: 0;
  }

  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-title  {
    font-size: .78rem;
  }

  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-total  {
    font-size: .88rem;
  }

  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-count  {
    font-size: .64rem;
  }

  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-main  {
    position: static;
    align-items: flex-start;
    padding-right: 1.25rem;
  }

  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-header-tags  {
    flex-wrap: wrap;
    align-content: flex-start;
    row-gap: .18rem;
    overflow: visible;
  }

  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-order-clock  {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    max-width: 100%;
    margin-left: auto;
    padding: 0;
    font-size: .56rem;
  }

  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-new-badge  {
    position: absolute;
    top: .2rem;
    right: 1.8rem;
    margin-top: 0;
    z-index: 2;
  }

  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-order-clock small,
  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-total,
  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-count  {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .btn-chip-close  {
    top: 3px;
    right: 3px;
    width: 18px;
    height: 18px;
    font-size: .7rem;
  }
}

/* El selector de fecha debe conservar un ancho corto en pantallas pequeñas.
   Antes heredaba flex: 1 y se estiraba por toda la barra. */
@media (max-width: 700px) {
  body.app-redesign .hist-date-actions  {
    width: auto;
    align-self: center;
    justify-content: flex-start;
  }

  body.app-redesign .hist-datepicker-wrap  {
    flex: 0 0 auto;
    justify-content: flex-start;
    width: auto;
    max-width: 100%;
  }

  body.app-redesign .hist-datepicker-wrap .hist-date-native-input  {
    flex: 0 0 auto;
    width: 10.75rem;
    min-width: 0;
  }
}


body.app-redesign .history-view-switcher-bar,
body:not(.dark-mode).app-redesign .history-view-switcher-bar  {
  width: min(520px, 100%);
  max-width: 100%;
  margin-inline: auto;
  padding: 0;
  border: 0;
  background: transparent !important;
  box-shadow: none;
}

body.app-redesign .history-tabs-pills  {
  width: 100%;
}


body.app-redesign .account-action-card  {
  width: min(96vw, 980px) !important;
  max-width: 980px !important;
  max-height: min(92dvh, 52rem) !important;
}
body.app-redesign .account-action-body  {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .9fr);
  gap: 1rem;
  padding: 1rem;
  overflow: hidden;
}
body.app-redesign .account-action-selector-column,
body.app-redesign .account-action-cart-column  {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
body.app-redesign .account-action-selector-column  {
  padding: .85rem;
  border: 1px solid #343d45;
  border-radius: 14px;
  background: #191e23;
  overflow: hidden;
}
body.app-redesign .account-action-column-title  { color: #f7f3ec; font-size: 1rem; }
body.app-redesign .account-action-product-categories  { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; margin: .7rem 0; }
body.app-redesign .account-action-product-category  { justify-content: center; min-height: 2.8rem; font-size: .9rem; }
body.app-redesign .account-action-product-picker  {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  gap: .6rem;
  overflow: auto;
}
body.app-redesign .account-action-product-picker .account-action-picker-heading  {
  position: static;
  top: auto;
  z-index: auto;
  flex: 0 0 auto;
  min-width: 0;
  margin: 0;
  padding: .45rem 0;
  transform: none;
  background: #191e23;
}
body.app-redesign .account-action-product-picker .account-action-picker-heading > button  { display: none; }
body.app-redesign .account-action-product-picker .pos-sales-quick-products  {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  max-height: none;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
}
body.app-redesign .account-action-product-picker .pos-sales-quick-product  {
  position: relative;
  display: block;
  min-height: 4.3rem;
  padding: 0;
  overflow: hidden;
  border: 1px solid #35404a;
  border-radius: 12px;
  background: #20262c;
}
body.app-redesign .account-action-product-picker .pos-sales-quick-product-main  {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-height: 4.3rem;
  padding: .5rem .7rem;
  text-align: left;
}
body.app-redesign .account-action-product-details  { display: grid; gap: .2rem; width: 100%; padding: 0; }
body.app-redesign .account-action-product-picker .pos-sales-quick-product-main b  { color: #f7f3ec; font-size: .82rem; line-height: 1.25; }
body.app-redesign .account-action-product-picker .pos-sales-quick-product-main small  { color: #f3b65d; font-size: .75rem; }
body.app-redesign .account-action-product-picker .pos-sales-quick-product.selected  { border-color: #f3b65d; box-shadow: 0 0 0 1px #f3b65d; }
body.app-redesign .account-action-product-picker .pos-sales-quick-qty  { position: absolute; right: .3rem; bottom: .3rem; z-index: 2; padding: .1rem .2rem; border-radius: 8px; background: #171b20; }
body.app-redesign .account-action-product-picker .pos-sales-quick-decrement  { width: 1.8rem; height: 1.8rem; border-radius: 50%; background: transparent; opacity: 1; }
body.app-redesign .account-action-cart-column  { padding: .85rem; border: 1px solid #343d45; border-radius: 14px; background: #191e23; }
body.app-redesign .account-action-summary  { margin: .55rem 0; }
body.app-redesign .account-action-items-list  { flex: 1 1 auto; min-height: 7rem; max-height: 36dvh; overflow-y: auto; }
body.app-redesign .account-action-takeout-controls  { flex: 0 0 auto; }
body.app-redesign .account-action-footer  { flex: 0 0 auto; margin-top: auto; padding-top: .75rem; }

  body.app-redesign .account-action-product-details  { padding: 0; }
  body.app-redesign .account-action-product-picker .pos-sales-quick-product-main b  { font-size: .72rem; }
}


body.app-redesign .account-action-items-list  {
  align-content: start;
  grid-auto-rows: max-content;
}
body.app-redesign .account-action-item  {
  align-self: start;
  box-sizing: border-box;
  min-height: 3rem;
}


body.app-redesign .account-action-product-picker .pos-sales-quick-product  {
  min-height: 4.1rem;
}
body.app-redesign .account-action-product-picker .pos-sales-quick-product-main  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  min-height: 4.1rem;
  padding: .5rem 3rem;
  cursor: default;
}
body.app-redesign .account-action-product-details  { min-width: 0; }
body.app-redesign .account-action-product-count  {
  flex: 0 0 auto;
  min-width: 1.5rem;
  color: #f3b65d;
  font-size: .82rem;
  font-weight: 800;
  text-align: center;
}
body.app-redesign .account-action-product-step  {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  padding: 0;
  border: 1px solid transparent;
  cursor: pointer;
  outline: none;
}
body.app-redesign .account-action-product-step--remove  {
  left: 0;
  border-left: 3px solid #ef5350;
  border-radius: 10px 0 0 10px;
}
body.app-redesign .account-action-product-step--add  {
  right: 0;
  border-right: 3px solid #36c982;
  border-radius: 0 10px 10px 0;
}
body.app-redesign .account-action-product-step--remove::after,
body.app-redesign .account-action-product-step--add::after  {
  color: #f7f3ec;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
}
body.app-redesign .account-action-product-step--remove::after  { content: "−"; }
body.app-redesign .account-action-product-step--add::after  { content: "+"; }
body.app-redesign .account-action-product-step--remove  { background: rgba(220, 68, 68, .12); }
body.app-redesign .account-action-product-step--add  { background: rgba(54, 177, 111, .12); }
body.app-redesign .account-action-product-picker .pos-sales-quick-product-main  {
  position: relative;
  z-index: 3;
  pointer-events: none;
}
body.app-redesign .account-action-product-step--remove:disabled  {
  cursor: not-allowed;
  opacity: .38;
}
body.app-redesign .account-action-product-picker .pos-sales-quick-product  {
  border: 1px solid transparent;
  border-color: transparent !important;
  border-radius: 12px;
  background:
    linear-gradient(var(--bg-card-elevated, #20262c), var(--bg-card-elevated, #20262c)) padding-box,
    conic-gradient(from 0deg,
      #d8ad66 0%, #d8ad66 14%, #c9a865 17%, #92a768 21%, #55a96b 25%, #92a768 29%, #c9a865 33%,
      #d8ad66 36%, #d8ad66 64%, #c99b60 67%, #d38159 71%, #df554d 75%, #d38159 79%, #c99b60 83%,
      #d8ad66 86%, #d8ad66 100%) border-box !important;
  box-shadow: none !important;
}
body.app-redesign .account-action-product-picker .pos-sales-quick-product::before  {
  position: absolute;
  z-index: 1;
  inset: 1px;
  border-radius: inherit;
  background: linear-gradient(90deg,
    rgba(220, 68, 68, .28) 0%, rgba(220, 68, 68, .12) 27%, transparent 50%,
    transparent 50%, rgba(54, 177, 111, .12) 73%, rgba(54, 177, 111, .28) 100%);
  content: "";
  pointer-events: none;
}
body.app-redesign .account-action-product-step--remove  { border-left-color: transparent; }
body.app-redesign .account-action-product-step--add  { border-right-color: transparent; }
body.app-redesign .account-action-footer  { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
body.app-redesign .account-action-generate-button  {
  min-height: 44px;
  border: 1px solid rgba(67, 201, 149, .5);
  border-radius: 9px;
  background: rgba(67, 201, 149, .12);
  color: #a7f3d0;
  font: inherit;
  font-size: .78rem;
  font-weight: 900;
  cursor: pointer;
}
body.app-redesign .account-action-generate-button:disabled  { cursor: not-allowed; opacity: .48; }
body.app-redesign .account-action-card  {
  max-height: min(86dvh, 52rem) !important;
}
body.app-redesign .account-action-body  {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
}
body.app-redesign .account-action-items-list  {
  flex: 1 1 0;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #65717b #20262c;
}
body.app-redesign .account-action-items-list::-webkit-scrollbar  { width: .45rem; }
body.app-redesign .account-action-items-list::-webkit-scrollbar-track  { border-radius: 1rem; background: #20262c; }
body.app-redesign .account-action-items-list::-webkit-scrollbar-thumb  { border: 1px solid #20262c; border-radius: 1rem; background: #65717b; }


/* En teléfonos, el selector y la cuenta se leen en una sola columna. */
@media (max-width: 720px) {
  body.app-redesign .account-action-card  {
    width: min(96vw, 980px) !important;
    max-height: calc(100dvh - 2rem) !important;
    box-sizing: border-box;
  }
  body.app-redesign .account-action-body  {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: max-content;
    align-content: start;
    flex: 1 1 auto;
    min-width: 0;
    gap: .75rem;
    padding: .75rem;
    overflow-x: clip;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  body.app-redesign .account-action-selector-column,
  body.app-redesign .account-action-cart-column  {
    min-width: 0;
    padding: .45rem 0;
  }
  body.app-redesign .account-action-selector-column  {
    min-height: max-content;
    flex: 0 0 auto;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  body.app-redesign .account-action-column-title { font-size: .9rem; }
  body.app-redesign .account-action-product-categories  { gap: .55rem; }
  body.app-redesign .account-action-product-category  {
    min-width: 0;
    min-height: 44px;
    justify-content: center;
    padding-inline: .45rem;
  }
  body.app-redesign .account-action-product-picker  { min-height: max-content; flex: 0 0 auto; overflow: visible; }
  body.app-redesign .account-action-product-picker .pos-sales-quick-products  {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    max-height: none;
    overflow: visible;
  }
  body.app-redesign .account-action-product-picker .pos-sales-quick-product,
  body.app-redesign .account-action-product-picker .pos-sales-quick-product-main  {
    min-width: 0;
    min-height: 48px;
  }
  body.app-redesign .account-action-product-picker .pos-sales-quick-product-main  {
    padding: 2px 48px;
  }
  body.app-redesign .account-action-product-picker .pos-sales-quick-product-main b  {
    display: -webkit-box;
    overflow: visible;
    white-space: normal;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: unset;
    font-size: 14px;
    line-height: 1.2;
  }
  body.app-redesign .account-action-product-picker .pos-sales-quick-product-main small  { white-space: nowrap; font-size: .72rem; }
  body.app-redesign .account-action-product-picker .pos-sales-quick-product  {
    min-height: 48px;
    overflow: visible;
    border: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border, #35404a) 72%, transparent) !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.app-redesign .account-action-product-picker .pos-sales-quick-product::before { display: none; }
  body.app-redesign .account-action-product-picker .pos-sales-quick-product.selected {
    background: color-mix(in srgb, var(--color-accent, #f3b65d) 6%, transparent) !important;
  }
  body.app-redesign .account-action-product-picker .account-action-product-step {
    top: 2px;
    bottom: 2px;
    min-height: 44px;
  }
  body.app-redesign .account-action-cart-column  {
    min-height: 0;
    gap: .45rem !important;
    padding-top: .65rem;
    border: 0 !important;
    border-top: 1px solid color-mix(in srgb, var(--color-border, #35404a) 72%, transparent) !important;
    border-radius: 0;
    background: transparent !important;
  }
  body.app-redesign .account-action-summary {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .4rem 0;
    border-block: 1px solid color-mix(in srgb, var(--color-border, #35404a) 72%, transparent);
  }
  body.app-redesign .account-action-summary span {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .5rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  body.app-redesign .account-action-summary small { font-size: .72rem; }
  body.app-redesign .account-action-summary b { font-size: .9rem; }
  body.app-redesign .account-action-items-list  {
    display: grid;
    gap: 0;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }
  body.app-redesign .account-action-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .35rem;
    min-height: 48px;
    padding: 2px 0;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border, #35404a) 72%, transparent);
    border-radius: 0;
    background: transparent;
  }
  body.app-redesign .account-action-item-name {
    min-width: 0;
    overflow: visible;
    font-size: 14px;
    line-height: 1.25;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  body.app-redesign .account-action-item-controls { align-self: center; gap: .2rem; }
  body.app-redesign .account-action-items-empty  { overflow-wrap: anywhere; }
  body.app-redesign .account-action-items-empty  {
    min-height: 0;
    padding: .8rem;
    font-size: .875rem;
    line-height: 1.45;
  }
  body.app-redesign .account-action-item  { min-width: 0; }
  body.app-redesign .account-action-item-name  {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
  }
  body.app-redesign .account-action-package-item,
  body.app-redesign .account-action-package-item > span:nth-child(2)  { min-width: 0; }
  body.app-redesign .account-action-package-item  { min-height: 48px; }
  body.app-redesign .account-action-package-remove  {
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    align-self: center;
  }
  body.app-redesign .account-action-package-item strong,
  body.app-redesign .account-action-package-item small  { overflow-wrap: anywhere; }
  body.app-redesign .account-action-footer  {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: .55rem;
  }
  body.app-redesign .account-action-footer > button  {
    width: 100%;
    min-width: 0;
    min-height: 48px;
  }
  body.app-redesign .account-action-item-controls button,
  body.app-redesign .account-action-item-controls .account-action-item-remove  {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    display: grid;
    place-items: center;
  }
  body.app-redesign .account-action-item-controls .account-action-item-remove {
    border: 0;
    background: transparent;
    color: var(--color-text-muted, #9aa4ad);
    font-size: 1rem;
  }
  body.app-redesign .account-action-product-step:focus-visible  {
    outline: 2px solid #f3b65d;
    outline-offset: -3px;
  }
}

@media (min-width: 721px) and (max-width: 900px) {
  body.app-redesign .account-action-product-picker .pos-sales-quick-products  {
    grid-template-columns: minmax(0, 1fr);
  }
}


body.app-redesign .accounts-master-header,
body.app-redesign #tab-pos .ui-pos-accounts-card  {
  border: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.app-redesign .accounts-master-header .accounts-header-top  {
  border-bottom: 0 !important;
}
body:not(.dark-mode).app-redesign .accounts-master-header,
body:not(.dark-mode).app-redesign #tab-pos .ui-pos-accounts-card  {
  border: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:not(.dark-mode).app-redesign .accounts-master-header .accounts-header-top  {
  border-bottom: 0 !important;
}

body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip,
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-add-btn  {
  align-items: flex-start !important;
  gap: .1rem !important;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-add-btn  {
  border-style: dashed !important;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-add-btn .account-chip-main,
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-add-btn .account-chip-footer  {
  width: 100%;
}
body.app-redesign:not([data-active-tab="pos"]) .open-accounts-scroll .account-chip-footer  {
  margin-top: auto !important;
}


body.app-redesign .main-content  {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-inline: clamp(1rem, 2.5vw, 2rem) !important;
  box-sizing: border-box;
}
body.app-redesign .accounts-master-header  { margin-bottom: 24px !important; }
body.app-redesign .pos-sales-compact-menu  { margin-top: 0 !important; padding-inline: 0 !important; box-sizing: border-box; }
body.app-redesign .pos-sales-compact-card  {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100%;
  box-sizing: border-box;
  padding: 16px !important;
}
body.app-redesign .pos-sales-compact-copy  {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px;
  flex: 1 1 auto;
  text-align: left;
}
body.app-redesign .pos-sales-compact-card > strong  { align-self: center !important; flex: 0 0 auto; padding-right: 8px; }
body.app-redesign .ui-pos-products-card  { padding: 0 !important; margin: 0 0 16px !important; }
body.app-redesign #tab-pos .ui-pos-accounts-card  { padding-bottom: 0 !important; }
body.app-redesign #tab-reports,
body.app-redesign #tab-expenses,
body.app-redesign #tab-audit,
body.app-redesign #tab-settings,
body.app-redesign #tab-qr,
body.app-redesign #tab-whatsapp,
body.app-redesign #tab-calendar  { padding-inline: 0 !important; }
html  { scrollbar-gutter: stable; }

/* El editor de productos trabaja con un precio base único. */
body.app-redesign .product-price-grid { grid-template-columns: minmax(0, 1fr); }
body.app-redesign .product-price-field { max-width: 24rem; }
body.app-redesign .product-price-field > small { max-width: 32rem; font-size: .65rem; line-height: 1.4; }