/* V613 — Daily report full-width + exact table column alignment
   Scoped to .v577-page only. No API/data calculation changes. */

/* Use all available desktop workspace width (after sidebar). */
.v577-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px 14px 24px!important;
  box-sizing:border-box!important;
}
.v577-page .v577-head,
.v577-page .v577-tabs,
.v577-page .v577-banner,
.v577-page .v577-kpis,
.v577-page .v577-two,
.v577-page .v577-panel,
.v577-page .v608-daily-orders-panel,
.v577-page .v599-auto-wrap{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

/* Daily order table: one source of truth for all 9 columns. */
.v577-page .v608-daily-orders-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
}
.v577-page .v608-daily-orders-table{
  width:100%!important;
  min-width:1120px!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
.v577-page .v608-daily-orders-table col:nth-child(1){width:4%!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:25%!important}
.v577-page .v608-daily-orders-table col:nth-child(4){width:17%!important}
.v577-page .v608-daily-orders-table col:nth-child(5){width:11%!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:9%!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:6%!important}

/* Override old nth-child pixel widths so colgroup is authoritative. */
.v577-page .v608-daily-orders-table th,
.v577-page .v608-daily-orders-table td{
  width:auto!important;
  max-width:none!important;
  box-sizing:border-box!important;
  vertical-align:middle!important;
}
.v577-page .v608-daily-orders-table thead th{
  height:40px!important;
  padding:9px 10px!important;
  white-space:nowrap!important;
  text-align:left!important;
  font-size:9.2px!important;
  line-height:1.2!important;
}
.v577-page .v608-daily-orders-table tbody td{
  height:46px!important;
  padding:9px 10px!important;
  font-size:10px!important;
  line-height:1.3!important;
  border-bottom:1px solid #e8eef4!important;
}

/* Numeric/status/time columns line up exactly under their headers. */
.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}

/* Keep long names inside their own cells instead of visually entering Sale. */
.v577-page .v608-daily-orders-table td:nth-child(3),
.v577-page .v608-daily-orders-table td:nth-child(4){
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.v577-page .v608-daily-orders-table td:nth-child(2) b{white-space:nowrap!important}
.v577-page .v608-daily-orders-table .money{
  display:table-cell!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
.v577-page .v608-order-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:100%!important;
  white-space:nowrap!important;
}

/* Slightly wider visual breathing room on large monitors. */
@media (min-width:1600px){
  .v577-page{padding-left:10px!important;padding-right:10px!important}
  .v577-page .v608-daily-orders-table{min-width:0!important}
}

/* Preserve existing card layout on tablet/mobile. */
@media (max-width:1100px){
  .v577-page{padding:10px!important}
  .v577-page .v608-daily-orders-table{min-width:0!important;table-layout:auto!important}
  .v577-page .v608-daily-orders-table col{width:auto!important}
  .v577-page .v608-daily-orders-table th,
  .v577-page .v608-daily-orders-table td{width:auto!important;text-align:left!important}
  .v577-page .v608-daily-orders-table .money{display:block!important;text-align:left!important}
}