.kpi{
  min-height: 120px;
}


.activity-panel{
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 18px;
  background: rgba(255,255,255,.62);
}
.activity-list{
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 430px;
  overflow: auto;
  padding-right: 2px;
}
.activity-item{
  display: grid;
  grid-template-columns: 38px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: rgba(255,255,255,.72);
}
.activity-icon{
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(13, 110, 253, .10);
  color: #0d6efd;
}
.activity-title{
  font-weight: 800;
  line-height: 1.2;
}
.activity-desc{
  color: rgba(11,18,32,.72);
  font-size: .86rem;
  margin-top: 2px;
}
.activity-meta{
  color: rgba(11,18,32,.62);
  font-size: .78rem;
  text-align: right;
  white-space: nowrap;
}
.activity-empty{
  padding: 14px;
  border: 1px dashed rgba(15, 23, 42, .18);
  border-radius: 16px;
  background: rgba(255,255,255,.42);
}
@media (max-width: 767.98px){
  .activity-item{
    grid-template-columns: 34px 1fr;
  }
  .activity-meta{
    grid-column: 2;
    text-align: left;
  }
}
