/* Chart.js custom tooltip “container” ako ga koristiš */
.chartjs-tooltip{
  opacity:1;
  background: rgba(33,37,41,.85);
  color:#fff;
  padding:8px 12px;
  border-radius:6px;
  pointer-events:none;
  font-size:.9rem;
  box-shadow:0 2px 10px rgba(0,0,0,.2);
}

/* Grid za blokove sa grafikonima */
.chart-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(320px,1fr));
  gap:1.5rem;
  margin-top:2rem;
}

/* Hover senka “utility” */
.hover-shadow:hover{
  box-shadow:0 .75rem 1.5rem rgba(0,0,0,.12) !important;
  transform: translateY(-2px);
}

/* Transition utility */
.transition-all{
  transition: all .25s ease-in-out;
}