/*
 * Xeus POS v3.7.3.239
 * Carrito de venta para portatiles compactos.
 *
 * Entre 1200 y 1399 px el panel derecho sigue siendo estrecho, pero la
 * version anterior intentaba mantener producto, +, -, unidad, total y borrar
 * en una sola fila. Los controles de 38 px terminaban invadiendo sus celdas.
 * Esta capa conserva el flujo del POS y distribuye cada articulo en dos
 * niveles, sin cambiar el marcado ni el calculo del carrito.
 */
@media (min-width:1200px) and (max-width:1399.98px){
  .xeus-pos-workspace-grid{
    grid-template-columns:minmax(0,1fr) clamp(370px,31vw,392px)!important;
    gap:.62rem!important;
  }

  #cart_summary .pos-cart-items-scroll{
    padding:.18rem .22rem .35rem;
  }

  #cart_summary .pos-cart-items-scroll table.pos-cart-summary-grid,
  #cart_summary .pos-cart-items-scroll table.pos-cart-summary-grid tbody{
    display:block;
    width:100%;
    margin:0;
  }

  #cart_summary .pos-cart-items-scroll table.pos-cart-summary-grid{
    table-layout:auto;
  }

  #cart_summary .pos-cart-items-scroll .pos-cart-line{
    display:grid;
    grid-template-columns:38px 38px minmax(56px,auto) minmax(0,1fr) minmax(76px,auto) 38px;
    grid-template-areas:
      "product product product product total delete"
      "plus minus qty qty . .";
    column-gap:.42rem;
    row-gap:.34rem;
    align-items:center;
    width:100%;
    padding:.62rem .54rem .56rem;
    border-bottom:1px solid #edf0f4;
    background:#fff;
  }

  #cart_summary .pos-cart-items-scroll .pos-cart-line:hover{
    background:#fbfcff;
  }

  #cart_summary .pos-cart-items-scroll .pos-cart-line td{
    display:block;
    width:auto!important;
    min-width:0;
    padding:0!important;
    border:0!important;
  }

  #cart_summary .pos-cart-col-product{
    grid-area:product;
    padding-left:0!important;
  }

  #cart_summary .pos-cart-line .pos-cart-col-step:nth-of-type(2){grid-area:plus}
  #cart_summary .pos-cart-line .pos-cart-col-step:nth-of-type(3){grid-area:minus}

  #cart_summary .pos-cart-col-qty{
    grid-area:qty;
    text-align:left!important;
  }

  #cart_summary .pos-cart-col-total{
    grid-area:total;
    align-self:start;
    padding-top:.18rem!important;
    text-align:right!important;
    white-space:nowrap;
  }

  #cart_summary .pos-cart-col-delete{
    grid-area:delete;
    align-self:start;
    padding-right:0!important;
    text-align:right!important;
  }

  #cart_summary .pos-cart-icon-action{
    width:38px;
    height:38px;
    min-width:38px;
  }

  #cart_summary .pos-cart-qty-badge{
    min-width:56px;
    min-height:32px;
    padding:.20rem .50rem;
    white-space:nowrap;
  }
}