/* V230 — Correct the screenshot issue:
   KPI title = upper-left corner; KPI detail link = upper-right corner
   inside the SAME summary header. */
.v220-global-kpi-summary{
  position:relative!important;
}
.v228-global-kpi-header{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.v228-global-kpi-title-row{
  position:relative!important;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:0!important;
}
.v228-global-kpi-title-row > div:first-child{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
}
.v228-global-kpi-title-row > .v228-kpi-detail-link{
  position:static!important;
  flex:0 0 auto!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  align-self:flex-start!important;
  text-align:right!important;
  justify-content:flex-end!important;
  white-space:nowrap!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
@media(min-width:1101px){
  .v220-global-kpi-summary > .w-full{
    padding-right:0!important;
  }
  .v228-global-kpi-title-row{
    padding-right:0!important;
  }
  .v228-global-kpi-title-row > .v228-kpi-detail-link{
    font-size:12px!important;
    line-height:1.3!important;
  }
}
/* Keep mobile clean and non-overlapping. */
@media(max-width:1100px){
  .v228-global-kpi-title-row{
    gap:10px!important;
  }
  .v228-global-kpi-title-row > div:first-child{
    max-width:58%!important;
  }
  .v228-global-kpi-title-row > .v228-kpi-detail-link{
    max-width:42%!important;
    white-space:normal!important;
    font-size:8px!important;
  }
}