/* ════ KPI カードグループ ════ */
.kpi-group {
  background: var(--bg-panel, #161616);
  border: 1px solid var(--border, #2a2a2a);
  border-top: 2px solid var(--orange-dim, #cc5200);
  flex: 1;
  min-width: 320px;
}

.kpi-group-title {
  padding: 7px 12px;
  background: var(--bg-2, #111111);
  border-bottom: 1px solid var(--border, #2a2a2a);
  color: var(--orange, #ff6600);
  font-family: var(--mono, "Share Tech Mono", monospace);
  font-size: 12px;
  letter-spacing: 0.05em;
}

.kpi-group-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  background: var(--border, #2a2a2a);
  padding: 0;
}

/* グループ内のカードはborderを使い切る */
.kpi-group .kpi-card {
  flex: 1 1 180px;
  min-width: 180px;
  border: none;
}

/* delta 色 */
.d-up {
  color: var(--green, #00cc66);
}
.d-down {
  color: var(--red, #ff3333);
}
.d-zero {
  color: var(--gray, #888888);
}