/* Dashboard-only UI correction from screenshot review.
   No business logic, calculations, storage, IDs, handlers or transaction logic changed. */
body:has(#dashboardTab.active) .main-content{
  padding:0!important;
  overflow:hidden!important;
  background:#f3f7fc!important;
}
#dashboardTab.active{
  display:flex!important;
  flex-direction:column!important;
  height:100vh!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:14px 18px 12px!important;
  background:linear-gradient(180deg,#eef6ff 0,#f8fbff 150px,#f3f7fc 100%)!important;
}
#dashboardTab .ud-header{
  height:58px!important;
  min-height:58px!important;
  flex:0 0 58px!important;
  margin-bottom:7px!important;
  padding:7px 12px!important;
}
#dashboardTab .ud-title-wrap h1{font-size:21px!important}
#dashboardTab .ud-title-wrap p{font-size:10.5px!important}
#dashboardTab .ud-title-icon{width:34px!important;height:34px!important}
#dashboardTab .ud-asof-note{
  flex:0 0 11px!important;
  min-height:11px!important;
  margin:-2px 4px 4px!important;
  font-size:8.5px!important;
  line-height:11px!important;
}
#dashboardTab .ud-kpis{
  flex:0 0 auto!important;
  gap:10px!important;
  margin-bottom:8px!important;
}
#dashboardTab .ud-kpis-five .ud-kpi{
  height:68px!important;
  min-height:68px!important;
  padding:7px 9px!important;
  gap:9px!important;
}
#dashboardTab .ud-kpi-icon{
  width:34px!important;height:34px!important;flex-basis:34px!important;
}
#dashboardTab .ud-kpis-five .ud-kpi strong{
  font-size:14px!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#dashboardTab .ud-kpis-five .ud-kpi small{font-size:9px!important}
#dashboardTab .ud-kpi em{font-size:8.5px!important;margin-top:2px!important}

#dashboardTab .ud-charts{
  flex:0 0 166px!important;
  min-height:166px!important;
  gap:9px!important;
  margin-bottom:8px!important;
}
#dashboardTab .ud-charts .ud-panel{
  min-height:166px!important;
  height:166px!important;
}
#dashboardTab .ud-panel-title{
  height:36px!important;
  padding:6px 10px!important;
}
#dashboardTab .ud-panel-title h3{font-size:13px!important}
#dashboardTab .ud-panel-title span{font-size:8.5px!important}
#dashboardTab .ud-chart-box{
  height:128px!important;
  padding:5px 8px 7px!important;
}
#dashboardTab .ud-donut-box{padding:4px 8px 6px!important}
#dashboardTab .vp-payment-chart{
  display:grid!important;
  grid-template-columns:42% minmax(0,58%)!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
#dashboardTab .vp-payment-chart>svg{
  width:100%!important;
  height:108px!important;
  min-width:0!important;
}
#dashboardTab .vp-chart-legend{
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}
#dashboardTab .vp-chart-legend>div{
  grid-template-columns:6px minmax(0,1fr) auto!important;
  gap:4px!important;
  font-size:8.2px!important;
  line-height:13px!important;
}
#dashboardTab .vp-chart-legend label{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#dashboardTab .vp-chart-legend strong{
  font-size:8px!important;
  white-space:nowrap!important;
}

#dashboardTab .ud-recent-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  gap:9px!important;
}
#dashboardTab .ud-recent{
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
#dashboardTab .ud-recent .table-container{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
}
#dashboardTab .ud-recent table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
#dashboardTab .ud-recent th{
  height:28px!important;
  padding:4px 5px!important;
  font-size:8.5px!important;
  white-space:nowrap!important;
}
#dashboardTab .ud-recent td{
  height:27px!important;
  padding:4px 5px!important;
  font-size:9px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#dashboardTab .ud-recent th:nth-child(1){width:25%!important}
#dashboardTab .ud-recent th:nth-child(2){width:22%!important}
#dashboardTab .ud-recent th:nth-child(3){width:29%!important}
#dashboardTab .ud-recent th:nth-child(4){width:14%!important}
#dashboardTab .ud-recent th:nth-child(5){width:20%!important}
#dashboardTab .ud-recent td:nth-child(3){
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#dashboardTab .ud-recent td:nth-child(4),
#dashboardTab .ud-recent td:nth-child(5){
  text-align:right!important;
}
@media(max-height:680px){
  #dashboardTab.active{padding:10px 14px 9px!important}
  #dashboardTab .ud-header{height:54px!important;min-height:54px!important;flex-basis:54px!important}
  #dashboardTab .ud-kpis-five .ud-kpi{height:64px!important;min-height:64px!important}
  #dashboardTab .ud-charts{flex-basis:158px!important;min-height:158px!important}
  #dashboardTab .ud-charts .ud-panel{height:158px!important;min-height:158px!important}
  #dashboardTab .ud-chart-box{height:120px!important}
  #dashboardTab .ud-recent td{height:25px!important;padding-top:3px!important;padding-bottom:3px!important}
}