/* V369 — Top 5 sản phẩm bán chạy: tối ưu desktop nhiều cấu hình */

/* Khung Top 5 phải co đúng trong cột dashboard */
.v367-top5-table{
  width:100%;
  min-width:0;
  overflow:hidden;
}
.v367-top5-head,
.v367-top5-row{
  box-sizing:border-box;
  width:100%;
  min-width:0;
}

/* Desktop lớn: giữ đủ 5 cột */
@media (min-width:1500px){
  .v367-top5-head,
  .v367-top5-row{
    grid-template-columns:30px minmax(180px,1fr) 78px 62px minmax(112px,132px)!important;
    column-gap:9px!important;
  }
  .v367-top5-product strong{font-size:11.8px!important}
  .v367-top5-revenue{font-size:11.4px!important}
}

/* Desktop tiêu chuẩn 1366–1499 */
@media (min-width:1280px) and (max-width:1499px){
  .v367-top5-head,
  .v367-top5-row{
    grid-template-columns:26px minmax(125px,1fr) 62px 48px minmax(92px,108px)!important;
    column-gap:6px!important;
  }
  .v367-top5-head{
    padding-left:5px!important;
    padding-right:5px!important;
    font-size:7.8px!important;
  }
  .v367-top5-row{
    padding-left:5px!important;
    padding-right:5px!important;
  }
  .v367-top5-product strong{
    font-size:10.4px!important;
    line-height:1.28!important;
  }
  .v367-top5-product small{
    font-size:8.1px!important;
  }
  .v367-top5-number strong,
  .v367-top5-orders,
  .v367-top5-revenue{
    font-size:9.8px!important;
  }
}

/* 12–14 inch laptop / 1024–1279:
   giữ bảng đủ thông tin, nhưng thu cột doanh thu và metadata */
@media (min-width:1024px) and (max-width:1279px){
  .v367-top5-head,
  .v367-top5-row{
    grid-template-columns:24px minmax(92px,1fr) 52px 42px minmax(78px,90px)!important;
    column-gap:4px!important;
  }
  .v367-top5-head{
    padding:0 4px 6px!important;
    font-size:7.2px!important;
    letter-spacing:.02em!important;
  }
  .v367-top5-row{
    min-height:46px!important;
    padding:6px 4px!important;
  }
  .v367-top5-rank{
    width:20px!important;
    height:20px!important;
    font-size:9px!important;
  }
  .v367-top5-product strong{
    font-size:9.7px!important;
    line-height:1.25!important;
  }
  .v367-top5-product small{
    font-size:7.5px!important;
  }
  .v367-top5-number strong,
  .v367-top5-orders,
  .v367-top5-revenue{
    font-size:9.1px!important;
  }
  .v367-top5-number small{
    font-size:7.5px!important;
  }
}

/* Khi dashboard cột thực tế bị hẹp vì zoom Windows 125% hoặc sidebar rộng:
   ẩn "Số đơn" khỏi header/row thay vì làm vỡ bố cục. */
@media (min-width:1024px) and (max-width:1120px){
  .v367-top5-head,
  .v367-top5-row{
    grid-template-columns:24px minmax(105px,1fr) 54px minmax(82px,96px)!important;
  }
  .v367-top5-head span:nth-child(4),
  .v367-top5-row .v367-top5-orders{
    display:none!important;
  }
}

/* Không cho doanh thu xuống dòng */
.v367-top5-revenue{
  min-width:0;
  white-space:nowrap!important;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Tên sản phẩm tối đa 1 dòng ở desktop để các hàng cân nhau */
@media (min-width:1024px){
  .v367-top5-product strong,
  .v367-top5-product small{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* Ở màn hình 1280 trở xuống, giảm padding riêng card Top 5 */
@media (min-width:1024px) and (max-width:1280px){
  .ledger-cell:has(.v367-top5-table){
    padding-left:12px!important;
    padding-right:12px!important;
  }
}

/* Browser không hỗ trợ :has vẫn an toàn nhờ các rule bảng phía trên. */

/* Mobile giữ nguyên thiết kế V367 */