.tl7f-bars{
  display:grid;
  gap:.85rem;
}
.tl7f-bar-row{
  display:grid;
  grid-template-columns:92px minmax(100px,1fr) 62px;
  align-items:center;
  gap:.75rem;
}
.tl7f-bar-label{
  display:grid;
  gap:.05rem;
}
.tl7f-bar-label strong{
  color:var(--tl-green);
  font-size:.82rem;
}
.tl7f-bar-label span{
  color:var(--tl-muted);
  font-size:.7rem;
}
.tl7f-track{
  height:11px;
  overflow:hidden;
  border-radius:999px;
  background:#edf2ef;
}
.tl7f-fill{
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--tl-green),var(--tl-gold));
}
.tl7f-percent{
  color:var(--tl-green);
  text-align:left;
  font-size:.8rem;
}
.tl7f-kpis{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.7rem;
}
.tl7f-kpis>div{
  padding:.85rem;
  border:1px solid var(--tl-border);
  border-radius:14px;
  background:#fbfcfb;
}
.tl7f-kpis span,
.tl7f-kpis strong{
  display:block;
}
.tl7f-kpis span{
  color:var(--tl-muted);
  font-size:.72rem;
}
.tl7f-kpis strong{
  margin-top:.2rem;
  color:var(--tl-green);
  font-size:1rem;
}
@media(max-width:575px){
  .tl7f-bar-row{
    grid-template-columns:72px minmax(80px,1fr) 55px;
    gap:.45rem;
  }
  .tl7f-kpis{
    grid-template-columns:1fr;
  }
}