.pf-chart-wrap {
  position: relative;
  width: 100%;
}

.pf-chart-wrap canvas {
  max-width: 100%;
}

.pf-chart-nav-card {
  border: 1px solid var(--pf-border);
  border-radius: var(--pf-radius);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.pf-chart-nav-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--pf-shadow-sm);
  border-color: var(--color-accent);
}

.pf-stat-chart-card .card-body {
  min-height: 168px;
}

.pf-stat-mini-chart {
  position: relative;
  min-height: 72px;
}

.pf-stat-mini-chart__canvas {
  height: 72px !important;
}

.pf-stat-mini-chart__canvas.pf-chart-wrap:has(+ .pf-stat-mini-chart__center),
.pf-stat-mini-chart .position-relative > .pf-stat-mini-chart__canvas {
  height: 88px !important;
}

.pf-stat-mini-chart__center {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  font-size: 0.875rem;
  padding-bottom: 0.25rem;
}