body.app-redesign[data-active-tab="pos"] #tab-pos,
body.app-redesign[data-active-tab="pos"] #tab-pos *    {
  box-sizing: border-box;
}
body.app-redesign[data-active-tab="pos"] #tab-pos,
body.app-redesign[data-active-tab="pos"] #tab-pos .pos-layout,
body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-master-header,
body.app-redesign[data-active-tab="pos"] #tab-pos .open-accounts-scroll,
body.app-redesign[data-active-tab="pos"] #tab-pos .full-width-products,
body.app-redesign[data-active-tab="pos"] #tab-pos .pos-sales-compact-menu    {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body.app-redesign[data-active-tab="pos"] #tab-pos .pos-sales-compact-grid    {
  grid-template-columns: minmax(0, 1fr);
}

body.app-redesign[data-active-tab="pos"] #tab-pos .pos-sales-compact-products    {
  width: min(100%, 320px);
  max-width: 340px;
  min-height: 0;
  height: auto;
  grid-column: auto;
  justify-self: start;
}

body.app-redesign[data-active-tab="pos"] #tab-pos .pos-sales-compact-card    {
  min-width: 0;
}


@media (max-width: 1023px)  {
  body.app-redesign[data-active-tab="pos"] #tab-pos .pos-sales-compact-products   {
    width: 100%;
    max-width: none;
    grid-column: 1 / -1;
  }

  body.app-redesign[data-active-tab="pos"] .main-content   {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    padding-bottom: calc(3.5rem + env(safe-area-inset-bottom)) !important;
  }

  body.app-redesign[data-active-tab="pos"] #releaseBadge   {
    position: static !important;
    display: block;
    width: max-content;
    max-width: calc(100vw - 2rem);
    margin: .75rem auto .25rem !important;
    transform: none !important;
  }

  body.app-redesign[data-active-tab="pos"] .ai-floating-widget   {
    right: max(1rem, env(safe-area-inset-right)) !important;
    bottom: calc(3.5rem + env(safe-area-inset-bottom)) !important;
    max-width: calc(100vw - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));
    z-index: 850 !important;
  }

  body.app-redesign[data-active-tab="pos"] #aiFloatingWidget   {
    right: max(1rem, env(safe-area-inset-right)) !important;
    bottom: calc(3.5rem + env(safe-area-inset-bottom)) !important;
  }

  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-master-header   {
    margin-bottom: 1rem !important;
  }

  body.app-redesign[data-active-tab="pos"] #tab-pos .pos-sales-compact-card   {
    min-height: 0 !important;
    padding: .75rem !important;
  }
}


@media (max-width: 600px) and (max-height: 700px)  {
  body.app-redesign[data-active-tab="pos"] .main-content   {
    min-height: 0 !important;
    padding-bottom: .75rem !important;
  }

  body.app-redesign[data-active-tab="pos"] #tab-pos .ui-pos-products-card   {
    margin-top: .75rem !important;
  }

  body.app-redesign[data-active-tab="pos"] #tab-pos .pos-sales-compact-products   {
    min-height: 4.25rem;
  }

  body.app-redesign[data-active-tab="pos"] #aiFloatingWidget   {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: fit-content;
    max-width: calc(100vw - 2rem);
    margin: .75rem max(1rem, env(safe-area-inset-right)) 0 auto;
  }

  body.app-redesign[data-active-tab="pos"] #releaseBadge   {
    position: static !important;
    display: block;
    width: max-content;
    max-width: calc(100vw - 2rem);
    margin: .25rem auto max(.55rem, env(safe-area-inset-bottom));
    transform: none !important;
  }
}


@media (max-width: 600px)  {

  body.app-redesign[data-active-tab="pos"] .main-content   {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-inline: auto;
    padding-top: .85rem !important;
    padding-right: max(1rem, env(safe-area-inset-right)) !important;
    padding-bottom: calc(6rem + env(safe-area-inset-bottom)) !important;
    padding-left: max(1rem, env(safe-area-inset-left)) !important;
  }

  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-master-header   {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.app-redesign[data-active-tab="pos"] .ai-floating-widget   {
    right: max(1rem, env(safe-area-inset-right)) !important;
    bottom: calc(3.5rem + env(safe-area-inset-bottom)) !important;
    max-width: calc(100vw - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));
    z-index: 850 !important;
  }

  body.app-redesign[data-active-tab="pos"] #releaseBadge   {
    font-size: .65rem;
    line-height: 1.2;
  }
}


@media (min-width: 601px) and (max-width: 1023px)  {
  body.app-redesign[data-active-tab="pos"] .floating-cart-wrapper   { flex: 1; width: auto; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .open-accounts-scroll   { max-height: min(40vh, 380px); }
}


@media (max-width: 600px)  {

  body.app-redesign[data-active-tab="pos"] #tab-pos .main-content,
  body.app-redesign[data-active-tab="pos"] .main-content   {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    padding-top: .5rem !important;
    padding-bottom: max(.75rem, env(safe-area-inset-bottom)) !important;
  }

  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-master-header   {
    margin-bottom: .75rem !important;
  }


  body.app-redesign[data-active-tab="pos"] #tab-pos .ui-pos-products-card   {
    margin-top: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.app-redesign[data-active-tab="pos"] #tab-pos .pos-sales-compact-menu   {
    padding: 0 !important;
  }

  body.app-redesign[data-active-tab="pos"] #tab-pos .pos-sales-compact-products   {
    display: flex !important;
    align-items: center;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: .75rem !important;
    gap: .65rem !important;
  }

  body.app-redesign[data-active-tab="pos"] #tab-pos .pos-sales-compact-copy   {
    gap: .1rem;
  }

  body.app-redesign[data-active-tab="pos"] #tab-pos .release-badge,
  body.app-redesign[data-active-tab="pos"] #releaseBadge   {
    position: static !important;
    display: block;
    width: max-content;
    max-width: calc(100vw - 2rem);
    margin: .75rem auto .25rem !important;
    transform: none !important;
  }
}

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


@media (max-width: 768px)  {
  body.app-redesign[data-active-tab="pos"] .ai-floating-widget .btn-ai-pill-main   {
    width: 2.75rem !important;
    height: 2.75rem !important;
    min-width: 2.75rem !important;
    min-height: 2.75rem !important;
    flex: 0 0 2.75rem;
    justify-content: center;
    padding: 0 !important;
  }

  body.app-redesign[data-active-tab="pos"] .ai-floating-widget .btn-ai-pill-mic,
  body.app-redesign[data-active-tab="pos"] .ai-floating-widget .btn-ai-pill-flip   {
    width: 2.75rem !important;
    height: 2.75rem !important;
    min-width: 2.75rem !important;
    min-height: 2.75rem !important;
    flex: 0 0 2.75rem;
  }

  body.app-redesign[data-active-tab="pos"] .ai-floating-widget .ai-pill-bar   {
    max-height: none !important;
  }
}

@media (min-width: 361px) and (max-width: 600px) {
}

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


@media (max-width: 600px) and (max-height: 700px)  {
  body.app-redesign[data-active-tab="pos"] .main-content   {
    min-height: 0 !important;
    padding-bottom: .75rem !important;
  }
}


@media (max-width: 720px)  {
  body.app-redesign[data-active-tab="pos"] .account-action-product-picker .account-action-picker-heading   {
    position: static;
    top: auto;
    z-index: auto;
    margin: 0;
    padding: .5rem .35rem;
    border-bottom: 1px solid #35404a;
    border-radius: 8px 8px 0 0;
    transform: none;
    background: #191e23;
  }

  body.app-redesign[data-active-tab="pos"] .account-action-product-picker .pos-sales-quick-products   {
    margin-top: 0;
    padding-top: 0;
  }
}


body.app-redesign[data-active-tab="pos"] .account-action-cart-column    {
  display: flex !important;
  flex-direction: column !important;
  gap: .75rem !important;
  min-width: 0;
}

body.app-redesign[data-active-tab="pos"] .account-action-summary,
body.app-redesign[data-active-tab="pos"] .account-action-items-list,
body.app-redesign[data-active-tab="pos"] .account-action-takeout-controls,
body.app-redesign[data-active-tab="pos"] .account-action-footer    {
  margin-block: 0 !important;
}

body.app-redesign[data-active-tab="pos"] .account-action-items-list    {
  flex: 0 1 auto !important;
  min-width: 0;
  min-height: 0 !important;
  height: auto !important;
  max-height: 36dvh !important;
  overflow-y: auto;
  box-sizing: border-box;
}

body.app-redesign[data-active-tab="pos"] .account-action-items-empty    {
  position: static !important;
  display: block;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: .75rem;
  box-sizing: border-box;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

body.app-redesign[data-active-tab="pos"] .account-action-takeout-controls,
body.app-redesign[data-active-tab="pos"] .account-action-package-item    {
  position: static !important;
  width: 100%;
  min-width: 0;
  height: auto;
  box-sizing: border-box;
}

body.app-redesign[data-active-tab="pos"] .account-action-package-step    {
  flex: 0 0 44px;
  width: 44px !important;
  min-width: 44px;
  min-height: 44px;
  align-self: center;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(248, 113, 113, .28);
  border-radius: 9px;
  background: rgba(248, 113, 113, .06);
  color: #fca5a5;
  font: inherit;
  font-size: .95rem;
  font-weight: 800;
  cursor: pointer;
}

body.app-redesign[data-active-tab="pos"] .account-action-package-step:disabled    {
  cursor: not-allowed;
  opacity: .42;
}

body.app-redesign[data-active-tab="pos"] .account-action-package-step.is-placeholder,
body.app-redesign[data-active-tab="pos"] .account-action-package-remove.is-placeholder    {
  visibility: hidden;
  pointer-events: none;
}

body.app-redesign[data-active-tab="pos"] .account-action-package-item > b    {
  flex: 0 0 2ch;
  min-width: 2ch;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 720px) {
  body.app-redesign[data-active-tab="pos"] .account-action-package-item small    {
    min-height: 3.75em;
  }
}

body.app-redesign[data-active-tab="pos"] .account-action-footer    {
  flex: 0 0 auto !important;
  padding-top: 0 !important;
}

@media (max-width: 720px) {
  body.app-redesign[data-active-tab="pos"] .account-action-items-list    {
    flex: 0 0 auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


@media (max-width: 1023px)  {
  body.app-redesign[data-active-tab="pos"] #aiFloatingWidget.ai-floating-widget,
  body.app-redesign[data-active-tab="pos"] #aiFloatingWidget.ai-floating-widget.pos-left,
  body.app-redesign[data-active-tab="pos"] #aiFloatingWidget.ai-floating-widget.pos-right,
  body.app-redesign[data-active-tab="pos"] #aiFloatingWidget.ai-floating-widget.custom-positioned   {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    z-index: auto !important;
    width: fit-content;
    max-width: calc(100vw - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));
    margin: .75rem max(1rem, env(safe-area-inset-right)) 0 auto;
  }
}


@media (min-width: 1024px)  {
  body.app-redesign[data-active-tab="pos"] #aiFloatingWidget.ai-floating-widget,
  body.app-redesign[data-active-tab="pos"] #aiFloatingWidget.ai-floating-widget.pos-left,
  body.app-redesign[data-active-tab="pos"] #aiFloatingWidget.ai-floating-widget.pos-right,
  body.app-redesign[data-active-tab="pos"] #aiFloatingWidget.ai-floating-widget.custom-positioned   {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    z-index: auto !important;
    width: fit-content;
    max-width: calc(100vw - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));
    margin: .75rem max(1rem, env(safe-area-inset-right)) 0 auto;
  }

  body.app-redesign[data-active-tab="pos"] #releaseBadge.release-badge   {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    z-index: auto !important;
    display: block;
    width: max-content;
    max-width: calc(100vw - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));
    margin: .35rem max(1rem, env(safe-area-inset-right)) .75rem auto;
  }
}


body.app-redesign[data-active-tab="pos"] #tab-pos .account-picker-search-wrap    {
  display: flex;
  align-items: center;
  gap: .55rem;
  min-width: 0;
  min-height: 44px;
  margin: 0 0 .55rem;
  padding: 0 .75rem;
  border: 1px solid var(--border-color, rgba(148, 163, 184, .25));
  border-radius: 12px;
  background: var(--bg-secondary, rgba(15, 23, 42, .42));
}

body.app-redesign[data-active-tab="pos"] #tab-pos .account-picker-search-icon    {
  flex: 0 0 auto;
  color: var(--text-muted, #94a3b8);
  font-size: 1.25rem;
}

body.app-redesign[data-active-tab="pos"] #tab-pos .account-picker-search    {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: .45rem 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}

body.app-redesign[data-active-tab="pos"] #tab-pos .account-picker-search-clear    {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--text-muted, #94a3b8);
  font-size: 1.25rem;
  cursor: pointer;
}

body.app-redesign[data-active-tab="pos"] #tab-pos .account-picker-search-clear[hidden]    { display: none; }


body.app-redesign[data-active-tab="pos"] #checkoutModal,
body.app-redesign[data-active-tab="pos"] #checkoutModal .abono-modal-card    {
  box-sizing: border-box;
  max-width: 100vw;
}
body.app-redesign[data-active-tab="pos"] #checkoutModal .abono-modal-card    {
  width: min(720px, calc(100vw - 16px));
  max-height: calc(100dvh - 16px);
  overflow: hidden;
}
body.app-redesign[data-active-tab="pos"] #checkoutModal .abono-modal-body    {
  min-width: 0;
  max-height: calc(100dvh - 150px);
  overflow-x: hidden;
  overflow-y: auto;
}
body.app-redesign[data-active-tab="pos"] #checkoutModal .checkout-invoice-items-list,
body.app-redesign[data-active-tab="pos"] #checkoutModal .split-items-picker-list,
body.app-redesign[data-active-tab="pos"] #checkoutModal .abono-history-feed    {
  max-height: none !important;
  overflow: visible !important;
}
body.app-redesign[data-active-tab="pos"] #checkoutModal .abono-methods-strip    {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}
body.app-redesign[data-active-tab="pos"] #checkoutModal input,
body.app-redesign[data-active-tab="pos"] #checkoutModal select,
body.app-redesign[data-active-tab="pos"] #checkoutModal button    { min-width: 0; }
body.app-redesign[data-active-tab="pos"] #checkoutModal .account-action-package-step    { width: 44px !important; }
body.app-redesign[data-active-tab="pos"] #checkoutModal .mixed-payment-fields    {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
body.app-redesign[data-active-tab="pos"] #checkoutModal .mixed-payment-balance-status    { overflow-wrap: anywhere; }
body.app-redesign[data-active-tab="pos"] #checkoutModal .checkout-payment-validation[hidden],
body.app-redesign[data-active-tab="pos"] #checkoutModal .group-cash-received-row[hidden],
body.app-redesign[data-active-tab="pos"] #checkoutModal .split-cash-change-row[hidden],
body.app-redesign[data-active-tab="pos"] #checkoutModal .btn-exact-cash[hidden]    { display: none !important; }
body.app-redesign[data-active-tab="pos"] #checkoutModal .checkout-payment-validation:not([hidden])    {
  padding: .5rem .65rem;
  border: 1px solid rgba(245, 158, 11, .28);
  border-radius: 8px;
  background: rgba(245, 158, 11, .08);
  color: #f2c66d;
  font-size: .74rem;
  font-weight: 700;
  line-height: 1.35;
}
body.app-redesign[data-active-tab="pos"] #checkoutModal .group-cash-received-controls,
body.app-redesign[data-active-tab="pos"] #checkoutModal .split-cash-received-controls    {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: .45rem;
  min-width: 0;
}
body.app-redesign[data-active-tab="pos"] #checkoutModal .btn-exact-cash    {
  min-height: 44px;
  padding-inline: .7rem;
  white-space: nowrap;
}
body.app-redesign[data-active-tab="pos"] #checkoutModal .abono-methods-strip .btn-method-pill[aria-pressed="true"]    {
  border-color: var(--color-primary) !important;
  background: color-mix(in srgb, var(--color-primary) 15%, var(--color-surface-raised)) !important;
  color: var(--color-text-primary) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 30%, transparent);
}
body.app-redesign[data-active-tab="pos"] #checkoutModal .abono-change-bar:not(.is-invalid)    {
  border-color: rgba(52, 211, 153, .25);
  color: #a7f3d0;
}
body.app-redesign[data-active-tab="pos"] #checkoutModal .abono-change-bar.is-invalid    {
  border-color: rgba(248, 113, 113, .4);
  background: rgba(248, 113, 113, .1);
  color: #fecaca;
}
body.app-redesign[data-active-tab="pos"] #checkoutModal .split-cash-change-row    {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .35rem;
  min-width: 0;
  margin-top: .35rem;
}
body.app-redesign[data-active-tab="pos"] #accountActionModal .account-action-package-item strong,
body.app-redesign[data-active-tab="pos"] #accountActionModal .account-action-package-item small    {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: auto;
}
body.app-redesign[data-active-tab="pos"] #accountActionModal .account-action-package-remove    { display: none !important; }
@media (max-width: 380px) {
  body.app-redesign[data-active-tab="pos"] #checkoutModal .abono-modal-card    { width: calc(100vw - 12px); }
  body.app-redesign[data-active-tab="pos"] #checkoutModal .abono-modal-body    { padding-inline: 10px; }
  body.app-redesign[data-active-tab="pos"] #checkoutModal .mixed-payment-fields    { grid-template-columns: minmax(0, 1fr); }
  body.app-redesign[data-active-tab="pos"] #checkoutModal .abono-methods-strip    { gap: 4px; }
  body.app-redesign[data-active-tab="pos"] #checkoutModal .group-cash-received-controls,
  body.app-redesign[data-active-tab="pos"] #checkoutModal .split-cash-received-controls    { grid-template-columns: minmax(0, 1fr); }
}


body.app-redesign[data-active-tab="pos"] #tab-pos .account-picker-search-wrap,
body.app-redesign[data-active-tab="pos"] #tab-pos .open-accounts-scroll    { width:100%; max-width:100%; min-width:0; margin-inline:0; }
body.app-redesign[data-active-tab="pos"] #tab-pos .open-accounts-scroll    {
  display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start;
  gap:.6rem; max-height:min(42vh,440px); overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;
  scrollbar-gutter:stable; padding:.15rem 0 .3rem;
}
body.app-redesign[data-active-tab="pos"] #tab-pos :is(.open-accounts-scroll > .account-chip,.order-day-card-list > .account-chip)    { flex:0 1 340px; width:min(340px,100%); min-width:0; max-width:100%; }
body.app-redesign[data-active-tab="pos"] #tab-pos .account-chip.account-chip-wait-late    { border-color:rgba(255,155,137,.3); }
body.app-redesign[data-active-tab="pos"] #tab-pos .account-chip.account-chip-wait-fresh,
body.app-redesign[data-active-tab="pos"] #tab-pos .account-chip.account-chip-wait-waiting    { border-color:rgba(240,198,108,.24); }
@media (min-width:601px) and (max-width:1023px) { body.app-redesign[data-active-tab="pos"] #tab-pos .open-accounts-scroll > .account-chip    { flex-basis:320px; } }
@media (max-width:600px) {
  body.app-redesign[data-active-tab="pos"] #tab-pos .open-accounts-scroll    { flex-wrap:nowrap; max-height:none; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; scroll-snap-type:x proximity; padding:.1rem .05rem .5rem; gap:.55rem; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .open-accounts-scroll > .account-chip    { flex:0 0 min(320px,calc(100vw - 40px)); width:min(320px,calc(100vw - 40px)); min-width:min(280px,calc(100vw - 40px)); max-width:none; scroll-snap-align:start; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-card-list    { display:grid; grid-template-columns:minmax(0,1fr); gap:.45rem; padding:.45rem; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-card-list > .account-chip    { width:100%; min-width:0; max-width:none; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .account-chip-title    { max-width:none; }
}


body.app-redesign[data-active-tab="pos"] #tab-pos #accountsPickerPanel > label.sr-only    {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (min-width: 601px) {
  body.app-redesign[data-active-tab="pos"] #tab-pos .active-account-display    { display: none !important; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-backdrop,
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-dialog    { display: contents !important; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-header,
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-footer    { display: none !important; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .account-picker-search-wrap    { display: flex !important; }
}

@media (max-width: 600px) {
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-master-header    {
    display: grid !important;
    gap: .55rem;
    margin: 0 0 .7rem !important;
    padding: .65rem !important;
    border: 1px solid var(--border-color, rgba(148, 163, 184, .2));
    border-radius: 14px;
    background: var(--bg-card, rgba(18, 22, 27, .78)) !important;
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-master-actions    {
    display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: .5rem; min-width: 0;
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-master-actions > button    {
    display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 auto; width: auto; min-width: 0;
    min-height: 44px !important; height: auto !important; margin: 0 !important;
    padding: .5rem .7rem !important; border-radius: 11px; font-size: .8rem;
    line-height: 1.15; white-space: nowrap;
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .active-account-display    { min-width: 0; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-backdrop    {
    position: fixed !important; z-index: 1500 !important; inset: 0 !important;
    display: flex !important; align-items: flex-end; justify-content: center; padding: 0 !important;
    background: rgba(5, 8, 11, .68); opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity .18s ease, visibility .18s ease;
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-backdrop[aria-hidden="true"]    { display: none !important; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-backdrop.is-open    { opacity: 1; visibility: visible; pointer-events: auto; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-backdrop.is-open[aria-hidden="false"]    { display: flex !important; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-dialog    {
    display: flex !important; flex-direction: column; width: 100%; max-width: 40rem;
    max-height: min(82dvh, 52rem); min-height: 0;
    padding: max(.85rem, env(safe-area-inset-top)) max(.85rem, env(safe-area-inset-right)) max(.7rem, env(safe-area-inset-bottom)) max(.85rem, env(safe-area-inset-left));
    border: 1px solid var(--border-color, rgba(148, 163, 184, .24)); border-radius: 20px 20px 0 0;
    background: var(--bg-card, #15191e); color: var(--text-primary, #f4f4f5);
    box-shadow: 0 -16px 48px rgba(0, 0, 0, .32); transform: translateY(12px);
    transition: transform .18s ease; touch-action: pan-y;
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-backdrop.is-open .accounts-picker-dialog    { transform: translateY(0); }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-header    {
    display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto;
    gap: .45rem; padding: 0 0 .35rem;
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-header > div:first-child    { min-width: 0; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-header h2    { display: flex; align-items: center; gap: .45rem; margin: 0; font-size: .98rem; white-space: nowrap; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-header h2 span    { color: var(--text-gold, #f3b65d); font-size: .85rem; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-header-actions    { display: flex; align-items: center; flex: 0 0 auto; gap: .1rem; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-search-toggle,
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-close    {
    display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px;
    min-width: 44px; min-height: 44px; padding: 0;
    border: 0 !important; border-radius: 8px !important;
    background: transparent !important; color: var(--text-muted, #aeb8c1) !important;
    box-shadow: none !important; cursor: pointer;
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-search-toggle svg    { width: 17px; height: 17px; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-search-toggle:hover,
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-search-toggle:focus-visible,
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-close:hover,
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-close:focus-visible    { background: rgba(255,255,255,.06) !important; color: var(--text-primary, #f4f4f5) !important; outline: none; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-close    { font-size: 1.25rem; font-weight: 500; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-dialog .account-picker-search-wrap    { flex: 0 0 auto; width: 100%; margin: 0 0 .45rem; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .account-picker-search-wrap.is-collapsed    { display: none !important; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-dialog .open-accounts-scroll    {
    display: grid !important; grid-template-columns: minmax(0, 1fr) !important; flex: 1 1 auto;
    min-height: 5rem; max-height: none !important; overflow-x: hidden !important; overflow-y: auto !important;
    overscroll-behavior: contain; scrollbar-gutter: stable; padding: .1rem .1rem .3rem !important; touch-action: pan-y;
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-footer    { display: block; flex: 0 0 auto; padding-top: .55rem; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-picker-footer button    { width: 100%; min-height: 48px; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-bar-empty    { padding: .75rem; }
  body.app-redesign[data-active-tab="pos"].accounts-picker-open    { overflow: hidden; }
}


body.app-redesign[data-active-tab="pos"].accounts-picker-open #releaseBadge    { display: none !important; }


@media (max-width: 600px)  {
  body.app-redesign[data-active-tab="pos"] #tab-pos .active-account-display:not(.has-active-account)   { display: none !important; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-master-header:has(.active-account-display:not(.has-active-account))   {
    margin-bottom: .5rem !important;
  }
}


body.app-redesign[data-active-tab="pos"] #tab-pos .pos-sales-compact-card > strong    {
  position: static;
  inset: auto;
  align-self: center !important;
  flex: 0 0 auto;
  margin-left: auto;
  padding: 0 !important;
  z-index: auto;
}


@media (min-width: 1024px)  {
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-group   {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 14px;
    background: #191e23;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-toggle   {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: center;
    gap: .18rem .55rem;
    width: 100%;
    min-width: 0;
    min-height: 64px;
    padding: .7rem .85rem;
    border: 0;
    border-radius: 0;
    background: #20262c;
    color: var(--text-primary, #f4f4f5);
    box-shadow: none;
    font: inherit;
    text-align: left;
    cursor: pointer;
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-toggle:hover,
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-toggle:focus-visible   { background: #252d34; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-toggle:focus-visible   { outline: 2px solid rgba(243, 182, 93, .75); outline-offset: -2px; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-chevron   {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 20px;
    height: 20px;
    color: var(--text-gold, #f3b65d);
    transition: transform .2s ease;
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-group:not(.is-collapsed) .order-day-chevron   { transform: rotate(90deg); }
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-title   {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    font-size: .98rem;
    font-weight: 800;
    line-height: 1.25;
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-count   {
    grid-column: 3;
    grid-row: 1;
    padding: .2rem .55rem;
    border: 1px solid rgba(243, 182, 93, .24);
    border-radius: 999px;
    background: rgba(243, 182, 93, .09);
    color: #f3c875;
    font-size: .7rem;
    font-weight: 750;
    white-space: nowrap;
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-summary   {
    grid-column: 2 / -1;
    grid-row: 2;
    min-width: 0;
    color: var(--text-muted, #aeb8c1);
    font-size: .74rem;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-content   {
    display: grid;
    grid-template-rows: 1fr;
    min-height: 0;
    opacity: 1;
    transition: grid-template-rows .22s ease, opacity .18s ease;
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-group.is-collapsed .order-day-content   { grid-template-rows: 0fr; opacity: 0; }
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-card-list   {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    gap: .5rem;
    min-height: 0;
    overflow: hidden;
    padding: .55rem;
  }
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-card-list > .account-chip   { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-chevron,
  body.app-redesign[data-active-tab="pos"] #tab-pos .order-day-content    { transition: none; }
}



body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-master-header    { display:grid !important; gap:.55rem; min-width:0; max-width:100%; }
body.app-redesign[data-active-tab="pos"] #tab-pos .accounts-master-actions    { flex:0 0 auto; }
body.app-redesign[data-active-tab="pos"] #tab-pos .pos-account-search-wrap    { display:flex; width:min(13rem,100%); min-height:0; margin:0; }
body.app-redesign[data-active-tab="pos"] #tab-pos .pos-account-search-wrap .account-picker-search    { min-height:34px; padding:.35rem .6rem; font-size:.78rem; }

body.app-redesign[data-active-tab="pos"] #tab-pos .active-account-display    { display:none !important; }

/* Botones icon-only compartidos por las tarjetas de orden y producto. */
body.app-redesign[data-active-tab="pos"] #tab-pos .pos-icon-button:not(.btn-prod-qty-plus):not(.btn-prod-qty-minus) {
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 8px !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none;
  cursor: pointer;
  transition: color .14s ease, background-color .14s ease, border-color .14s ease, transform .14s ease, box-shadow .14s ease !important;
  -webkit-tap-highlight-color: transparent;
}
body.app-redesign[data-active-tab="pos"] #tab-pos .pos-icon-button--primary:not(.btn-prod-qty-plus) {
  border-color: rgba(74, 222, 128, .34) !important;
  background: #15803d !important;
  color: #fff !important;
}
body.app-redesign[data-active-tab="pos"] #tab-pos .pos-icon-button--danger:not(.btn-prod-qty-minus) {
  border-color: rgba(248, 113, 113, .28) !important;
  background: rgba(248, 113, 113, .09) !important;
  color: #fca5a5 !important;
}
body.app-redesign[data-active-tab="pos"] #tab-pos .pos-icon-button:not(.btn-prod-qty-plus):not(.btn-prod-qty-minus):hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 7px rgba(0, 0, 0, .2) !important;
}
body.app-redesign[data-active-tab="pos"] #tab-pos .pos-icon-button--primary:not(.btn-prod-qty-plus):hover {
  border-color: rgba(134, 239, 172, .7) !important;
  background: #16a34a !important;
}
body.app-redesign[data-active-tab="pos"] #tab-pos .pos-icon-button--danger:not(.btn-prod-qty-minus):hover {
  border-color: rgba(248, 113, 113, .5) !important;
  background: rgba(248, 113, 113, .16) !important;
  color: #fecaca !important;
}
body.app-redesign[data-active-tab="pos"] #tab-pos .pos-icon-button:not(.btn-prod-qty-plus):not(.btn-prod-qty-minus):focus-visible {
  outline: 2px solid #f3b65d !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 3px rgba(243, 182, 93, .16) !important;
}
body.app-redesign[data-active-tab="pos"] #tab-pos .pos-icon-button:not(.btn-prod-qty-plus):not(.btn-prod-qty-minus):active {
  transform: scale(.94) !important;
  box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  body.app-redesign[data-active-tab="pos"] #tab-pos .pos-icon-button { transition: none !important; }
}