/* =========================================================
   V384 — Auto sync hidden + mobile quote product cards
   Desktop/print remain table-based.
   ========================================================= */

/* Manual sync UI removed; keep defensive hide for cached markup */
.v370-quote-toolbar .sync-old,
.v375-sync-status{
  display:none!important;
}

/* Mobile quote products become clean cards instead of a squeezed horizontal table */
@media (max-width:900px){
  .v379-a4-paper .v372-table-wrap{
    overflow:visible!important;
    padding:0 10px!important;
  }

  .v379-a4-paper .v372-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }

  .v379-a4-paper .v372-table thead{
    display:none!important;
  }

  .v379-a4-paper .v372-table tbody{
    display:grid!important;
    gap:10px!important;
  }

  .v379-a4-paper .v372-table tr{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    border:1px solid #cfdad4!important;
    border-radius:10px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 2px 8px rgba(17,43,29,.035)!important;
  }

  .v379-a4-paper .v372-table td{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-height:42px!important;
    height:auto!important;
    padding:9px 10px!important;
    border:0!important;
    border-bottom:1px solid #e1e9e4!important;
    background:#fff!important;
    text-align:left!important;
    white-space:normal!important;
    font-size:10.8px!important;
    line-height:1.35!important;
    color:#1c2921!important;
  }

  .v379-a4-paper .v372-table td::before{
    display:block!important;
    font-size:8.5px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
    color:#68786f!important;
  }

  .v379-a4-paper .v372-table td:nth-child(1)::before{content:"STT"}
  .v379-a4-paper .v372-table td:nth-child(2)::before{content:"Mã hàng"}
  .v379-a4-paper .v372-table td:nth-child(3)::before{content:"Sản phẩm"}
  .v379-a4-paper .v372-table td:nth-child(4)::before{content:"ĐVT"}
  .v379-a4-paper .v372-table td:nth-child(5)::before{content:"Số lượng"}
  .v379-a4-paper .v372-table td:nth-child(6)::before{content:"Đơn giá"}
  .v379-a4-paper .v372-table td:nth-child(7)::before{content:"Thành tiền"}

  /* Product name gets full width and stronger hierarchy */
  .v379-a4-paper .v372-table td:nth-child(3){
    grid-column:1/-1!important;
    order:-2!important;
    min-height:52px!important;
    padding:11px 12px!important;
    background:#f7fbf8!important;
    border-bottom:1px solid #d6e2da!important;
    font-size:12.6px!important;
    font-weight:900!important;
    color:#075b34!important;
  }

  /* Amount gets full width as visual total for the item */
  .v379-a4-paper .v372-table td:nth-child(7){
    grid-column:1/-1!important;
    min-height:48px!important;
    padding:10px 12px!important;
    border-bottom:0!important;
    background:#f4faf6!important;
    color:#075b34!important;
    font-size:13px!important;
    font-weight:950!important;
  }

  .v379-a4-paper .v372-table td:nth-child(7)::before{
    color:#075b34!important;
  }

  /* Middle cells form two-column compact detail grid */
  .v379-a4-paper .v372-table td:nth-child(1),
  .v379-a4-paper .v372-table td:nth-child(2),
  .v379-a4-paper .v372-table td:nth-child(4),
  .v379-a4-paper .v372-table td:nth-child(5),
  .v379-a4-paper .v372-table td:nth-child(6){
    grid-template-columns:1fr!important;
    gap:4px!important;
    text-align:left!important;
  }

  .v379-a4-paper .v372-table td:nth-child(1),
  .v379-a4-paper .v372-table td:nth-child(4){
    border-right:1px solid #e1e9e4!important;
  }

  .v379-a4-paper .v372-table td:nth-child(6){
    grid-column:1/-1!important;
  }

  .v379-a4-paper .v372-table td:nth-child(6),
  .v379-a4-paper .v372-table td:nth-child(7){
    font-variant-numeric:tabular-nums!important;
  }
}

/* Print remains the A4 table and ignores mobile card layout */
@media print{
  .v379-a4-paper .v372-table{
    display:table!important;
    width:100%!important;
  }
  .v379-a4-paper .v372-table thead{
    display:table-header-group!important;
  }
  .v379-a4-paper .v372-table tbody{
    display:table-row-group!important;
  }
  .v379-a4-paper .v372-table tr{
    display:table-row!important;
    border:0!important;
    box-shadow:none!important;
  }
  .v379-a4-paper .v372-table td{
    display:table-cell!important;
  }
  .v379-a4-paper .v372-table td::before{
    display:none!important;
    content:none!important;
  }
}