/* V592 - FINAL OVERRIDE USING THE ACTUAL v577 DOM CLASSES */
.v577-page{
  background:#f5f8fc!important;
  color:#17385d!important;
  padding:18px 18px 26px!important;
  max-width:none!important;
  width:100%!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
.v577-head{
  position:relative!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:16px!important;
  padding-left:48px!important;
  margin:0 0 14px!important;
}
.v577-head:before{
  content:"▥"!important;
  position:absolute!important;
  left:0!important;top:0!important;
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border-radius:8px!important;
  background:#e6f3ff!important;
  color:#1784ef!important;
  font-size:23px!important;font-weight:900!important;
}
.v577-head h1{
  margin:0!important;
  font-size:22px!important;
  line-height:1.2!important;
  color:#17385d!important;
  font-weight:850!important;
  letter-spacing:-.15px!important;
}
.v577-head p{margin:3px 0 0!important;font-size:11px!important;color:#6d8197!important}
.v577-head>div:last-child{display:flex!important;gap:9px!important}
.v577-head input,.v577-head button{
  height:39px!important;
  border:1px solid #dce5ee!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#355473!important;
  padding:0 13px!important;
  font-size:11px!important;
  font-weight:750!important;
  box-shadow:0 2px 8px rgba(15,48,80,.04)!important;
}
.v577-head button{background:#fff!important;color:#1c4f82!important}

.v577-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:0!important;
  margin:0 0 14px!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid #dce6ef!important;
  border-radius:8px!important;
  overflow:hidden!important;
}
.v577-tabs button{
  height:38px!important;
  padding:0 10px!important;
  border:0!important;
  border-right:1px solid #e7edf3!important;
  border-radius:0!important;
  background:#fff!important;
  color:#365676!important;
  font-size:10px!important;
  font-weight:800!important;
}
.v577-tabs button:last-child{border-right:0!important}
.v577-tabs button.active{background:#1c7ef2!important;color:#fff!important}

.v577-banner{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:16px!important;
  min-height:110px!important;
  padding:15px 16px!important;
  margin:0 0 14px!important;
  border:1px solid #dce6ef!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(27,55,85,.03)!important;
}
.v577-banner span{font-size:9px!important;font-weight:850!important;color:#57738e!important}
.v577-banner h2{margin:4px 0!important;font-size:17px!important;line-height:1!important;color:#153a60!important}
.v577-banner p{margin:0!important;font-size:9px!important;color:#6d8398!important}
.v577-banner p b{color:#10a25a!important}
.v577-banner aside{
  min-width:230px!important;
  padding:14px 15px!important;
  border:1px solid #cce9d5!important;
  border-radius:9px!important;
  background:#f2fbf5!important;
  text-align:center!important;
}
.v577-banner aside strong{font-size:10px!important;color:#149550!important}
.v577-banner aside small{margin-top:10px!important;font-size:9px!important;color:#6a8499!important}

/* ACTUAL KPI selector: .v577-kpis > article */
.v577-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 14px!important;
}
.v577-kpis>article{
  position:relative!important;
  min-width:0!important;
  min-height:116px!important;
  padding:16px 16px 13px 70px!important;
  border:0!important;
  border-radius:9px!important;
  box-shadow:0 7px 16px rgba(27,70,120,.11)!important;
  overflow:hidden!important;
  color:#fff!important;
}
.v577-kpis>article.blue{background:linear-gradient(135deg,#1494f3,#176fe4)!important}
.v577-kpis>article.green{background:linear-gradient(135deg,#20bd70,#15a45d)!important}
.v577-kpis>article.orange{background:linear-gradient(135deg,#ffad2e,#fb8a22)!important}
.v577-kpis>article.purple{background:linear-gradient(135deg,#9d59ee,#8142df)!important}
.v577-kpis>article.red{background:linear-gradient(135deg,#ff6378,#ec4861)!important}
.v577-kpis>article.teal{background:linear-gradient(135deg,#1cc6c1,#10aaa8)!important}
.v577-kpis>article:before{
  content:"◉"!important;
  position:absolute!important;
  left:18px!important;top:17px!important;
  width:39px!important;height:39px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.22)!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
}
.v577-kpis>article:nth-child(2):before{content:"✓"!important}
.v577-kpis>article:nth-child(3):before{content:"₫"!important}
.v577-kpis>article:nth-child(4):before{content:"◕"!important}
.v577-kpis>article:nth-child(5):before{content:"♙"!important}
.v577-kpis>article:nth-child(6):before{content:"▣"!important}
.v577-kpis>article:nth-child(7):before{content:"⚙"!important}
.v577-kpis>article:nth-child(8):before{content:"◎"!important}
.v577-kpis>article:after{
  content:"⌁⌁"!important;
  position:absolute!important;
  right:15px!important;bottom:8px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:23px!important;
  letter-spacing:-7px!important;
  transform:rotate(-8deg)!important;
}
.v577-kpis>article span{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-transform:none!important;
}
.v577-kpis>article b{
  display:block!important;
  margin:9px 0 0!important;
  color:#fff!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.v577-kpis>article small{
  display:block!important;
  margin:9px 0 0!important;
  padding:0!important;
  border:0!important;
  color:#fff!important;
  font-size:9px!important;
  opacity:.92!important;
}

/* ACTUAL layout selectors */
.v577-two{
  display:grid!important;
  grid-template-columns:minmax(0,1.65fr) minmax(330px,1fr)!important;
  gap:12px!important;
  margin-top:12px!important;
}
.v577-three{
  display:grid!important;
  grid-template-columns:1fr 1fr .9fr!important;
  gap:12px!important;
  margin-top:12px!important;
}
.v577-panel{
  min-width:0!important;
  padding:14px!important;
  border:1px solid #dfe7ef!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(27,55,85,.035)!important;
}
.v577-panel h3{
  margin:0 0 12px!important;
  font-size:12px!important;
  color:#173b61!important;
  font-weight:850!important;
}
.v577-bars{
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
  height:235px!important;
  border-bottom:1px solid #dfe7ef!important;
  background:repeating-linear-gradient(to bottom,#fff 0,#fff 46px,#eef3f7 47px)!important;
}
.v577-bars>div{gap:6px!important}
.v577-bars i{
  width:70%!important;
  min-height:4px!important;
  border-radius:4px 4px 0 0!important;
  background:linear-gradient(180deg,#3182ee,#2670d8)!important;
  box-shadow:0 2px 5px rgba(35,110,210,.13)!important;
}
.v577-bars small{font-size:9px!important;color:#71869b!important}
.v577-cash>div{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 0!important;
  border-bottom:1px solid #edf2f6!important;
}
.v577-cash span{font-size:11px!important;color:#315474!important}
.v577-cash b{font-size:11px!important;color:#123d68!important}
.v577-cash>div:nth-child(2) b,.v577-cash>div:nth-child(4) b{color:#e34141!important}
.v577-cash>div:nth-child(3) b{color:#16a05e!important}

/* order status panel */
.v577-panel>.v577-orders{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
}
.v577-orders article{
  min-height:86px!important;
  padding:11px!important;
  border:1px solid #e1e9f0!important;
  border-radius:7px!important;
  background:#fbfdff!important;
}
.v577-orders span{font-size:9px!important;color:#57738f!important}
.v577-orders b{margin-top:7px!important;font-size:20px!important;color:#164572!important}
.v577-orders small{margin-top:6px!important;font-size:9px!important;color:#8191a1!important}

/* rankings/debt */
.v577-list>div{
  grid-template-columns:34px minmax(0,1fr) 120px 58px!important;
  padding:8px 0!important;
  font-size:10px!important;
}
.v577-list.debt>div{grid-template-columns:minmax(0,1fr) 120px 58px!important}
.v577-list b{color:#294f72!important}
.v577-list strong{color:#174a79!important}
.v577-list small{color:#e24c4c!important}

/* notes + auto report */
.v577-panel ul{
  margin:0!important;
  padding-left:18px!important;
  color:#3d607e!important;
  font-size:10px!important;
  line-height:1.8!important;
}
.v577-panel.auto{
  background:linear-gradient(135deg,#1664b7,#124f94)!important;
  border:0!important;
  color:#fff!important;
}
.v577-panel.auto h3,.v577-panel.auto p,.v577-panel.auto small,.v577-panel.auto strong{color:#fff!important}
.v577-panel.auto>div{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.v577-panel.auto button{
  margin-top:10px!important;
  width:100%!important;
  border:0!important;
  border-radius:6px!important;
  background:#dcecff!important;
  color:#19528e!important;
  font-size:10px!important;
  font-weight:850!important;
}

/* History/settings */
.v577-history article{background:#fff!important;border-color:#dfe7ef!important}
.v577-settings{background:#fff!important}

/* Desktop 12–15 inch */
@media(max-width:1300px){
  .v577-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
  .v577-kpis>article{padding-left:60px!important}
  .v577-kpis>article b{font-size:18px!important}
  .v577-two{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr)!important}
}

/* Mobile */
@media(max-width:1100px){
  .v577-page{padding:10px 9px 18px!important}
  .v577-head{padding-left:42px!important;align-items:flex-start!important;flex-direction:column!important}
  .v577-head:before{width:34px!important;height:34px!important;font-size:20px!important}
  .v577-head h1{font-size:18px!important}
  .v577-head p{font-size:9px!important}
  .v577-head>div:last-child{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .v577-head input,.v577-head button{width:100%!important;height:35px!important;font-size:10px!important}
  .v577-tabs{display:flex!important;overflow-x:auto!important}
  .v577-tabs button{min-width:116px!important;flex:0 0 auto!important;font-size:9px!important}
  .v577-banner{flex-direction:column!important;min-height:0!important;padding:12px!important}
  .v577-banner aside{min-width:0!important;width:100%!important;text-align:left!important}
  .v577-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .v577-kpis>article{min-height:96px!important;padding:12px 9px 10px 48px!important}
  .v577-kpis>article:before{left:10px!important;top:12px!important;width:30px!important;height:30px!important;font-size:13px!important}
  .v577-kpis>article b{font-size:16px!important}
  .v577-kpis>article span,.v577-kpis>article small{font-size:8px!important}
  .v577-two,.v577-three{grid-template-columns:1fr!important}
  .v577-panel{padding:10px!important;border-radius:8px!important}
  .v577-bars{height:210px!important}
  .v577-panel>.v577-orders{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v577-list>div,.v577-list.debt>div{grid-template-columns:1fr 90px!important}
  .v577-list>div>span{display:none!important}
}
@media(max-width:430px){
  .v577-kpis{grid-template-columns:1fr!important}
  .v577-head>div:last-child{grid-template-columns:1fr!important}
}
@media print{
  .v577-page{background:#fff!important;padding:0!important}
  .v577-tabs,.v577-head button{display:none!important}
  .v577-panel,.v577-kpis>article,.v577-banner{box-shadow:none!important}
}