/* V614 — ONLY: DANH SACH DON HANG TRONG NGAY
   Desktop: force true table layout to eliminate legacy grid/block conflicts.
   Mobile <= 900px: compact cards. No other report section is touched. */

/* ===== Panel ===== */
.v577-page .v608-daily-orders-panel{
  width:100%!important;
  margin:14px 0 0!important;
  background:#fff!important;
  border:1px solid #dce6f0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  box-shadow:0 2px 8px rgba(26,55,86,.035)!important;
}
.v577-page .v608-daily-orders-head{
  min-height:70px!important;
  padding:14px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  background:#fff!important;
  border-bottom:1px solid #e4ebf3!important;
}
.v577-page .v608-daily-orders-head h3{
  margin:0!important;
  color:#12385e!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
}
.v577-page .v608-daily-orders-head p{
  margin:5px 0 0!important;
  color:#8292a5!important;
  font-size:10.5px!important;
  line-height:1.25!important;
}
.v577-page .v608-daily-orders-total{
  min-width:154px!important;
  padding:8px 13px!important;
  text-align:right!important;
  background:#f7fcf9!important;
  border:1px solid #cfe8da!important;
  border-radius:9px!important;
  white-space:nowrap!important;
}
.v577-page .v608-daily-orders-total span{
  display:block!important;
  color:#748496!important;
  font-size:8.8px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}
.v577-page .v608-daily-orders-total b{
  display:block!important;
  margin-top:3px!important;
  color:#078249!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums!important;
}

/* ===== Desktop true table ===== */
@media (min-width:901px){
  .v577-page .v608-daily-orders-table-wrap{
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    background:#fff!important;
  }
  .v577-page .v608-daily-orders-table{
    display:table!important;
    width:100%!important;
    min-width:1120px!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
    border-spacing:0!important;
    margin:0!important;
    background:#fff!important;
    font-size:10.5px!important;
  }
  .v577-page .v608-daily-orders-table colgroup{display:table-column-group!important}
  .v577-page .v608-daily-orders-table col{display:table-column!important}
  .v577-page .v608-daily-orders-table thead{display:table-header-group!important}
  .v577-page .v608-daily-orders-table tbody{
    display:table-row-group!important;
    grid-template-columns:none!important;
    gap:0!important;
  }
  .v577-page .v608-daily-orders-table tr{
    display:table-row!important;
    grid-template-columns:none!important;
    gap:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .v577-page .v608-daily-orders-table th,
  .v577-page .v608-daily-orders-table td{
    display:table-cell!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
    vertical-align:middle!important;
  }

  /* One authoritative width map for BOTH head and body. */
  .v577-page .v608-daily-orders-table col:nth-child(1){width:4.5%!important}
  .v577-page .v608-daily-orders-table col:nth-child(2){width:8%!important}
  .v577-page .v608-daily-orders-table col:nth-child(3){width:26%!important}
  .v577-page .v608-daily-orders-table col:nth-child(4){width:18%!important}
  .v577-page .v608-daily-orders-table col:nth-child(5){width:10%!important}
  .v577-page .v608-daily-orders-table col:nth-child(6){width:10%!important}
  .v577-page .v608-daily-orders-table col:nth-child(7){width:8%!important}
  .v577-page .v608-daily-orders-table col:nth-child(8){width:10%!important}
  .v577-page .v608-daily-orders-table col:nth-child(9){width:5.5%!important}

  .v577-page .v608-daily-orders-table thead th{
    height:38px!important;
    padding:8px 11px!important;
    color:#24435f!important;
    background:#f4f8fc!important;
    border-bottom:1px solid #d7e3ee!important;
    font-size:9px!important;
    line-height:1.15!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.025em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .v577-page .v608-daily-orders-table tbody td{
    height:52px!important;
    padding:10px 11px!important;
    color:#34495e!important;
    background:#fff!important;
    border-bottom:1px solid #e7edf4!important;
    font-size:10px!important;
    line-height:1.25!important;
  }
  .v577-page .v608-daily-orders-table tbody tr:last-child td{border-bottom:0!important}
  .v577-page .v608-daily-orders-table tbody tr:nth-child(even) td{background:#fbfcfe!important}
  .v577-page .v608-daily-orders-table tbody tr:hover td{background:#f5f9fd!important}

  /* Alignment */
  .v577-page .v608-daily-orders-table th:nth-child(1),
  .v577-page .v608-daily-orders-table td:nth-child(1),
  .v577-page .v608-daily-orders-table th:nth-child(5),
  .v577-page .v608-daily-orders-table td:nth-child(5),
  .v577-page .v608-daily-orders-table th:nth-child(9),
  .v577-page .v608-daily-orders-table td:nth-child(9){text-align:center!important}

  .v577-page .v608-daily-orders-table th:nth-child(6),
  .v577-page .v608-daily-orders-table td:nth-child(6),
  .v577-page .v608-daily-orders-table th:nth-child(7),
  .v577-page .v608-daily-orders-table td:nth-child(7),
  .v577-page .v608-daily-orders-table th:nth-child(8),
  .v577-page .v608-daily-orders-table td:nth-child(8){text-align:right!important}

  /* Text must stay inside its own column. */
  .v577-page .v608-daily-orders-table td:nth-child(2),
  .v577-page .v608-daily-orders-table td:nth-child(3),
  .v577-page .v608-daily-orders-table td:nth-child(4),
  .v577-page .v608-daily-orders-table td:nth-child(5),
  .v577-page .v608-daily-orders-table td:nth-child(9){
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .v577-page .v608-daily-orders-table td:nth-child(2) b{
    color:#075f9d!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  .v577-page .v608-daily-orders-table .money{
    display:table-cell!important;
    text-align:right!important;
    font-weight:850!important;
    font-variant-numeric:tabular-nums!important;
    white-space:nowrap!important;
  }
  .v577-page .v608-daily-orders-table .money.collected{color:#07834d!important}
  .v577-page .v608-daily-orders-table .money.debt{color:#d76800!important}
  .v577-page .v608-order-status{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:24px!important;
    max-width:100%!important;
    padding:4px 9px!important;
    color:#07578d!important;
    background:#eaf4fb!important;
    border:1px solid #d2e5f3!important;
    border-radius:999px!important;
    font-size:8.8px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
}

/* ===== Mobile: keep ONLY this block in card form ===== */
@media (max-width:900px){
  .v577-page .v608-daily-orders-head{
    min-height:0!important;
    padding:12px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:9px!important;
  }
  .v577-page .v608-daily-orders-total{
    width:100%!important;
    min-width:0!important;
    text-align:left!important;
  }
  .v577-page .v608-daily-orders-table-wrap{
    width:100%!important;
    max-height:none!important;
    padding:10px!important;
    overflow:visible!important;
    background:#f6f9fc!important;
  }
  .v577-page .v608-daily-orders-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    table-layout:auto!important;
  }
  .v577-page .v608-daily-orders-table colgroup,
  .v577-page .v608-daily-orders-table thead{display:none!important}
  .v577-page .v608-daily-orders-table tbody{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .v577-page .v608-daily-orders-table tr{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px 12px!important;
    padding:12px!important;
    background:#fff!important;
    border:1px solid #dfe8f1!important;
    border-radius:10px!important;
    box-shadow:0 2px 7px rgba(28,59,88,.035)!important;
  }
  .v577-page .v608-daily-orders-table td{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    text-align:left!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .v577-page .v608-daily-orders-table td:before{
    content:attr(data-label)!important;
    display:block!important;
    margin-bottom:3px!important;
    color:#8796a7!important;
    font-size:8.5px!important;
    font-weight:850!important;
    text-transform:uppercase!important;
    letter-spacing:.025em!important;
  }
  .v577-page .v608-daily-orders-table td[data-label="Khách hàng"],
  .v577-page .v608-daily-orders-table td[data-label="Sale"]{grid-column:1/-1!important}
  .v577-page .v608-daily-orders-table .money{
    display:block!important;
    text-align:left!important;
  }
}