/* Quick Sale presentation only. All selectors are scoped to this workspace;
   receipt generation, payment handlers and other sections stay unchanged. */
body.bb-app-active #pos .pos-workspace {
  --pw-surface: #ffffff;
  --pw-soft: #f7f8fa;
  --pw-border: #e4e8ee;
  --pw-ink: #172b3a;
  --pw-muted: #607182;
  --pw-accent: #2463dc;
  --pw-accent-soft: #edf3ff;
  --pw-green: #087f5b;
  --pw-green-soft: #ecf8f2;
  --pw-warning: #99550d;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  gap: 24px;
  height: auto;
  min-height: calc(100dvh - 170px);
  align-items: stretch;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible;
  color: var(--pw-ink);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
html[data-theme="dark"] body.bb-app-active #pos .pos-workspace {
  --pw-surface: #171a18;
  --pw-soft: #121513;
  --pw-border: #303631;
  --pw-ink: #ecf0ed;
  --pw-muted: #a0aaa3;
  --pw-accent: #3ecf8e;
  --pw-accent-soft: #1c3126;
  --pw-green: #3ecf8e;
  --pw-green-soft: #1c3126;
  --pw-warning: #e4b36b;
}
body.bb-app-active #pos .pos-workspace :is(.pos-catalog, .pos-cart) {
  min-width: 0;
  border: 1px solid var(--pw-border) !important;
  border-radius: 14px;
  background: var(--pw-surface) !important;
  box-shadow: 0 4px 16px rgb(24 43 58 / 4%) !important;
}
body.bb-app-active #pos .pos-workspace .pos-catalog { overflow: hidden; }
body.bb-app-active #pos .pos-workspace .pos-cart {
  overflow: visible;
  scrollbar-width: thin;
  scrollbar-color: var(--pw-border) transparent;
}
body.bb-app-active #pos .pos-workspace .pos-cart::before,
body.bb-app-active #pos .pos-workspace .pos-catalog-overview::before,
body.bb-app-active #pos .pos-workspace .pos-catalog-overview::after,
body.bb-app-active #pos .pos-workspace .pos-totals-grand-box::before,
body.bb-app-active #pos .pos-workspace .pos-totals-grand-box::after { display: none; }
body.bb-app-active #pos .pos-workspace :is(.pos-tab-bar, .pos-catalog-overview, .pos-catalog-header, .pos-category-bar, .pos-cart-header, .pos-cart-customer, .pos-totals, .pos-payment-methods, .pos-account-row, .pos-checkout-row) {
  background: var(--pw-surface) !important;
  border-color: var(--pw-border) !important;
  box-shadow: none !important;
}
body.bb-app-active #pos .pos-workspace .pos-tab-bar {
  flex-shrink: 0;
  min-height: 62px;
  padding: 0 24px;
  gap: 28px;
}
body.bb-app-active #pos .pos-workspace .pos-tab {
  flex: 0 0 auto;
  flex-direction: row;
  height: 62px;
  padding: 0 2px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent !important;
  color: var(--pw-muted) !important;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none !important;
  transform: none;
}
body.bb-app-active #pos .pos-workspace .pos-tab--active {
  border-bottom-color: var(--pw-accent) !important;
  color: var(--pw-accent) !important;
}
body.bb-app-active #pos .pos-workspace .pos-tab-count { background: var(--pw-accent-soft); color: var(--pw-accent); font-size: 10px; }
body.bb-app-active #pos .pos-workspace .pos-catalog-overview { min-height: 99px; padding: 24px 24px 18px; border-bottom: 0; }
body.bb-app-active #pos .pos-workspace .pos-catalog-kicker { display: none; }
body.bb-app-active #pos .pos-workspace .pos-catalog-heading strong { margin: 0 0 5px; color: var(--pw-ink); font-size: 24px; font-weight: 650; letter-spacing: -.035em; }
body.bb-app-active #pos .pos-workspace .pos-catalog-heading small { color: var(--pw-muted); font-size: 13px; line-height: 1.5; }
body.bb-app-active #pos .pos-workspace .pos-register-status > span { min-height: 30px; padding: 6px 10px; border: 0; background: var(--pw-green-soft); color: var(--pw-green); box-shadow: none; font-size: 12px; font-weight: 500; }
body.bb-app-active #pos .pos-workspace .pos-register-status i { box-shadow: none; background: var(--pw-green); }
body.bb-app-active #pos .pos-workspace .pos-catalog-header { display: flex; min-height: 68px; gap: 8px; padding: 0 24px 20px; border-bottom: 0; }
body.bb-app-active #pos .pos-workspace .pos-search-field { display: flex; align-items: center; flex: 1; min-width: 0; margin: 0; position: relative; }
body.bb-app-active #pos .pos-workspace .pos-search-field > svg { position: absolute; left: 13px; color: var(--pw-muted); z-index: 1; pointer-events: none; }
body.bb-app-active #pos .pos-workspace .pos-search-field kbd { position: absolute; right: 12px; color: var(--pw-muted); border: 1px solid var(--pw-border); border-radius: 4px; padding: 2px 4px; font-size: 10px; font-family: inherit; pointer-events: none; }
body.bb-app-active #pos .pos-workspace .pos-search-input { min-width: 0; width: 100%; height: 44px; padding: 0 44px 0 40px !important; border: 1px solid var(--pw-border); border-radius: 8px; background: var(--pw-soft) !important; color: var(--pw-ink) !important; font-size: 14px; font-weight: 400; box-shadow: none; }
body.bb-app-active #pos .pos-workspace :is(input, select)::placeholder { color: var(--pw-muted) !important; opacity: .85; }
body.bb-app-active #pos .pos-workspace .pos-scan-btn { width: 44px; height: 44px; border-radius: 8px; border: 1px solid var(--pw-border); color: var(--pw-muted); background: var(--pw-surface); box-shadow: none; }
body.bb-app-active #pos .pos-workspace .pos-quick-charge-btn { display: flex; flex-direction: row; width: auto; min-width: 44px; padding-inline: 12px; gap: 7px; background: var(--pw-surface) !important; border-color: var(--pw-border) !important; color: var(--pw-ink) !important; font-size: 12px; white-space: nowrap; }
body.bb-app-active #pos .pos-workspace .pos-warehouse-field { display: flex !important; flex: 0 1 200px; gap: 8px; align-items: center; min-width: 0; }
body.bb-app-active #pos .pos-workspace .pos-warehouse-field label { color: var(--pw-muted); font-size: 12px; font-weight: 500; }
body.bb-app-active #pos .pos-workspace .pos-warehouse-field select { min-width: 0; width: 100%; height: 42px; }
body.bb-app-active #pos .pos-workspace .pos-category-bar { min-height: 42px; padding: 0 24px 14px; gap: 7px; border-bottom: 1px solid var(--pw-border); }
body.bb-app-active #pos .pos-workspace .pos-cat-btn { min-height: 34px; border-radius: 6px; padding: 6px 14px; background: var(--pw-soft); border: 1px solid var(--pw-border); color: var(--pw-muted); font-size: 12px; box-shadow: none; }
body.bb-app-active #pos .pos-workspace .pos-cat-btn--active { color: var(--pw-accent); border-color: var(--pw-accent); background: var(--pw-accent-soft); }
body.bb-app-active #pos .pos-workspace .pos-items-grid { flex: 1; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 10px; align-content: start; padding: 16px 24px 24px; background: var(--pw-surface); scrollbar-width: thin; }
body.bb-app-active #pos .pos-workspace .pos-items-grid .pos-item-card { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) 26px; grid-template-areas: "icon name add" "icon price add" "icon stock add" "where where where"; column-gap: 10px; row-gap: 2px; align-items: center; width: 100%; max-width: 320px; min-width: 0; min-height: 94px; padding: 12px; text-align: left !important; border: 1px solid var(--pw-border); border-radius: 8px; background: var(--pw-surface) !important; box-shadow: none !important; transform: none; }
body.bb-app-active #pos .pos-workspace .pos-items-grid .pos-item-card::after { display: none; }
body.bb-app-active #pos .pos-workspace .pos-items-grid .pos-item-card:hover:not(:disabled) { border-color: var(--pw-accent); box-shadow: 0 3px 10px rgb(24 43 58 / 7%) !important; transform: translateY(-1px); }
body.bb-app-active #pos .pos-workspace .pos-items-grid .pos-item-card--in-cart { border-color: var(--pw-accent) !important; background: var(--pw-surface) !important; }
body.bb-app-active #pos .pos-workspace .pos-item-icon { grid-area: icon; width: 44px; height: 50px; margin: 0; border: 1px solid var(--pw-border); border-radius: 6px; background: var(--pw-soft) !important; color: var(--pw-muted); font-size: 21px; font-weight: 500; box-shadow: none !important; }
body.bb-app-active #pos .pos-workspace .pos-item-icon img { object-fit: contain !important; }
body.bb-app-active #pos .pos-workspace .pos-item-name { grid-area: name; color: var(--pw-ink) !important; text-align: left !important; font-size: 13px; font-weight: 600; line-height: 1.4; min-width: 0; min-height: 0; margin: 0; padding: 0; }
body.bb-app-active #pos .pos-workspace .pos-item-price { grid-area: price; color: var(--pw-ink) !important; text-align: left !important; font-size: 13px; font-weight: 600; padding: 0; line-height: 1.4; }
body.bb-app-active #pos .pos-workspace .pos-item-price--unset { color: var(--pw-warning) !important; font-size: 13px; font-weight: 500; }
body.bb-app-active #pos .pos-workspace .pos-item-stock { grid-area: stock; color: var(--pw-muted); font-size: 11px; font-weight: 400; margin: 0; text-align: left !important; }
body.bb-app-active #pos .pos-workspace .pos-item-stock--out { color: var(--pw-muted); }
body.bb-app-active #pos .pos-workspace .pos-item-add { grid-area: add; position: static; width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid var(--pw-border); border-radius: 50%; background: var(--pw-soft); color: var(--pw-accent); font-size: 17px; font-weight: 400; }
body.bb-app-active #pos .pos-workspace .pos-item-card--out .pos-item-add { display: none; }
body.bb-app-active #pos .pos-workspace .pos-in-cart-badge { top: 8px; left: 42px; right: auto; z-index: 1; width: 18px; height: 18px; border: 2px solid var(--pw-surface); border-radius: 50%; background: var(--pw-accent); color: #fff; font-size: 10px; font-weight: 600; box-shadow: none !important; }
body.bb-app-active #pos .pos-workspace .pos-item-where { grid-area: where; color: var(--pw-muted); font-size: 11px; }
body.bb-app-active #pos .pos-workspace .pos-catalog-help { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 16px 24px; border-top: 1px solid var(--pw-border); color: var(--pw-muted); background: var(--pw-soft); font-size: 12px; }
body.bb-app-active #pos .pos-workspace .pos-catalog-help kbd { font: inherit; font-size: 11px; border: 1px solid var(--pw-border); background: var(--pw-surface); padding: 3px 6px; border-radius: 4px; margin-right: 5px; }
body.bb-app-active #pos .pos-workspace .pos-cart-header { position: static; min-height: 74px; padding: 16px 24px; border-radius: 14px 14px 0 0; }
body.bb-app-active #pos .pos-workspace .pos-order-kicker { display: none; }
body.bb-app-active #pos .pos-workspace .pos-order-title { color: var(--pw-ink); font-size: 23px; font-weight: 650; letter-spacing: -.035em; }
body.bb-app-active #pos .pos-workspace .pos-cart-count { background: var(--pw-accent-soft); color: var(--pw-accent); padding: 3px 7px; font-weight: 600; }
body.bb-app-active #pos .pos-workspace .pos-clock { border: 0; background: transparent; color: var(--pw-muted); font-size: 12px; font-weight: 400; padding: 0; }
body.bb-app-active #pos .pos-workspace .pos-clear-btn { min-height: 32px; padding: 5px 9px; font-weight: 500; font-size: 12px; }
body.bb-app-active #pos .pos-workspace [data-action="pos-hold-sale"] { color: var(--pw-ink) !important; background: var(--pw-soft) !important; border: 1px solid var(--pw-border) !important; }
body.bb-app-active #pos .pos-workspace .pos-cart-customer { grid-template-columns: 1fr; padding: 14px 24px 18px; gap: 10px; border-bottom: 0; }
body.bb-app-active #pos .pos-workspace .pos-cart-customer:has(#pos-waiter) { grid-template-columns: 1fr 1fr; }
body.bb-app-active #pos .pos-workspace :is(.pos-field-label, .pos-line-entry-label) { color: var(--pw-muted); font-size: 12px; font-weight: 500; text-transform: none; letter-spacing: 0; margin-bottom: 3px; }
body.bb-app-active #pos .pos-workspace .pos-select { height: 40px; border: 1px solid var(--pw-border) !important; border-radius: 7px; background: var(--pw-surface) !important; color: var(--pw-ink) !important; font-size: 14px; font-weight: 400; }
body.bb-app-active #pos .pos-workspace .pos-cart > :not(.pos-cart-lines) { flex-shrink: 0; }
body.bb-app-active #pos .pos-workspace .pos-cart-lines { flex: 1 0 auto; min-height: 210px; max-height: 285px; overflow-y: auto; padding: 0 24px; gap: 0; background: var(--pw-surface) !important; scrollbar-width: thin; }
body.bb-app-active #pos .pos-workspace .pos-cart-empty { min-height: 156px; padding: 20px 6px; gap: 8px; text-align: center; }
body.bb-app-active #pos .pos-workspace .pos-cart-empty-icon { width: 52px; height: 52px; border: 1px solid var(--pw-border); border-radius: 14px; background: var(--pw-surface) !important; color: var(--pw-muted); box-shadow: none; margin-bottom: 3px; }
body.bb-app-active #pos .pos-workspace .pos-cart-empty-icon svg { width: 26px; height: 26px; }
body.bb-app-active #pos .pos-workspace .pos-cart-empty strong { color: var(--pw-ink); font-weight: 600; font-size: 16px; }
body.bb-app-active #pos .pos-workspace .pos-cart-empty p { color: var(--pw-muted); font-size: 13px; line-height: 1.5; }
body.bb-app-active #pos .pos-workspace .pos-cart-empty small { display: none; }
body.bb-app-active #pos .pos-workspace .pos-cart-line { flex-shrink: 0; padding: 16px 0; border: 0; border-bottom: 1px solid var(--pw-border); border-radius: 0; box-shadow: none !important; background: var(--pw-surface) !important; }
body.bb-app-active #pos .pos-workspace .pos-cart-line-name { color: var(--pw-ink) !important; font-weight: 600; font-size: 15px; white-space: normal; line-height: 1.4; }
body.bb-app-active #pos .pos-workspace .pos-cart-line-body { width: 100%; max-width: none; margin: 0; gap: 7px; }
body.bb-app-active #pos .pos-workspace .pos-cart-line-right { width: 100%; justify-content: space-between; }
body.bb-app-active #pos .pos-workspace .pos-cart-line-meta { grid-template-columns: minmax(0, 1fr) 90px; gap: 10px; min-width: 0; }
body.bb-app-active #pos .pos-workspace .pos-line-entry { min-width: 0; }
body.bb-app-active #pos .pos-workspace .pos-line-entry--price { grid-column: 1; grid-row: 1; }
body.bb-app-active #pos .pos-workspace .pos-line-entry--discount { grid-column: 2; grid-row: 1; }
/* The optional catalogue update is a third control, not a third column.
   Keep it below both inputs at every width, with a fully readable label. */
body.bb-app-active #pos .pos-workspace .pos-line-save-price {
  grid-column: 1 / -1;
  grid-row: 2;
  justify-self: start;
  width: auto;
  min-width: 0;
  max-width: 100%;
  min-height: 34px;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid var(--pw-border);
  border-radius: 6px;
  background: var(--pw-soft);
  color: var(--pw-ink);
  box-shadow: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
  overflow: visible;
  transform: none;
}
body.bb-app-active #pos .pos-workspace .pos-line-save-price::before {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--pw-accent);
  box-shadow: none;
  font-weight: 500;
}
body.bb-app-active #pos .pos-workspace .pos-line-save-price:hover {
  border-color: var(--pw-accent);
  background: var(--pw-accent-soft);
  color: var(--pw-ink);
  box-shadow: none;
  transform: none;
}
body.bb-app-active #pos .pos-workspace .pos-line-entry-control { border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.bb-app-active #pos .pos-workspace .pos-line-entry-control :is(.pos-price-input, .pos-line-disc) { background: var(--pw-surface) !important; border: 1px solid var(--pw-border) !important; box-shadow: none !important; color: var(--pw-ink) !important; border-radius: 6px !important; font-size: 14px !important; font-weight: 500; }
body.bb-app-active #pos .pos-workspace :is(.pos-line-entry-prefix, .pos-line-entry-hint, .pos-line-entry-suffix) { color: var(--pw-muted); font-size: 11px; font-weight: 400; }
body.bb-app-active #pos .pos-workspace .pos-cart-line-controls { border: 1px solid var(--pw-border) !important; border-radius: 7px; background: var(--pw-surface) !important; }
body.bb-app-active #pos .pos-workspace .pos-qty-btn { width: 30px; height: 32px; color: var(--pw-ink); }
body.bb-app-active #pos .pos-workspace .pos-qty-val { min-width: 29px; font-size: 13px; color: var(--pw-ink); }
body.bb-app-active #pos .pos-workspace .pos-cart-line-total { color: var(--pw-ink) !important; font-size: 15px; font-weight: 700; }
body.bb-app-active #pos .pos-workspace .pos-item-note { padding-inline: 0; border: 0; border-radius: 0; color: var(--pw-muted); background: transparent; font-size: 12px; }
body.bb-app-active #pos .pos-workspace .pos-adjustments { gap: 14px; padding: 12px 24px; background: var(--pw-surface) !important; border-bottom: 0; }
body.bb-app-active #pos .pos-workspace .pos-adjustment-field { padding: 0; border: 0; border-radius: 0; background: transparent !important; box-shadow: none !important; }
body.bb-app-active #pos .pos-workspace .pos-adjustment-field input { height: 34px !important; background: var(--pw-surface) !important; }
body.bb-app-active #pos .pos-workspace .pos-totals { border-top: 1px solid var(--pw-border); margin: 0 24px; padding: 14px 0; }
body.bb-app-active #pos .pos-workspace .pos-totals-row { color: var(--pw-muted); font-size: 13px; padding: 4px 0; }
body.bb-app-active #pos .pos-workspace .pos-totals-row > span { color: var(--pw-muted) !important; }
body.bb-app-active #pos .pos-workspace .pos-totals-row > span:last-child { color: var(--pw-ink) !important; }
body.bb-app-active #pos .pos-workspace .pos-totals-grand-box { min-height: 55px; margin: 6px 0 0; padding: 4px 0; border: 0; border-radius: 0; background: transparent !important; box-shadow: none !important; }
body.bb-app-active #pos .pos-workspace .pos-totals-grand-box span { color: var(--pw-ink); font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0; }
body.bb-app-active #pos .pos-workspace .pos-totals-grand-box strong { color: var(--pw-ink) !important; font-size: 30px; font-weight: 650; letter-spacing: -.035em; overflow-wrap: anywhere; }
body.bb-app-active #pos .pos-workspace .pos-payment-heading { padding: 2px 24px 0; color: var(--pw-muted); }
body.bb-app-active #pos .pos-workspace .pos-payment-heading span { font-size: 13px; font-weight: 600; color: var(--pw-ink); }
body.bb-app-active #pos .pos-workspace .pos-payment-heading small { display: none; }
body.bb-app-active #pos .pos-workspace .pos-payment-methods { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 24px; }
body.bb-app-active #pos .pos-workspace .pos-payment-methods:has(.pos-split-input) { display: block; }
body.bb-app-active #pos .pos-workspace .pos-pm-btn { display: flex; flex: 1; flex-direction: row; align-items: center; justify-content: center; gap: 6px; min-width: 65px; height: 44px; padding: 8px; border: 1px solid var(--pw-border) !important; border-radius: 7px; background: var(--pw-surface) !important; color: var(--pw-muted) !important; font-size: 12px; font-weight: 500; box-shadow: none !important; }
body.bb-app-active #pos .pos-workspace .pos-pm-btn--active { border-color: var(--pw-green) !important; background: var(--pw-green-soft) !important; color: var(--pw-green) !important; }
body.bb-app-active #pos .pos-workspace .pos-change-calc { margin: 0 24px 10px; padding: 10px; border: 1px solid var(--pw-border); border-radius: 7px; background: var(--pw-soft); }
body.bb-app-active #pos .pos-workspace .pos-account-row { padding: 0 24px 14px; gap: 8px; flex-wrap: wrap; }
body.bb-app-active #pos .pos-workspace .pos-account-row > span { color: var(--pw-muted) !important; font-weight: 500 !important; }
body.bb-app-active #pos .pos-workspace .pos-checkout-row { display: grid; grid-template-columns: minmax(0, 1fr); position: sticky; bottom: 0; z-index: 2; padding: 16px 24px; gap: 8px; border-top: 1px solid var(--pw-border); border-radius: 0 0 14px 14px; flex-shrink: 0; }
body.bb-app-active #pos .pos-workspace .pos-split-bill-btn { justify-self: start; width: auto; min-width: 100px; min-height: 32px; padding: 4px 0; font-size: 12px; font-weight: 500; color: var(--pw-muted) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.bb-app-active #pos .pos-workspace .pos-checkout-btn { height: 50px; min-height: 50px; margin: 0; border-radius: 8px; background: #087f5b !important; border: 1px solid #087f5b !important; box-shadow: none !important; font-size: 15px; font-weight: 600; color: #fff !important; transform: none; }
body.bb-app-active #pos .pos-workspace .pos-checkout-btn:disabled { background: var(--pw-soft) !important; border-color: var(--pw-border) !important; color: var(--pw-muted) !important; opacity: 1; }
body.bb-app-active #pos .pos-workspace .pos-checkout-btn:hover:not(:disabled) { background: #066b4c !important; }
body.bb-app-active #pos .pos-workspace :is(button, input, select):focus-visible { outline: 2px solid var(--pw-accent); outline-offset: 3px; }
body.bb-app-active #pos .pos-workspace .pos-search-input:focus { border-color: var(--pw-accent); }
body.bb-app-active #pos .pos-workspace input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
body.bb-app-active #pos .pos-workspace input[type="number"]::-webkit-inner-spin-button,
body.bb-app-active #pos .pos-workspace input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
/* Match the established neutral-black dark theme, including older important rules. */
html[data-theme="dark"] body.bb-app-active #pos .pos-workspace :is(.pos-catalog, .pos-cart, .pos-tab-bar, .pos-catalog-overview, .pos-catalog-header, .pos-category-bar, .pos-cart-header, .pos-cart-customer, .pos-totals, .pos-payment-methods, .pos-account-row, .pos-checkout-row, .pos-cart-line, .pos-cart-empty-icon, .pos-items-grid .pos-item-card) { background: var(--pw-surface) !important; border-color: var(--pw-border) !important; }
html[data-theme="dark"] body.bb-app-active #pos .pos-workspace :is(.pos-cart-lines, .pos-items-grid, .pos-adjustments) { background: var(--pw-surface) !important; }
html[data-theme="dark"] body.bb-app-active #pos .pos-workspace .pos-totals-grand-box { background: transparent !important; }
html[data-theme="dark"] body.bb-app-active #pos .pos-workspace :is(.pos-adjustment-field, .pos-tab, .pos-tab--active:hover) { background: transparent !important; box-shadow: none !important; }
html[data-theme="dark"] body.bb-app-active #pos .pos-workspace .pos-items-grid .pos-item-card--in-cart { background: var(--pw-surface) !important; border-color: var(--pw-accent) !important; }
html[data-theme="dark"] body.bb-app-active #pos .pos-workspace .pos-checkout-btn:not(:disabled) { background: #087f5b !important; border-color: #159367 !important; }
html[data-theme="dark"] body.bb-app-active #pos .pos-workspace :is(.pos-search-input, .pos-item-note, .pos-line-serial-sel, .pos-line-entry-control .pos-price-input, .pos-line-entry-control .pos-line-disc) { background: var(--pw-soft) !important; border-color: var(--pw-border) !important; color: var(--pw-ink) !important; }
html[data-theme="dark"] body.bb-app-active #pos .pos-workspace :is(.pos-item-icon, .pos-remove-btn) { border-color: var(--pw-border) !important; box-shadow: none !important; background: var(--pw-soft) !important; color: var(--pw-muted) !important; }
html[data-theme="dark"] body.bb-app-active #pos .pos-workspace .pos-tab--active { color: var(--pw-accent) !important; border-bottom-color: var(--pw-accent) !important; }
html[data-theme="dark"] body.bb-app-active #pos .pos-workspace .pos-in-cart-badge { border-color: var(--pw-surface); color: #10251a; box-shadow: none !important; }
html[data-theme="dark"] body.bb-app-active #pos .pos-workspace [data-action="pos-hold-sale"] { background: var(--pw-soft) !important; color: var(--pw-ink) !important; border-color: var(--pw-border) !important; }
@container (max-width: 680px) {
  body.bb-app-active #pos .pos-workspace .pos-catalog-header { display: grid; grid-template-columns: minmax(0,1fr) 44px 44px; }
  body.bb-app-active #pos .pos-workspace .pos-quick-charge-label { display: none; }
  body.bb-app-active #pos .pos-workspace .pos-warehouse-field { grid-column: 1/-1; justify-content: flex-end; }
  body.bb-app-active #pos .pos-workspace .pos-warehouse-field select { max-width: 240px; }
  body.bb-app-active #pos .pos-workspace .pos-register-status { display: none; }
}
@media (min-width: 1500px) { body.bb-app-active #pos .pos-workspace { grid-template-columns: minmax(0,1fr) 500px; } }
@media (min-width: 769px) and (max-width: 1100px) {
  body.bb-app-active #pos .pos-workspace { grid-template-columns: minmax(0,1fr) 360px; gap: 12px; }
  body.bb-app-active #pos .pos-workspace :is(.pos-catalog-overview, .pos-items-grid) { padding-inline: 16px; }
  body.bb-app-active #pos .pos-workspace .pos-catalog-header { padding-inline: 16px; }
  body.bb-app-active #pos .pos-workspace .pos-tab-bar { gap: 16px; padding-inline: 16px; }
}
@media (max-width: 768px) {
  body.bb-app-active #pos .pos-workspace { display: flex !important; gap: 14px; height: auto !important; min-height: 0 !important; overflow: visible !important; }
  body.bb-app-active #pos .pos-workspace :is(.pos-catalog, .pos-cart) { border-radius: 12px; }
  body.bb-app-active #pos .pos-workspace .pos-tab-bar { padding-inline: 14px; gap: 20px; }
  body.bb-app-active #pos .pos-workspace .pos-catalog-overview { min-height: 100px; padding: 18px 16px; }
  body.bb-app-active #pos .pos-workspace .pos-catalog-heading strong { font-size: 21px; }
  body.bb-app-active #pos .pos-workspace .pos-catalog-header { padding: 0 14px 14px; }
  body.bb-app-active #pos .pos-workspace .pos-items-grid { grid-template-columns: 1fr !important; padding: 14px; gap: 10px; }
  body.bb-app-active #pos .pos-workspace .pos-items-grid .pos-item-card { min-height: 94px; max-width: none; padding: 12px; column-gap: 10px; }
  body.bb-app-active #pos .pos-workspace :is(input, select, textarea, .pos-line-entry-control .pos-price-input, .pos-line-entry-control .pos-line-disc) { font-size: 16px !important; }
  body.bb-app-active #pos .pos-workspace .pos-cart { overflow: visible; }
  body.bb-app-active #pos .pos-workspace .pos-cart-header { flex-wrap: wrap; gap: 12px; }
  body.bb-app-active #pos .pos-workspace .pos-cart-header-left { width: 100%; flex: 1 0 100%; }
  body.bb-app-active #pos .pos-workspace .pos-order-title-row { flex-wrap: wrap; }
  body.bb-app-active #pos .pos-workspace .pos-order-title { white-space: normal; overflow: visible; }
  body.bb-app-active #pos .pos-workspace .pos-cart-header-right { width: 100%; flex-wrap: nowrap; }
  body.bb-app-active #pos .pos-workspace .pos-cart-header-right .pos-clock { width: auto; margin-right: auto; }
  body.bb-app-active #pos .pos-workspace .pos-clear-btn { min-height: 34px; }
  body.bb-app-active #pos .pos-workspace .pos-cart-lines { flex: 1 0 auto; min-height: 140px; max-height: none; overflow: visible; padding-inline: 18px; }
  body.bb-app-active #pos .pos-workspace .pos-catalog-help { padding: 14px 18px; }
  body.bb-app-active #pos .pos-workspace .pos-checkout-row { position: static; padding-bottom: 20px; border-radius: 0 0 12px 12px; }
  body.bb-app-active #pos .pos-workspace .pos-view-cart-bar { border-radius: 0 0 12px 12px; background: #087f5b; }
  body.bb-app-active #pos .pos-workspace .pos-cart-customer:has(#pos-waiter) { grid-template-columns: 1fr; }
  body.bb-app-active #pos .pos-workspace .pos-line-save-price { min-height: 40px; }
}
@media (max-width: 420px) {
  body.bb-app-active #pos .pos-workspace .pos-pm-btn { flex: 1 0 calc(50% - 7px); min-height: 44px; }
  body.bb-app-active #pos .pos-workspace .pos-tab-bar { gap: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  body.bb-app-active #pos .pos-workspace * { transition: none !important; }
}