/* Visible placeholder boxes for charts that haven't been wired up yet. */
.chart-placeholder {
  background: #f1f3f8;
  border: 1px dashed #b8b5c8;
  padding: 3rem 2rem;
  text-align: center;
  color: #7a7a8a;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 0.95rem;
  border-radius: 4px;
}

.chart-placeholder .cp-label {
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #3a3a78;
  margin-bottom: 0.6rem;
  font-weight: 600;
}

.chart-placeholder .cp-note {
  font-size: 0.78rem;
  color: #aaa;
  margin-top: 0.6rem;
  font-style: italic;
}