/* ==========================================================================
   Chart card - shared wrapper for any card hosting TJ.Components.Charts
   .lineChart() (Dashboard's equity curve, Growth Simulator's projection).
   ========================================================================== */

.chart-card {
  position: relative;
  overflow: hidden;
}

.chart-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(var(--color-accent-rgb), 0.5), transparent);
}

.chart-card__canvas-wrap {
  position: relative;
  height: 240px;
  margin-top: var(--space-4);
}

/* Placeholder state (mixed currencies / no data). Same box, so swapping
   between a chart and a message never changes the card's height. */
.chart-card__canvas-wrap--message {
  display: flex;
  align-items: center;
  justify-content: center;
}