/* V583 - Visual parity pass for Daily Business Report */
:root{
  --ink:#1d2a3d;
  --muted:#6f7b8d;
  --line:#e6eaf0;
  --page:#f5f7fb;
  --card:#ffffff;
  --navy:#1f3655;
  --green:#1e8e5a;
  --amber:#d89a18;
  --red:#d9534f;
  --blue:#2c6fb2;
}
.v577-page{
  background:var(--page)!important;
  padding:24px 26px 38px!important;
  color:var(--ink)!important;
}
.v577-head{margin-bottom:16px!important}
.v577-head h1{
  font-size:28px!important;
  font-weight:800!important;
  letter-spacing:.1px!important;
  color:#17243a!important;
}
.v577-head p{font-size:13px!important;color:#748094!important}
.v577-topbar{
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  box-shadow:0 5px 18px rgba(20,35,60,.055)!important;
  padding:12px 14px!important;
}
.v577-tabs{background:#e9eef5!important;border-radius:12px!important;padding:5px!important}
.v577-tabs button{
  color:#6f7c90!important;
  font-size:12px!important;
  font-weight:800!important;
}
.v577-tabs button.active,.v577-tabs button[aria-selected="true"]{
  color:#17304f!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(25,43,72,.09)!important;
}
.v577-banner{
  background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)!important;
  border:1px solid #e1e6ed!important;
  border-radius:15px!important;
  box-shadow:0 7px 24px rgba(27,44,70,.06)!important;
  padding:20px 22px!important;
}
.v577-banner:before{background:#244668!important;width:6px!important}
.v577-banner h2{font-size:26px!important;color:#152945!important}
.v577-banner aside strong{color:#218457!important;font-size:12px!important}
.v577-banner:after{
  background:#fff8ea!important;
  border:1px solid #f2ddb2!important;
  color:#7c5a17!important;
  border-radius:10px!important;
  font-size:11px!important;
}

/* KPI GRID */
.v577-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;
}
.v577-kpi{
  position:relative!important;
  overflow:hidden!important;
  min-height:124px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid #e7ebf0!important;
  box-shadow:0 5px 18px rgba(21,34,55,.05)!important;
  padding:16px 17px 15px!important;
}
.v577-kpi:before{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;top:0!important;
  height:4px!important;
  background:#7c8da4!important;
}
.v577-kpi:nth-child(1):before{background:#2f6ea5!important}
.v577-kpi:nth-child(2):before{background:#2a9b69!important}
.v577-kpi:nth-child(3):before{background:#e0a62d!important}
.v577-kpi:nth-child(4):before{background:#3b8d67!important}
.v577-kpi:nth-child(5):before{background:#c95d57!important}
.v577-kpi:nth-child(6):before{background:#8b6ab2!important}
.v577-kpi:nth-child(7):before{background:#9d7843!important}
.v577-kpi:nth-child(8):before{background:#1c7b7e!important}
.v577-kpi span,.v577-kpi small{
  font-size:11px!important;
  color:#7b8798!important;
  font-weight:800!important;
  letter-spacing:.18px!important;
}
.v577-kpi strong{
  margin-top:12px!important;
  font-size:23px!important;
  line-height:1.05!important;
  color:#17263f!important;
  font-weight:800!important;
}
.v577-kpi:nth-child(1) strong{color:#2f6ea5!important}
.v577-kpi:nth-child(2) strong{color:#228557!important}
.v577-kpi:nth-child(3) strong{color:#c38312!important}
.v577-kpi:nth-child(4) strong{color:#2f7a57!important}
.v577-kpi:nth-child(5) strong{color:#bd4e48!important}
.v577-kpi:nth-child(6) strong{color:#75559a!important}
.v577-kpi:nth-child(7) strong{color:#7f5b30!important}
.v577-kpi:nth-child(8) strong{color:#176d70!important}

/* MAIN PANELS */
.v577-grid{gap:15px!important}
.v577-card,.v577-chart,.v577-panel,.v577-section{
  background:#fff!important;
  border:1px solid #e5e9ef!important;
  border-radius:14px!important;
  box-shadow:0 6px 22px rgba(22,37,60,.055)!important;
}
.v577-card h3,.v577-chart h3,.v577-panel h3,.v577-section h3{
  font-size:14px!important;
  font-weight:800!important;
  color:#182943!important;
  letter-spacing:.05px!important;
}
.v577-chart{min-height:320px!important}
.v577-chart svg text{fill:#738095!important}

/* Order stat cards */
.v577-orders>div{
  background:#f9fbfd!important;
  border:1px solid #e7ebf0!important;
  border-radius:11px!important;
  min-height:88px!important;
}
.v577-orders>div:nth-child(1){background:#f4f8fd!important}
.v577-orders>div:nth-child(2){background:#f3fbf7!important}
.v577-orders>div:nth-child(3){background:#fff9ef!important}
.v577-orders strong{font-size:21px!important;color:#192a43!important}

/* Tables */
.v577-table th{
  background:#f6f8fb!important;
  color:#6d788a!important;
  font-weight:800!important;
  font-size:10px!important;
  padding:11px!important;
}
.v577-table td{
  font-size:12px!important;
  color:#2b374b!important;
  padding:12px 11px!important;
}
.v577-table tbody tr:hover td{background:#fbfcfe!important}

/* Notes */
.v577-note textarea{
  background:#fbfcfe!important;
  border:1px solid #dde3eb!important;
  border-radius:10px!important;
  min-height:120px!important;
}

/* Auto report box */
.v577-auto{
  background:linear-gradient(135deg,#1f3655 0%,#29486d 100%)!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(26,50,80,.16)!important;
}
.v577-auto h3,.v577-auto strong,.v577-auto p,.v577-auto small{color:#fff!important}
.v577-auto button{
  background:#fff!important;
  color:#1f3655!important;
  border-radius:9px!important;
  font-weight:800!important;
}

/* Status */
.v577-history .final,.v577-history .status-final{
  background:#eaf7f0!important;color:#237a50!important;
  border-radius:999px!important;padding:4px 8px!important;
}
.v577-history .quick,.v577-history .status-quick{
  background:#fff5df!important;color:#aa7416!important;
  border-radius:999px!important;padding:4px 8px!important;
}

/* Responsive parity */
@media(max-width:1400px){
  .v577-page{padding:20px!important}
  .v577-kpi strong{font-size:21px!important}
}
@media(max-width:1100px){
  .v577-page{padding:14px!important}
  .v577-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v577-head h1{font-size:23px!important}
}
@media(max-width:560px){
  .v577-page{padding:10px!important}
  .v577-kpis{grid-template-columns:1fr!important}
  .v577-kpi{min-height:105px!important}
  .v577-kpi strong{font-size:21px!important}
  .v577-banner h2{font-size:22px!important}
}