/* V307 — Cân lại bố cục hàng sản phẩm trong Tạo/Sửa đơn.
   Mục tiêu: không ép Thành tiền, không rơi nút Xóa, không dư khoảng trắng vô lý. */

/* DESKTOP */
@media (min-width:1280px){

  .order-dialog-content .v307-order-line-card{
    width:100%!important;
    max-width:100%!important;
    padding:14px 16px!important;
    overflow:hidden!important;
  }

  .order-dialog-content .v303-order-line-fields{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    /* 10 cột cân đối:
       SP | SL | ĐVT | NCC | VAT nhập | Giá nhập | Giá bán | VAT bán | Thành tiền | Xóa */
    grid-template-columns:
      minmax(260px,2.75fr)
      minmax(92px,.68fr)
      minmax(105px,.78fr)
      minmax(160px,1.25fr)
      minmax(100px,.72fr)
      minmax(130px,.92fr)
      minmax(130px,.92fr)
      minmax(105px,.76fr)
      minmax(145px,1fr)
      34px!important;

    column-gap:10px!important;
    row-gap:8px!important;
    align-items:end!important;
    overflow:visible!important;
  }

  .order-dialog-content .v303-order-line-fields > *{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }

  .order-dialog-content .v303-order-line-fields input,
  .order-dialog-content .v303-order-line-fields select,
  .order-dialog-content .v303-order-line-fields [data-slot="select-trigger"]{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* Tên SP / NCC không đẩy cột */
  .order-dialog-content .v303-order-line-fields [data-slot="select-value"],
  .order-dialog-content .v303-order-line-fields [class*="truncate"]{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Thành tiền */
  .order-dialog-content .v303-order-line-fields > *:nth-child(9){
    min-width:0!important;
    text-align:right!important;
    white-space:nowrap!important;
  }

  .order-dialog-content .v303-order-line-fields > *:nth-child(9) > div{
    justify-content:flex-end!important;
    white-space:nowrap!important;
  }

  /* Nút xóa cùng hàng */
  .order-dialog-content .v303-order-line-fields > *:nth-child(10){
    grid-column:10!important;
    grid-row:1!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    justify-self:end!important;
    align-self:end!important;
    margin:0!important;
  }

  /* Dòng phụ dưới hàng sản phẩm */
  .order-dialog-content .v307-order-line-card > div:last-child{
    margin-top:12px!important;
    padding-top:9px!important;
    border-top:1px dashed color-mix(in srgb,var(--border) 70%,transparent)!important;
  }
}

/* 1280–1535: desktop hẹp / Scale 125% */
@media (min-width:1280px) and (max-width:1535px){
  .order-dialog-content .v303-order-line-fields{
    grid-template-columns:
      minmax(220px,2.45fr)
      minmax(86px,.65fr)
      minmax(96px,.72fr)
      minmax(145px,1.15fr)
      minmax(92px,.68fr)
      minmax(120px,.9fr)
      minmax(120px,.9fr)
      minmax(96px,.72fr)
      minmax(132px,.98fr)
      32px!important;
    column-gap:8px!important;
  }

  .order-dialog-content .v303-order-line-fields > *:nth-child(10){
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
  }

  .order-dialog-content .v303-order-line-fields label,
  .order-dialog-content .v303-order-line-fields [class*="text-[11px]"]{
    line-height:1.25!important;
  }
}

/* 1100–1279: 2 hàng có chủ đích, tránh ép quá mức */
@media (min-width:1100px) and (max-width:1279px){
  .order-dialog-content .v307-order-line-card{
    padding:13px!important;
  }

  .order-dialog-content .v303-order-line-fields{
    display:grid!important;
    width:100%!important;
    grid-template-columns:
      minmax(200px,1.7fr)
      minmax(95px,.7fr)
      minmax(105px,.75fr)
      minmax(175px,1.25fr)
      minmax(100px,.72fr)!important;
    gap:10px!important;
    align-items:end!important;
  }

  .order-dialog-content .v303-order-line-fields > *{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .order-dialog-content .v303-order-line-fields > *:nth-child(1){grid-column:1;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(2){grid-column:2;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(3){grid-column:3;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(4){grid-column:4;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(5){grid-column:5;grid-row:1}

  .order-dialog-content .v303-order-line-fields > *:nth-child(6){grid-column:1;grid-row:2}
  .order-dialog-content .v303-order-line-fields > *:nth-child(7){grid-column:2;grid-row:2}
  .order-dialog-content .v303-order-line-fields > *:nth-child(8){grid-column:3;grid-row:2}
  .order-dialog-content .v303-order-line-fields > *:nth-child(9){grid-column:4;grid-row:2;text-align:right!important}
  .order-dialog-content .v303-order-line-fields > *:nth-child(10){
    grid-column:5;grid-row:2;
    width:34px!important;
    min-width:34px!important;
    justify-self:end!important;
  }
}

/* Màn hình rất rộng */
@media (min-width:1920px){
  .order-dialog-content .v303-order-line-fields{
    grid-template-columns:
      minmax(320px,3fr)
      minmax(110px,.7fr)
      minmax(120px,.78fr)
      minmax(220px,1.45fr)
      minmax(110px,.72fr)
      minmax(150px,.95fr)
      minmax(150px,.95fr)
      minmax(115px,.76fr)
      minmax(170px,1.02fr)
      36px!important;
    column-gap:12px!important;
  }
}

/* Mobile giữ nguyên */
@media (max-width:1099px){
  .order-dialog-content .v307-order-line-card{
    width:100%!important;
    max-width:100%!important;
  }
}