/* Payroll KPI value anatomy: keep amount and currency distinct but inseparable. */
.payroll-page .payroll-kpis article {
  min-height: 148px !important;
  padding: 22px 24px !important;
  align-content: center;
  row-gap: 0 !important;
}

.payroll-page .payroll-kpis article > span {
  color: #000 !important;
  font-weight: 600;
  margin-bottom: 13px;
  line-height: 1.4;
}

.payroll-page .payroll-kpis .kpi-value {
  display: inline-flex !important;
  align-items: baseline;
  align-self: start;
  direction: rtl;
  gap: 7px;
  margin: 0 0 9px !important;
  min-width: 0;
  white-space: nowrap !important;
  color: #000 !important;
}

.payroll-page .payroll-kpis .kpi-value.positive {
  color: #087847 !important;
}

.payroll-page .payroll-kpis .kpi-value.negative {
  color: #b42336 !important;
}

.payroll-page .payroll-kpis .kpi-value.accent {
  color: #5426c7 !important;
}

.payroll-page .payroll-kpis .kpi-value-number {
  color: #000 !important;
  font-size: 25px !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
  line-height: 1.28 !important;
  white-space: nowrap;
}

.payroll-page .payroll-kpis .kpi-value-currency {
  color: #000 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap;
}

.payroll-page .payroll-kpis small {
  min-height: 18px !important;
  line-height: 1.45;
}