/* V298 — Báo cáo doanh thu:
   Khách hàng + Nhân viên chuyển sang mobile/card từ <=1100px.
   Desktop >1100px giữ nguyên. */

@media (max-width:1100px){

  .v298-report-customer-section,
  .v298-report-employee-section{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .v298-report-customer-section .responsive-report-table,
  .v298-report-employee-section .responsive-report-table{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .v298-report-customer-section .responsive-report-table table,
  .v298-report-customer-section .responsive-report-table tbody,
  .v298-report-customer-section .responsive-report-table tr,
  .v298-report-customer-section .responsive-report-table td,
  .v298-report-employee-section .responsive-report-table table,
  .v298-report-employee-section .responsive-report-table tbody,
  .v298-report-employee-section .responsive-report-table tr,
  .v298-report-employee-section .responsive-report-table td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .v298-report-customer-section .responsive-report-table table,
  .v298-report-employee-section .responsive-report-table table{
    min-width:0!important;
    table-layout:auto!important;
  }

  .v298-report-customer-section .responsive-report-table thead,
  .v298-report-employee-section .responsive-report-table thead{
    display:none!important;
  }

  .v298-report-customer-section .responsive-report-table tbody,
  .v298-report-employee-section .responsive-report-table tbody{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .v298-report-customer-section .responsive-report-table tr,
  .v298-report-employee-section .responsive-report-table tr{
    border:1px solid var(--border)!important;
    border-radius:10px!important;
    background:var(--background)!important;
    padding:5px 12px!important;
    overflow:hidden!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  }

  .v298-report-customer-section .responsive-report-table td,
  .v298-report-employee-section .responsive-report-table td{
    display:grid!important;
    grid-template-columns:minmax(115px,38%) minmax(0,1fr)!important;
    align-items:start!important;
    gap:12px!important;
    padding:8px 0!important;
    border-bottom:1px dashed color-mix(in srgb,currentColor 10%,transparent)!important;
    white-space:normal!important;
    text-align:right!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    line-height:1.4!important;
    font-size:12px!important;
  }

  .v298-report-customer-section .responsive-report-table td:last-child,
  .v298-report-employee-section .responsive-report-table td:last-child{
    border-bottom:0!important;
  }

  .v298-report-customer-section .responsive-report-table td::before,
  .v298-report-employee-section .responsive-report-table td::before{
    content:attr(data-label);
    display:block!important;
    min-width:0!important;
    color:var(--muted-foreground)!important;
    font-size:10px!important;
    font-weight:750!important;
    line-height:1.35!important;
    letter-spacing:.025em!important;
    text-align:left!important;
    text-transform:uppercase!important;
  }

  .v298-report-customer-section .responsive-report-table td > *,
  .v298-report-employee-section .responsive-report-table td > *{
    min-width:0!important;
    max-width:100%!important;
    justify-self:end!important;
    text-align:right!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .v298-report-customer-section .responsive-report-table .tabular,
  .v298-report-employee-section .responsive-report-table .tabular{
    white-space:normal!important;
    font-variant-numeric:tabular-nums;
  }

  .v298-report-employee-section .responsive-report-table button{
    width:auto!important;
    min-height:34px!important;
    justify-self:end!important;
  }
}

/* 800px / tablet: thông tin chia hai phía rõ ràng */
@media (min-width:641px) and (max-width:1100px){
  .v298-report-customer-section .responsive-report-table tbody,
  .v298-report-employee-section .responsive-report-table tbody{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
}

/* Điện thoại: 1 card / hàng */
@media (max-width:640px){
  .v298-report-customer-section .responsive-report-table tbody,
  .v298-report-employee-section .responsive-report-table tbody{
    grid-template-columns:1fr!important;
  }

  .v298-report-customer-section .responsive-report-table td,
  .v298-report-employee-section .responsive-report-table td{
    grid-template-columns:minmax(100px,40%) minmax(0,1fr)!important;
    gap:10px!important;
  }
}