/* V612 — Daily Revenue Dashboard refinement
   Visual-only overrides scoped to .v577-page. Keeps V610 data/API logic unchanged. */

.v577-page{
  --v612-green:#0b8f5b;
  --v612-green-dark:#08764b;
  --v612-navy:#0f2f4f;
  --v612-blue:#1769e0;
  --v612-orange:#f28b17;
  --v612-red:#ef3f4f;
  --v612-purple:#6d52c7;
  --v612-teal:#0d9d91;
  --v612-bg:#f3f7fb;
  --v612-card:#fff;
  --v612-line:#dfe8f1;
  --v612-soft:#f7fafc;
  --v612-text:#102f4d;
  --v612-muted:#6f8296;
  max-width:1600px!important;
  padding:18px 20px 30px!important;
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  color:var(--v612-text)!important;
}

/* Top toolbar */
.v577-page .v577-head{
  margin-bottom:12px!important;
  padding:18px 20px!important;
  border:1px solid var(--v612-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(15,47,79,.055)!important;
}
.v577-page .v577-head>div:first-child{position:relative!important;padding-left:42px!important}
.v577-page .v577-head>div:first-child:before{
  content:"▮▮▮"!important;
  position:absolute!important;
  left:0!important;top:1px!important;
  width:31px!important;height:31px!important;
  display:grid!important;place-items:center!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#13ad70,#078450)!important;
  color:#fff!important;
  font-size:9px!important;
  letter-spacing:-1px!important;
  box-shadow:0 5px 12px rgba(11,143,91,.22)!important;
}
.v577-page .v577-head h1{
  color:#0c2e4f!important;
  font-size:21px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.v577-page .v577-head p{margin-top:4px!important;color:#6d8094!important;font-size:11.5px!important}
.v577-page .v577-head>div:last-child{gap:8px!important}
.v577-page .v577-head input[type="date"]{
  height:38px!important;min-width:142px!important;border-color:#d8e3ec!important;border-radius:8px!important;
  font-weight:800!important;color:#163955!important;
}
.v577-page .v597-export-actions{gap:7px!important}
.v577-page .v597-export-actions button,.v577-page .v607-print-btn{
  height:38px!important;padding:0 13px!important;border-radius:8px!important;font-size:10.5px!important;font-weight:900!important;
  border:1px solid #d7e1eb!important;background:#fff!important;color:#23435e!important;box-shadow:none!important;
}
.v577-page .v597-export-actions .v597-excel{border-color:#b9dfcc!important;color:#08764b!important;background:#f5fbf8!important}
.v577-page .v597-export-actions .v597-pdf{border-color:#f3c7cb!important;color:#d93343!important;background:#fff8f8!important}
.v577-page .v607-print-btn{border-color:#bad5f5!important;color:#1261bd!important;background:#f6faff!important}
.v577-page .v597-export-actions button:hover,.v577-page .v607-print-btn:hover{transform:none!important;filter:brightness(.985)!important}

/* Compact tabs */
.v577-page .v577-tabs{
  margin-bottom:12px!important;padding:4px!important;border-radius:9px!important;box-shadow:none!important;
  border-color:#dfe7ef!important;
}
.v577-page .v577-tabs button{min-height:31px!important;padding:0 13px!important;font-size:10.5px!important;border-radius:6px!important}
.v577-page .v577-tabs button.active{background:#0f3658!important;box-shadow:none!important}

/* Compact day/status strip: avoids a second large hero */
.v577-page .v577-banner{
  min-height:58px!important;margin-bottom:12px!important;padding:11px 15px!important;border-radius:11px!important;
  border:1px solid #d9e7e1!important;background:linear-gradient(90deg,#f5fbf8 0%,#fbfdfc 100%)!important;
  color:#244d3d!important;box-shadow:none!important;
}
.v577-page .v577-banner:after{display:none!important}
.v577-page .v577-banner>div>span{margin-bottom:1px!important;color:#73877e!important;font-size:8.5px!important;letter-spacing:.08em!important}
.v577-page .v577-banner h2{color:#0b7049!important;font-size:16px!important;font-weight:950!important}
.v577-page .v577-banner p{margin-top:3px!important;color:#73877e!important;font-size:9.5px!important}
.v577-page .v577-banner aside{
  min-width:250px!important;padding:8px 11px!important;border:1px solid #cfe5da!important;border-radius:8px!important;
  background:#fff!important;backdrop-filter:none!important;
}
.v577-page .v577-banner aside strong{color:#08784d!important;font-size:9.5px!important}
.v577-page .v577-banner aside small{margin-top:2px!important;color:#7d8d85!important;font-size:9px!important}

/* KPI dashboard */
.v577-page .v577-kpis{gap:10px!important;margin-bottom:12px!important}
.v577-page .v577-kpis article{
  min-height:104px!important;padding:14px 14px 12px 58px!important;border-radius:11px!important;
  border:1px solid #dfe8f1!important;box-shadow:0 5px 16px rgba(15,47,79,.045)!important;
}
.v577-page .v577-kpis article:before{
  left:14px!important;top:16px!important;bottom:auto!important;width:32px!important;height:32px!important;
  border-radius:8px!important;background:#7990a6!important;box-shadow:0 4px 10px rgba(42,65,90,.14)!important;
}
.v577-page .v577-kpis article:after{
  content:"₫"!important;position:absolute!important;left:14px!important;top:16px!important;width:32px!important;height:32px!important;
  display:grid!important;place-items:center!important;color:#fff!important;font-size:14px!important;font-weight:950!important;
}
.v577-page .v577-kpis article.blue:before{background:linear-gradient(135deg,#2185f4,#1462d1)!important}
.v577-page .v577-kpis article.green:before{background:linear-gradient(135deg,#14aa70,#087b4e)!important}
.v577-page .v577-kpis article.orange:before{background:linear-gradient(135deg,#ff9e31,#e77608)!important}
.v577-page .v577-kpis article.purple:before{background:linear-gradient(135deg,#8067dc,#5f46b5)!important}
.v577-page .v577-kpis article.teal:before{background:linear-gradient(135deg,#1bb3a8,#0b8179)!important}
.v577-page .v577-kpis article>span{min-height:25px!important;color:#75869a!important;font-size:9.5px!important;letter-spacing:.025em!important}
.v577-page .v577-kpis article>b{margin:3px 0 3px!important;color:#102f4d!important;font-size:18px!important;font-weight:950!important}
.v577-page .v577-kpis article>small{color:#93a0ad!important;font-size:8.8px!important}

/* Main analytical cards */
.v577-page .v577-two{gap:10px!important;margin-bottom:12px!important}
.v577-page .v577-panel,.v577-page .v608-daily-orders-panel{
  border:1px solid var(--v612-line)!important;border-radius:11px!important;box-shadow:0 4px 14px rgba(15,47,79,.04)!important;
}
.v577-page .v577-panel>h3{
  padding:13px 15px!important;background:#fff!important;border-bottom:1px solid #edf2f6!important;
  color:#0e3557!important;font-size:10.5px!important;letter-spacing:.025em!important;
}
.v577-page .v577-bars{height:190px!important;padding:18px 16px 11px!important;background:linear-gradient(to top,#fbfdff,#fff)!important}
.v577-page .v577-bars i{width:min(26px,66%)!important;background:linear-gradient(180deg,#27a46e,#0d7f55)!important;box-shadow:none!important}
.v577-page .v577-bars small{font-size:8.8px!important}
.v577-page .v577-cash{padding:4px 15px 10px!important}
.v577-page .v577-cash>div{min-height:35px!important;border-bottom:1px solid #eef2f5!important}
.v577-page .v577-cash span{font-size:10.3px!important;color:#60758a!important}
.v577-page .v577-cash b{font-size:11.3px!important}
.v577-page .v577-cash>div:last-child{min-height:41px!important;background:#f7fbf9!important;margin:3px -5px 0!important;padding:3px 5px!important;border-radius:7px!important}

/* Order summary */
.v577-page .v577-orders{gap:8px!important;padding:12px 14px 14px!important}
.v577-page .v577-orders article{padding:11px 11px!important;border-radius:8px!important;background:#fafcfe!important;border-color:#e5edf3!important}
.v577-page .v577-orders span{font-size:8.7px!important;color:#6f8295!important}
.v577-page .v577-orders b{margin:4px 0 1px!important;font-size:19px!important;color:#103455!important}
.v577-page .v577-orders small{font-size:8.5px!important}

/* Order list — explicit column sizing fixes Sale/customer overlap */
.v577-page .v608-daily-orders-head{padding:14px 16px!important;background:#fff!important}
.v577-page .v608-daily-orders-head h3{font-size:11.5px!important;color:#0e3557!important}
.v577-page .v608-daily-orders-head p{font-size:9.5px!important}
.v577-page .v608-daily-orders-total{min-width:170px!important;padding:7px 11px!important;border-radius:8px!important;background:#f8fcfa!important;border-color:#d6e9df!important}
.v577-page .v608-daily-orders-total span{font-size:8.5px!important}
.v577-page .v608-daily-orders-total b{font-size:15px!important;color:#07824f!important}
.v577-page .v608-daily-orders-table-wrap{max-height:520px!important}
.v577-page .v608-daily-orders-table{table-layout:fixed!important;min-width:1180px!important;font-size:10.3px!important}
.v577-page .v608-daily-orders-table th:nth-child(1),.v577-page .v608-daily-orders-table td:nth-child(1){width:48px!important}
.v577-page .v608-daily-orders-table th:nth-child(2),.v577-page .v608-daily-orders-table td:nth-child(2){width:95px!important}
.v577-page .v608-daily-orders-table th:nth-child(3),.v577-page .v608-daily-orders-table td:nth-child(3){width:275px!important}
.v577-page .v608-daily-orders-table th:nth-child(4),.v577-page .v608-daily-orders-table td:nth-child(4){width:185px!important}
.v577-page .v608-daily-orders-table th:nth-child(5),.v577-page .v608-daily-orders-table td:nth-child(5){width:115px!important}
.v577-page .v608-daily-orders-table th:nth-child(6),.v577-page .v608-daily-orders-table td:nth-child(6){width:125px!important}
.v577-page .v608-daily-orders-table th:nth-child(7),.v577-page .v608-daily-orders-table td:nth-child(7){width:110px!important}
.v577-page .v608-daily-orders-table th:nth-child(8),.v577-page .v608-daily-orders-table td:nth-child(8){width:125px!important}
.v577-page .v608-daily-orders-table th:nth-child(9),.v577-page .v608-daily-orders-table td:nth-child(9){width:82px!important}
.v577-page .v608-daily-orders-table thead th{
  padding:10px 10px!important;background:#f2f7fb!important;color:#36536e!important;font-size:8.7px!important;border-bottom:1px solid #dce6ee!important;
}
.v577-page .v608-daily-orders-table tbody td{padding:10px!important;font-size:10.2px!important;line-height:1.35!important}
.v577-page .v608-daily-orders-table tbody td:nth-child(3),.v577-page .v608-daily-orders-table tbody td:nth-child(4){
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.v577-page .v608-daily-orders-table .money{font-size:10.2px!important}
.v577-page .v608-daily-orders-table .money.collected{color:#07824f!important}
.v577-page .v608-daily-orders-table .money.debt{color:#df6c00!important}
.v577-page .v608-order-status{min-height:22px!important;padding:3px 7px!important;font-size:8.7px!important;background:#edf5fc!important;color:#175987!important}
.v577-page .v608-daily-orders-empty{padding:32px 16px!important;text-align:center!important;color:#8090a0!important;font-size:11px!important}

/* Ranking and overdue */
.v577-page .v577-list{padding:5px 14px 10px!important}
.v577-page .v577-list>div{min-height:39px!important;grid-template-columns:25px minmax(0,1fr) auto auto!important;gap:8px!important}
.v577-page .v577-list b,.v577-page .v577-list strong{font-size:10.3px!important}
.v577-page .v577-list small{font-size:8.7px!important}
.v577-page .v577-list.debt:empty:after{
  content:"Không có công nợ quá hạn"!important;display:grid!important;place-items:center!important;min-height:90px!important;color:#7d8d9d!important;
  font-size:10.5px!important;font-weight:800!important;
}
.v577-page .v577-list:not(.debt):empty:after{
  content:"Chưa có dữ liệu sale trong ngày"!important;display:grid!important;place-items:center!important;min-height:90px!important;color:#7d8d9d!important;
  font-size:10.5px!important;font-weight:800!important;
}

/* Automation footer bar */
.v577-page .v577-panel.auto{
  min-height:50px!important;padding:9px 13px!important;border-radius:10px!important;
  grid-template-columns:minmax(145px,.7fr) minmax(280px,1.8fr) auto auto!important;
  border-color:#d7e8df!important;background:linear-gradient(90deg,#08794e,#0b8c5b)!important;
  color:#fff!important;
}
.v577-page .v577-panel.auto h3{color:#fff!important;font-size:10px!important}
.v577-page .v577-panel.auto p,.v577-page .v577-panel.auto>div{color:rgba(255,255,255,.82)!important;font-size:9.2px!important}
.v577-page .v577-panel.auto>div b{color:#fff!important;font-size:9.5px!important}
.v577-page .v577-panel.auto>button{min-height:30px!important;border-color:rgba(255,255,255,.30)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:9px!important}

/* Mobile/tablet */
@media (max-width:1100px){
  .v577-page{padding:12px!important}
  .v577-page .v577-head>div:first-child{padding-left:40px!important}
  .v577-page .v577-kpis article{padding-left:54px!important}
  .v577-page .v608-daily-orders-table{min-width:0!important;table-layout:auto!important}
  .v577-page .v608-daily-orders-table th,.v577-page .v608-daily-orders-table td{width:auto!important}
  .v577-page .v577-panel.auto{grid-template-columns:1fr!important}
}
@media (max-width:680px){
  .v577-page{padding:8px!important}
  .v577-page .v577-head{padding:13px!important}
  .v577-page .v577-head>div:first-child{padding-left:37px!important}
  .v577-page .v577-head>div:first-child:before{width:28px!important;height:28px!important}
  .v577-page .v577-head h1{font-size:16px!important}
  .v577-page .v577-banner{align-items:stretch!important}
  .v577-page .v577-banner aside{min-width:0!important}
  .v577-page .v577-kpis article{min-height:91px!important;padding:12px 9px 10px 47px!important}
  .v577-page .v577-kpis article:before,.v577-page .v577-kpis article:after{left:10px!important;top:12px!important;width:28px!important;height:28px!important}
  .v577-page .v577-kpis article>b{font-size:14px!important}
  .v577-page .v577-kpis article>span{font-size:8px!important}
  .v577-page .v577-orders{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v577-page .v608-daily-orders-table tbody{gap:8px!important}
  .v577-page .v608-daily-orders-table tr{border-radius:9px!important}
}