/* AYMAN_PURCHASE_MOBILE_LABELS_V5 */
.order-line-field{
  min-width:0;
  display:grid;
}

.order-line-field>span,
.order-line-total-wrap>span{
  display:none;
}

.order-line-total-wrap{
  min-width:0;
  display:grid;
  text-align:center;
}

.order-line-total{
  color:var(--purple);
  font-size:10px;
}

@media(max-width:560px){
  .purchase-order-line{
    grid-template-columns:repeat(3,minmax(0,1fr)) 31px;
    gap:7px;
    padding:11px 0;
  }

  .purchase-order-line>.order-line-item{
    grid-column:1/-2;
    padding:0 2px 4px;
  }

  .order-line-field{
    gap:5px;
  }

  .order-line-field>span,
  .order-line-total-wrap>span{
    display:block;
    font-size:8px;
    color:var(--muted);
    font-weight:800;
    text-align:center;
  }

  .purchase-order-line input{
    height:40px;
    font-size:12px;
    font-weight:800;
    background:#fff;
  }

  .purchase-order-line>.order-line-total-wrap{
    grid-column:1/-2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#f2edf5;
    border-radius:8px;
    padding:8px 10px;
    text-align:right;
  }

  .order-line-total-wrap>span{
    text-align:right;
  }

  .order-line-total{
    font-size:11px;
  }
}