/* V209 - Report chart containers and empty states */
.report-chart-card{
  min-height:380px;
  overflow:hidden;
}

.report-chart-card h3{
  margin:0 0 12px;
}

.report-chart-wrap{
  position:relative;
  height:300px;
  width:100%;
}

.report-chart-wrap canvas{
  width:100%!important;
  height:300px!important;
  max-height:300px!important;
  display:block;
}

.report-chart-empty{
  display:none;
  position:absolute;
  inset:0;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#64748b;
  font-size:13px;
  font-weight:600;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border:1px dashed #cbd5e1;
  border-radius:14px;
}

.report-chart-wrap.is-empty canvas{
  display:none!important;
}

.report-chart-wrap.is-empty .report-chart-empty{
  display:flex;
}

.report-chart-error{
  color:#b91c1c;
  background:#fef2f2;
  border:1px solid #fecaca;
  border-radius:12px;
  padding:10px 12px;
  font-size:13px;
  margin-top:10px;
}