/* ORDNT POS — approved compact review 3, 5, 6 and 7.
 * Loaded LAST on /pos so viewport layouts use the final, approved treatment.
 * Presentation-only; no payment, availability authority or role overrides. */

/* 3. Price: just crossed-out original and discounted price, plus Options. */
body.ordnt-pos-live .ordnt-pos-canonical:not(.ordnt-pos-checkout-active)
.ordnt-simple-products>.ordnt-simple-product.has-priced-promo {
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  column-gap:6px!important;
  row-gap:4px!important;
}
body.ordnt-pos-live .ordnt-pos-canonical:not(.ordnt-pos-checkout-active)
.ordnt-simple-products>.ordnt-simple-product.has-priced-promo>.ordnt-pos-promo-price {
  grid-column:1!important;grid-row:2!important;
  display:flex!important;flex-direction:row!important;
  align-items:baseline!important;justify-content:flex-start!important;
  align-self:end!important;flex-wrap:wrap!important;
  min-width:0!important;gap:5px!important;
  white-space:normal!important;
}
body.ordnt-pos-live .ordnt-pos-canonical:not(.ordnt-pos-checkout-active)
.ordnt-simple-products>.ordnt-simple-product.has-priced-promo>.ordnt-pos-promo-price>b {
  color:#176c41!important;font-size:clamp(15px,1.1vw,20px)!important;
  line-height:1.12!important;font-weight:900!important;
  font-variant-numeric:tabular-nums;
}
body.ordnt-pos-live .ordnt-pos-canonical:not(.ordnt-pos-checkout-active)
.ordnt-simple-products>.ordnt-simple-product>.ordnt-pos-product-options{
  grid-column:2!important;grid-row:2!important;
  justify-self:end!important;align-self:end!important;
  display:block!important;max-width:66px!important;
  color:#75859f!important;font-size:9px!important;font-weight:750!important;
  line-height:1.1!important;text-align:right!important;
  white-space:nowrap!important;
}
body.ordnt-pos-live .ordnt-pos-canonical:not(.ordnt-pos-checkout-active)
.ordnt-simple-products>.ordnt-simple-product.has-conditional-offer>.ordnt-pos-product-options{
  grid-column:2!important;grid-row:2!important;
}
body.ordnt-pos-live .ordnt-simple-product .ordnt-pos-promo-saving{
  display:none!important;
}

/* 5. Volver se estiliza en navigation-back.css (owner único). */

/* 6. Availability: actual tile grid instead of repetitive full-width lines. */
body.ordnt-pos-live .ordnt-sales-availability-detail-scroll>.ordnt-sales-availability-group {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  align-items:stretch!important;column-gap:7px!important;row-gap:7px!important;
  padding:8px!important;
  border-radius:13px!important;
  background:#f8fbfe!important;
}
body.ordnt-pos-live .ordnt-sales-availability-detail-scroll>.ordnt-sales-availability-group>.ordnt-sales-availability-group-title {
  grid-column:1/-1!important;
  min-height:30px!important;margin:-8px -8px 2px!important;padding:7px 10px!important;
  border-radius:11px 11px 0 0!important;background:#f0f5fa!important;
}
body.ordnt-pos-live .ordnt-sales-availability-detail-scroll>.ordnt-sales-availability-group>.ordnt-sales-availability-row-v2{
  box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:space-between!important;
  min-width:0!important;min-height:86px!important;
  padding:10px!important;margin:0!important;gap:5px!important;
  background:#fff!important;border:1px solid #dce5f0!important;
  border-radius:10px!important;
}
body.ordnt-pos-live .ordnt-sales-availability-detail-scroll>.ordnt-sales-availability-group .ordnt-sales-availability-row-copy{
  display:flex!important;min-width:0!important;flex:0 1 auto!important;
}
body.ordnt-pos-live .ordnt-sales-availability-detail-scroll>.ordnt-sales-availability-group .ordnt-sales-availability-row-copy>span:last-child{
  min-width:0!important;
}
body.ordnt-pos-live .ordnt-sales-availability-detail-scroll>.ordnt-sales-availability-group .ordnt-sales-availability-row-copy strong {
  font-size:12px!important;line-height:1.22!important;overflow-wrap:anywhere!important;
}
body.ordnt-pos-live .ordnt-sales-availability-detail-scroll>.ordnt-sales-availability-group .ordnt-sales-availability-row-copy small{
  font-size:10px!important;line-height:1.1!important;
}
body.ordnt-pos-live .ordnt-sales-availability-detail-scroll>.ordnt-sales-availability-group .ordnt-pos-availability-status{
  min-height:37px!important;width:100%!important;max-width:100%!important;
  font-size:11px!important;justify-content:center!important;
  margin:0!important;padding:5px 9px!important;
  border-radius:9px!important;
}
/* Batch is deliberate, optional and contained in the detail panel. */
body.ordnt-pos-live .ordnt-sales-availability-detail .ordnt-sales-availability-batch-v2{
  box-sizing:border-box!important;
  left:auto!important;right:10px!important;bottom:9px!important;
  width:min(560px,calc(100% - 20px))!important;
  max-height:min(295px,44vh)!important;min-height:0!important;
  padding:11px!important;gap:8px!important;
  box-shadow:0 10px 24px rgba(24,58,98,.16)!important;
}
body.ordnt-pos-live .ordnt-sales-availability-detail .ordnt-sales-availability-batch-list{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;
  gap:6px!important;overflow-y:auto!important;overflow-x:hidden!important;
}
body.ordnt-pos-live .ordnt-sales-availability-detail .ordnt-sales-availability-batch-list label{
  min-width:0!important;min-height:44px!important;box-sizing:border-box!important;
}
body.ordnt-pos-live .ordnt-sales-availability-detail .ordnt-sales-availability-batch-head span{
  font-size:10px!important;line-height:1.35!important;
}
body.ordnt-pos-live .ordnt-sales-availability-detail .ordnt-sales-availability-batch-actions button{
  min-height:44px!important;
}

/* 7. Configurator: flat compact rows and responsive button grids. */
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-config-scroll{
  padding:9px 11px!important;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-section{
  padding-bottom:9px!important;margin-bottom:8px!important;
  border-bottom:1px solid #e8edf3!important;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-heading{
  min-height:22px!important;margin-bottom:5px!important;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid.ordnt-pos-temperature-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid.ordnt-pos-milk-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid .ordnt-simple-option,
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid .ordnt-sales-modifier-option{
  min-height:55px!important;padding:8px 32px 7px 10px!important;
  border-radius:10px!important;box-shadow:none!important;
  gap:1px!important;touch-action:manipulation;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid .ordnt-simple-option.active,
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid .ordnt-sales-modifier-option.active{
  padding:7px 31px 6px 9px!important;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid .ordnt-simple-option.active::after,
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid .ordnt-sales-modifier-option.active::after{
  right:7px!important;top:7px!important;width:19px!important;height:19px!important;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid.quantity{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
/* Each coffee/syrup quantity is its OWN card, never a long list. */
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid.quantity .ordnt-pos-quantity-card{
  box-sizing:border-box!important;
  display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;
  min-width:0!important;min-height:80px!important;
  padding:7px 9px!important;gap:4px!important;
  background:#fff!important;border:1px solid #d9e5f0!important;
  border-radius:10px!important;box-shadow:none!important;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid.quantity .ordnt-pos-quantity-card.active{
  background:#edf5ff!important;border-color:#6fa5f4!important;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid.quantity .ordnt-pos-quantity-card>div:first-child{
  display:flex!important;align-items:baseline!important;justify-content:space-between!important;
  gap:4px!important;flex-wrap:wrap!important;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid.quantity .ordnt-pos-quantity-card strong{
  font-size:12px!important;font-weight:800!important;line-height:1.18!important;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid.quantity .ordnt-pos-quantity-card small{
  font-size:9px!important;line-height:1.15!important;white-space:nowrap!important;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid.quantity .ordnt-pos-quantity-card .ordnt-sales-stepper{
  display:grid!important;grid-template-columns:36px minmax(18px,1fr) 36px!important;
  align-items:center!important;justify-content:center!important;
  gap:5px!important;width:100%!important;min-width:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid.quantity .ordnt-pos-quantity-card .ordnt-sales-stepper button{
  box-sizing:border-box!important;
  display:grid!important;place-items:center!important;
  width:36px!important;min-width:36px!important;max-width:36px!important;
  height:36px!important;min-height:36px!important;
  padding:0!important;margin:0!important;
  border:1px solid #c8d7e8!important;border-radius:8px!important;
  background:#f3f7fc!important;color:#245ea8!important;
  font-size:18px!important;font-weight:650!important;
  touch-action:manipulation;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid.quantity .ordnt-pos-quantity-card .ordnt-sales-stepper span{
  font-size:15px!important;font-weight:850!important;line-height:1.1!important;
  text-align:center!important;min-width:0!important;
}
body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid.quantity .ordnt-pos-quantity-card .ordnt-sales-stepper button:disabled{
  opacity:.32!important;
}
@media(max-width:1050px){
  body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid.quantity{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid.ordnt-pos-milk-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.ordnt-pos-live .ordnt-sales-availability-detail-scroll>.ordnt-sales-availability-group{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.ordnt-pos-live .ordnt-simple-product.has-priced-promo>.ordnt-pos-promo-price>b{
    font-size:15px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.ordnt-pos-live .ordnt-sales-availability-detail .ordnt-sales-availability-batch-v2,
  body.ordnt-pos-live .ordnt-pos-canonical .ordnt-simple-option-grid.quantity .ordnt-pos-quantity-card{
    transition:none!important;
  }
}

/* Availability multi-select: centered readable modal, while all POS panels stay unchanged. */
body.ordnt-pos-live .ordnt-pos-availability-batch-overlay{
  box-sizing:border-box!important;
  position:fixed!important;inset:0!important;
  z-index:12000!important;
  display:grid!important;place-items:center!important;
  min-height:100dvh!important;
  padding:20px!important;
  background:rgba(12,30,54,.42)!important;
  overflow:hidden!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-overlay>.ordnt-pos-availability-batch-scrim{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  display:block!important;border:0!important;border-radius:0!important;
  padding:0!important;margin:0!important;
  background:transparent!important;box-shadow:none!important;
  cursor:default!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-overlay>.ordnt-pos-availability-batch-dialog{
  box-sizing:border-box!important;
  position:relative!important;z-index:1!important;
  inset:auto!important;left:auto!important;right:auto!important;
  top:auto!important;bottom:auto!important;
  width:min(790px,100%)!important;
  max-width:790px!important;
  min-height:0!important;
  max-height:min(640px,calc(100dvh - 40px))!important;
  margin:0!important;padding:20px!important;
  display:grid!important;
  grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
  gap:12px!important;
  background:#fff!important;
  border:1px solid #d7e3f2!important;
  border-radius:18px!important;
  box-shadow:0 28px 75px rgba(8,28,54,.30)!important;
  overflow:hidden!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-head{
  display:flex!important;align-items:flex-start!important;
  justify-content:space-between!important;gap:16px!important;
  min-width:0!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-head>div{
  display:grid!important;gap:5px!important;min-width:0!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-head strong{
  font-size:19px!important;line-height:1.25!important;
  font-weight:850!important;color:#1c3658!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog .ordnt-pos-availability-batch-subtitle{
  font-size:12px!important;line-height:1.35!important;
  font-weight:650!important;color:#517194!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog .ordnt-sales-danger-x{
  box-sizing:border-box!important;
  display:grid!important;place-items:center!important;
  width:42px!important;height:42px!important;
  min-width:42px!important;min-height:42px!important;
  padding:0!important;border-radius:11px!important;
  font-size:22px!important;line-height:1!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-help{
  margin:0!important;
  font-size:13px!important;line-height:1.5!important;
  color:#556c86!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-tools{
  display:flex!important;align-items:center!important;
  justify-content:space-between!important;flex-wrap:wrap!important;
  gap:10px!important;min-height:44px!important;
  border-top:1px solid #e6edf5!important;
  padding-top:9px!important;
  font-size:12px!important;color:#516b8a!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-tools>span strong{
  font-size:15px!important;color:#1f5ba0!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-select-all{
  min-height:44px!important;
  padding:8px 15px!important;
  border:1px solid #a5c7f4!important;
  border-radius:10px!important;
  background:#eff6ff!important;
  color:#1e60b2!important;
  font-size:13px!important;font-weight:800!important;
  touch-action:manipulation;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-list{
  min-height:0!important;max-height:none!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(156px,1fr))!important;
  align-content:start!important;gap:9px!important;
  padding:2px 3px 6px!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior:contain;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-list label{
  box-sizing:border-box!important;
  display:flex!important;align-items:center!important;
  min-width:0!important;min-height:70px!important;
  margin:0!important;padding:10px!important;
  gap:9px!important;
  border:1px solid #d6e3f0!important;
  border-radius:11px!important;
  background:#fafdff!important;
  cursor:pointer!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-list label:has(input:checked){
  border-color:#7daef0!important;
  background:#edf5ff!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-list label input{
  width:19px!important;height:19px!important;
  flex:0 0 19px!important;
  margin:0!important;accent-color:#246de6;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-list label span{
  display:grid!important;min-width:0!important;gap:3px!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-list label strong{
  font-size:13px!important;line-height:1.2!important;
  font-weight:800!important;color:#254363!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-list label small{
  font-size:11px!important;line-height:1.2!important;color:#6c829b!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:10px!important;flex-wrap:wrap!important;
  padding-top:14px!important;margin-top:0!important;
  border-top:1px solid #e6edf5!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-footnote{
  flex:1 1 210px!important;
  font-size:11px!important;line-height:1.3!important;
  color:#6f8098!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-actions button{
  min-height:46px!important;
  padding:9px 16px!important;
  border-radius:10px!important;
  font-size:13px!important;font-weight:850!important;
  touch-action:manipulation;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-actions button:disabled{
  opacity:.45!important;cursor:not-allowed!important;
}
body.ordnt-pos-live .ordnt-pos-availability-batch-dialog :is(button,input):focus-visible{
  outline:3px solid #92b9f2!important;outline-offset:2px!important;
}
@media(max-width:700px){
  body.ordnt-pos-live .ordnt-pos-availability-batch-overlay{
    padding:10px!important;
  }
  body.ordnt-pos-live .ordnt-pos-availability-batch-overlay>.ordnt-pos-availability-batch-dialog{
    width:100%!important;max-height:calc(100dvh - 20px)!important;
    padding:13px!important;border-radius:14px!important;
    gap:9px!important;
  }
  body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-head strong{
    font-size:16px!important;
  }
  body.ordnt-pos-live .ordnt-pos-availability-batch-help{
    font-size:12px!important;
  }
  body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-list label{
    min-height:60px!important;padding:8px!important;
  }
  body.ordnt-pos-live .ordnt-pos-availability-batch-dialog>.ordnt-sales-availability-batch-actions button{
    flex:1 1 125px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.ordnt-pos-live .ordnt-pos-availability-batch-dialog{
    animation:none!important;transition:none!important;
  }
}


/* One product card, two independent actions: sale and cashier favorite.
   No nested buttons and no extra rows; Promo stays beside its product name. */
body.ordnt-pos-live .ordnt-simple-products > .ordnt-simple-product {
  position:relative!important;
}
body.ordnt-pos-live .ordnt-simple-products > .ordnt-simple-product > .ordnt-pos-product-hit {
  position:absolute!important;inset:0!important;z-index:4!important;
  width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;border:0!important;
  background:transparent!important;opacity:0!important;
  cursor:pointer!important;
}
body.ordnt-pos-live .ordnt-simple-products > .ordnt-simple-product > .ordnt-pos-product-hit:disabled {
  cursor:not-allowed!important;
}
body.ordnt-pos-live .ordnt-simple-products > .ordnt-simple-product > .ordnt-pos-product-hit:focus-visible {
  opacity:1!important;outline:3px solid #3980ef!important;outline-offset:-3px!important;
  border-radius:inherit!important;
}
body.ordnt-pos-live .ordnt-simple-products > .ordnt-simple-product > :not(.ordnt-pos-product-hit):not(.ordnt-pos-product-favorite) {
  pointer-events:none!important;
}
body.ordnt-pos-live .ordnt-simple-products > .ordnt-simple-product > .ordnt-pos-product-favorite {
  position:absolute!important;right:2px!important;top:2px!important;
  z-index:6!important;display:grid!important;place-items:center!important;
  width:36px!important;height:36px!important;min-width:36px!important;
  min-height:36px!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:9px!important;
  color:#8493a8!important;background:transparent!important;
  box-shadow:none!important;cursor:pointer!important;touch-action:manipulation;
}
body.ordnt-pos-live .ordnt-simple-products > .ordnt-simple-product > .ordnt-pos-product-favorite.is-favorite {
  color:#e5a027!important;
}
body.ordnt-pos-live .ordnt-simple-products > .ordnt-simple-product > .ordnt-pos-product-favorite svg {
  width:19px!important;height:19px!important;pointer-events:none;
}
body.ordnt-pos-live .ordnt-simple-products > .ordnt-simple-product > .ordnt-pos-product-favorite:focus-visible {
  outline:2px solid #3980ef!important;outline-offset:-2px!important;
}
body.ordnt-pos-live .ordnt-pos-canonical:not(.ordnt-pos-checkout-active)
.ordnt-simple-products > .ordnt-simple-product.has-offer > .ordnt-pos-product-offer-icon {
  right:41px!important;top:8px!important;
  min-width:40px!important;max-width:52px!important;
  height:20px!important;padding:0 4px!important;
}
body.ordnt-pos-live .ordnt-pos-canonical:not(.ordnt-pos-checkout-active)
.ordnt-simple-products > .ordnt-simple-product > strong {
  box-sizing:border-box!important;
  padding-right:38px!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden!important;
}
body.ordnt-pos-live .ordnt-pos-canonical:not(.ordnt-pos-checkout-active)
.ordnt-simple-products > .ordnt-simple-product.has-offer > strong {
  padding-right:91px!important;
}