.chart{
  background: var(--pylo-card-bg);
  border-radius: var(--pylo-radius);
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  padding: 16px;
}
.chart h3{ margin: 0 0 10px; font-size:16px; }
.chart canvas{ width: 100%; height: 260px; }

/* charts menores */
.dashboard-trends .chart { min-height: 240px; }
.dashboard-trends canvas { max-height: 220px; }

/* Gauge centralizado – usa data-attr (não precisa mudar HTML) */
.card.kpi[data-kpi="engagement"]{
  display:flex; flex-direction:column; justify-content:center;
}
.kpi-gauge-wrap{
  display:flex; align-items:center; justify-content:center;
  padding:8px 0 0;
}
.kpi-gauge-meta{ margin-top:6px; font-size:12px; color:var(--pylo-muted); }
.kpi-topitem{ margin-top:8px; font-size:12px; }
.kpi-topitem a{ text-decoration:none; }


.dashboard-trends{ display:grid; grid-template-columns:1fr; gap:16px; }
.chart{ background:var(--pylo-card-bg); border-radius:var(--pylo-radius); box-shadow:0 2px 10px rgba(0,0,0,.06); padding:16px; }
.chart h3{ margin:0 0 8px; font:600 14px/1.2 var(--pylo-font); color:#e46700; }
.chart canvas{ width:100%; height:220px; }