/**
 * 文件职责：财务概览 KPI 卡片样式。
 */
.fo-kpi-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.fo-kpi-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgb(15 23 42 / 5%);
  transition: all 0.2s ease;
}

.fo-kpi-card:hover {
  box-shadow: 0 8px 16px rgb(15 23 42 / 10%);
  transform: translateY(-1px);
}

.fo-kpi-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fo-kpi-label {
  font-size: 13px;
  color: rgb(0 0 0 / 60%);
}

.fo-kpi-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  font-size: 18px;
  border-radius: 8px;
}

.fo-kpi-card.is-blue .fo-kpi-icon {
  color: #1677ff;
  background: #e6f4ff;
}

.fo-kpi-card.is-green .fo-kpi-icon {
  color: #16a34a;
  background: #f0fdf4;
}

.fo-kpi-card.is-red .fo-kpi-icon {
  color: #ef4444;
  background: #fef2f2;
}

.fo-kpi-card.is-purple .fo-kpi-icon {
  color: #7c3aed;
  background: #f5f3ff;
}

.fo-kpi-card.is-orange .fo-kpi-icon {
  color: #f59e0b;
  background: #fffbeb;
}

.fo-kpi-value {
  font-size: 25px;
  font-weight: 800;
  color: rgb(0 0 0 / 88%);
  letter-spacing: -0.2px;
}

.fo-kpi-change {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 12px;
}

.fo-kpi-change.is-up {
  color: #16a34a;
}

.fo-kpi-change.is-down {
  color: #ef4444;
}

.fo-kpi-change.is-flat {
  color: rgb(0 0 0 / 45%);
}
