/* V608 - Daily Report professional responsive UI */
:root{
  --v608-bg:#f3f7fb;
  --v608-card:#ffffff;
  --v608-border:#dfe7f1;
  --v608-text:#17324f;
  --v608-muted:#6f8197;
  --v608-accent:#1769aa;
  --v608-success:#0b7a4b;
  --v608-warning:#b76800;
}

body{background:var(--v608-bg)!important}

.v577-page,
.v577-report-page,
[data-page="daily-report"]{
  max-width:100%!important;
}

.v577-panel,
.v608-daily-orders-panel{
  border:1px solid var(--v608-border)!important;
  border-radius:14px!important;
  background:var(--v608-card)!important;
  box-shadow:0 6px 22px rgba(24,56,92,.06)!important;
}

.v608-daily-orders-panel{
  margin-top:18px!important;
  overflow:hidden!important;
}

.v608-daily-orders-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:18px 20px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#f5f9fe 100%)!important;
  border-bottom:1px solid var(--v608-border)!important;
}

.v608-daily-orders-head h3{
  margin:0!important;
  color:#0f335b!important;
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}

.v608-daily-orders-head p{
  margin:6px 0 0!important;
  color:var(--v608-muted)!important;
  font-size:12px!important;
  line-height:1.5!important;
}

.v608-daily-orders-total{
  min-width:180px!important;
  padding:10px 14px!important;
  border:1px solid #dce8f3!important;
  border-radius:12px!important;
  background:#fff!important;
  text-align:right!important;
}

.v608-daily-orders-total span{
  color:var(--v608-muted)!important;
  font-size:11px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

.v608-daily-orders-total b{
  margin-top:4px!important;
  color:var(--v608-success)!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

.v608-daily-orders-table-wrap{
  width:100%!important;
  overflow-x:auto!important;
  scrollbar-width:thin;
}

.v608-daily-orders-table{
  width:100%!important;
  min-width:1080px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  font-size:13px!important;
}

.v608-daily-orders-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  padding:12px 10px!important;
  background:#eef5fb!important;
  color:#2a4564!important;
  border-bottom:1px solid #d7e2ec!important;
  font-size:11.5px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}

.v608-daily-orders-table tbody td{
  padding:12px 10px!important;
  color:#26384d!important;
  border-bottom:1px solid #edf2f7!important;
  background:#fff!important;
  vertical-align:middle!important;
}

.v608-daily-orders-table tbody tr:nth-child(even) td{
  background:#fbfdff!important;
}

.v608-daily-orders-table tbody tr:hover td{
  background:#f4f9fd!important;
}

.v608-daily-orders-table td:first-child,
.v608-daily-orders-table th:first-child{
  padding-left:16px!important;
}

.v608-daily-orders-table td:last-child,
.v608-daily-orders-table th:last-child{
  padding-right:16px!important;
}

.v608-daily-orders-table td[data-label="Mã đơn"] b{
  color:#0f4f85!important;
  font-size:12.5px!important;
}

.v608-daily-orders-table .money{
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
  font-weight:800!important;
}

.v608-daily-orders-table .money.collected{
  color:var(--v608-success)!important;
}

.v608-daily-orders-table .money.debt{
  color:var(--v608-warning)!important;
}

.v608-order-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:#edf4fb!important;
  color:#24496f!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

.v608-daily-orders-empty{
  padding:36px 20px!important;
  color:var(--v608-muted)!important;
  text-align:center!important;
  font-size:13px!important;
}

/* Improve top report controls */
@media (min-width:1101px){
  .v577-page,
  .v577-report-page{
    padding:20px 24px 28px!important;
  }

  .v608-daily-orders-table-wrap{
    max-height:560px!important;
    overflow:auto!important;
  }
}

/* Tablet / Mobile */
@media (max-width:1100px){
  .v577-page,
  .v577-report-page{
    padding:12px!important;
  }

  .v577-panel,
  .v608-daily-orders-panel{
    border-radius:14px!important;
  }

  .v608-daily-orders-head{
    padding:15px!important;
    align-items:flex-start!important;
    gap:12px!important;
  }

  .v608-daily-orders-head h3{
    font-size:15px!important;
    line-height:1.35!important;
  }

  .v608-daily-orders-head p{
    font-size:11.5px!important;
  }

  .v608-daily-orders-total{
    min-width:150px!important;
    padding:9px 11px!important;
  }

  .v608-daily-orders-total b{
    font-size:17px!important;
  }

  .v608-daily-orders-table-wrap{
    overflow:visible!important;
    padding:10px!important;
  }

  .v608-daily-orders-table{
    min-width:0!important;
    display:block!important;
  }

  .v608-daily-orders-table thead{
    display:none!important;
  }

  .v608-daily-orders-table tbody{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .v608-daily-orders-table tr{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px 12px!important;
    padding:13px!important;
    border:1px solid #e1e9f1!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 3px 10px rgba(20,49,80,.04)!important;
  }

  .v608-daily-orders-table td{
    display:block!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    text-align:left!important;
    overflow-wrap:anywhere!important;
  }

  .v608-daily-orders-table td:before{
    content:attr(data-label)!important;
    display:block!important;
    margin-bottom:4px!important;
    color:#8391a2!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.03em!important;
  }

  .v608-daily-orders-table td[data-label="Mã đơn"],
  .v608-daily-orders-table td[data-label="Khách hàng"]{
    grid-column:1/-1!important;
  }

  .v608-daily-orders-table td[data-label="Mã đơn"]{
    padding-bottom:7px!important;
    border-bottom:1px dashed #e7edf3!important;
  }

  .v608-daily-orders-table .money{
    text-align:left!important;
  }

  .v608-order-status{
    justify-content:flex-start!important;
  }
}

/* Small mobile */
@media (max-width:680px){
  .v608-daily-orders-head{
    display:block!important;
  }

  .v608-daily-orders-total{
    width:100%!important;
    min-width:0!important;
    margin-top:12px!important;
    text-align:left!important;
  }

  .v608-daily-orders-table-wrap{
    padding:8px!important;
  }

  .v608-daily-orders-table tbody{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  .v608-daily-orders-table tr{
    grid-template-columns:1fr 1fr!important;
    padding:12px!important;
  }

  .v608-daily-orders-table td[data-label="Sale"],
  .v608-daily-orders-table td[data-label="Trạng thái"]{
    min-height:46px!important;
  }
}

/* Very small phones */
@media (max-width:420px){
  .v577-page,
  .v577-report-page{
    padding:8px!important;
  }

  .v608-daily-orders-panel{
    border-radius:12px!important;
  }

  .v608-daily-orders-head{
    padding:12px!important;
  }

  .v608-daily-orders-table tr{
    gap:9px!important;
    padding:11px!important;
  }

  .v608-daily-orders-table td:before{
    font-size:9.5px!important;
  }

  .v608-daily-orders-table td{
    font-size:12px!important;
  }
}