.kpi-card[data-v-8bed79dc] {
  position: relative;
  background: #fff;
  border-radius: 12px;
  padding: 18px 20px;
  border: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: box-shadow 0.2s, border-color 0.2s;
  animation: kpiFadeIn-8bed79dc 0.4s ease both;
}
.kpi-card[data-v-8bed79dc]:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  border-color: #bfdbfe;
}

/* Sem dados hoje: card mais discreto, sem chamar atencao */
.kpi-card--empty[data-v-8bed79dc] {
  background: #fafbfc;
}
@keyframes kpiFadeIn-8bed79dc {
from { opacity: 0; transform: translateY(8px);
}
to { opacity: 1; transform: translateY(0);
}
}
.kpi-top[data-v-8bed79dc] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}
.kpi-icon-label[data-v-8bed79dc] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.kpi-icon[data-v-8bed79dc] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.kpi-label[data-v-8bed79dc] {
  font-size: 13px;
  color: #64748b;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.kpi-value-row[data-v-8bed79dc] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.kpi-value[data-v-8bed79dc] {
  font-size: 26px;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.kpi-sub[data-v-8bed79dc] {
  font-size: 12px;
  color: #94a3b8;
}

/* Rotulo de zero-state: tom suave, sem o "0" cru */
.kpi-empty[data-v-8bed79dc] {
  font-size: 14px;
  font-weight: 500;
  color: #cbd5e1;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

/* O "?" usa o HelpTooltip do dashboard (Home.vue): badge no canto inferior
   direito que aparece no hover do card. Como o HelpTooltip esconde o badge
   por padrao e so o revela em `.metric-card:hover`, replicamos esse reveal
   para o nosso `.kpi-card` via :deep(). */
.kpi-card[data-v-8bed79dc]:hover .help-badge {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  pointer-events: auto;
}