/* POS: independent left column keeps client directly beneath the cart. */
@media (min-width:1024px){
  body.erp-pos-active .pos19-shell{
    grid-template-areas:"left cash" "left checkout"!important;
    grid-template-rows:var(--pos252-toolbar-h,48px) auto!important;
    align-items:start!important;gap:10px 12px!important;
    background:transparent!important;
  }
  body.erp-pos-active .pos19-workspace{display:contents!important}
  body.erp-pos-active .pos19-main{
    grid-area:left!important;display:flex!important;flex-direction:column!important;
    align-self:start!important;justify-content:flex-start!important;
    width:100%!important;height:auto!important;min-height:0!important;
    gap:10px!important;
  }
  body.erp-pos-active .pos19-main>*{min-width:0!important;margin:0!important}
  body.erp-pos-active .pos19-search-card{order:0;grid-area:auto!important;width:100%!important}
  body.erp-pos-active .pos19-cart-card{order:1;grid-area:auto!important;width:100%!important}
  body.erp-pos-active .pos19-client-card{order:2;grid-area:auto!important;width:100%!important}
  body.erp-pos-active .pos19-cashbar{grid-area:cash!important}
  body.erp-pos-active .pos19-checkout{grid-area:checkout!important}
  body.erp-pos-active .pos19-cart-card,
  body.erp-pos-active .pos19-client-card,
  body.erp-pos-active .pos19-checkout-card{
    box-shadow:0 8px 24px rgba(15,23,42,.055),0 1px 2px rgba(15,23,42,.04)!important;
  }
  body.erp-pos-active .pos19-cart-card>div:first-child{
    background:linear-gradient(110deg,#fff 0%,#f7fbff 100%)!important;
  }
  body.erp-pos-active .pos19-checkout-body{padding:14px!important}
  body.erp-pos-active .pos19-total-card{padding:16px!important;border-radius:18px!important}
}

/* Cards have a compact horizontal form until there is room for a real table. */
@media (min-width:1024px){
  .pos19-cart-card{container-type:inline-size}
  @container (max-width:1300px){
    .pos19-cart-card .pos19-cart-scroll-desktop{display:none!important}
    .pos19-cart-card .pos19-cart-scroll-mobile{
      display:block!important;max-height:min(55dvh,620px)!important;
      overflow-y:auto!important;padding:10px!important;background:#f8fafc!important;
    }
    .pos19-cart-card .pos19-cart-scroll-mobile article{
      border-color:#dbe5f1!important;border-radius:14px!important;
      box-shadow:0 2px 7px rgba(15,23,42,.035)!important;
    }
    .pos19-cart-card .pos19-cart-scroll-mobile article input[type="number"]{
      min-width:0!important;max-width:100%!important;
    }
    .pos19-cart-card .pos19-cart-scroll-mobile article span.rounded-full{
      white-space:nowrap!important;
    }
  }
  @container (min-width:760px) and (max-width:1300px){
    .pos19-cart-card .pos19-cart-scroll-mobile article{
      display:grid!important;
      grid-template-columns:minmax(210px,1.25fr) minmax(310px,1fr) minmax(180px,.65fr);
      align-items:stretch;
    }
    .pos19-cart-card .pos19-cart-scroll-mobile article>div:first-child{
      min-width:0;align-items:center!important;padding:12px 14px!important;
    }
    .pos19-cart-card .pos19-cart-scroll-mobile article>div:first-child p:first-child{
      white-space:normal!important;line-height:1.35!important;
      display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    }
    .pos19-cart-card .pos-mobile-line-grid{
      min-width:0;align-content:center;
      border-top:0!important;border-left:1px solid #e2e8f0!important;
      border-right:1px solid #e2e8f0!important;
      background:#fff!important;padding:10px 12px!important;
    }
    .pos19-cart-card .pos19-cart-scroll-mobile article>div:nth-child(3){
      min-width:0;display:flex!important;flex-direction:column!important;
      align-items:flex-end!important;justify-content:center!important;
      gap:7px!important;border-top:0!important;padding:10px 12px!important;
    }
    .pos19-cart-card .pos19-cart-scroll-mobile article>div:nth-child(3)>div{
      white-space:nowrap!important;
    }
  }
}

@media (max-width:1023px){
  .pos19-main{gap:10px!important}
  .pos19-cart-scroll-mobile article{border-radius:14px!important}
  .pos19-cart-scroll-mobile article span.rounded-full{white-space:nowrap!important}
}