/* KPI tiles: subtle + consistent */
.kpi-card-click .card {
  transition:
    box-shadow .18s var(--transition-ease),
    border-color .18s var(--transition-ease),
    transform .18s var(--transition-ease);
}

.kpi-card-click:hover .card {
  box-shadow: 0 1px 6px rgba(0,0,0,.06);
  transform: translateY(-1px);
}

.kpi-card-click.active .card {
  /* faint brand tint background + hairline inner ring */
  background-image: linear-gradient(0deg, rgba(0,102,204,.04), rgba(0,102,204,.04));
  box-shadow:
    inset 0 0 0 1px var(--blue-500),
    0 1px 8px rgba(0,0,0,.06);
}

/* keyboard focus (for accessibility) */
.kpi-card-click:focus-visible .card {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--blue-500);
}