.director-kpis.finance-kpis-compact {
  gap: 10px;
}

.finance-kpis-compact .director-kpi {
  min-height: 90px;
  border-radius: 13px;
}

.finance-kpis-compact .director-kpi-content,
.finance-kpis-compact .director-kpi-action {
  min-height: 88px;
  padding: 12px 39px 12px 14px;
}

.finance-kpis-compact .director-kpi-content > span,
.finance-kpis-compact .director-kpi-action > span {
  font-size: 10px;
  line-height: 1.25;
}

.finance-kpis-compact .director-kpi-content > strong,
.finance-kpis-compact .director-kpi-action > strong {
  margin-top: 5px;
  font-size: clamp(21px, 1.72vw, 29px);
  line-height: 1.05;
}

.finance-kpis-compact .director-kpi-content > small,
.finance-kpis-compact .director-kpi-action > small {
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.3;
}

.finance-kpis-compact .card-privacy-toggle {
  top: 8px;
  right: 8px;
  width: 23px;
  height: 23px;
}

.finance-kpis-compact .card-privacy-toggle svg {
  width: 12px;
  height: 12px;
}

@media (max-width: 680px) {
  .director-kpis.finance-kpis-compact {
    gap: 8px;
  }

  .finance-kpis-compact .director-kpi,
  .finance-kpis-compact .director-kpi-content,
  .finance-kpis-compact .director-kpi-action {
    min-height: 82px;
  }

  .finance-kpis-compact .director-kpi-content,
  .finance-kpis-compact .director-kpi-action {
    padding: 11px 38px 11px 13px;
  }

  .finance-kpis-compact .director-kpi-content > strong,
  .finance-kpis-compact .director-kpi-action > strong {
    font-size: clamp(22px, 8vw, 28px);
  }
}