/* ==========================================================================
   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__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;
}


/* ==========================================================================
   The SVG figures (TJ.Components.Charts.heroChart / sessionsChart, redesign
   v12). The host is positioned by its view; the readout under the pointer is
   this tile.
   ========================================================================== */

.hfig-tip {
  position: absolute;
  z-index: 2;
  min-width: 170px;
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--tile-2);
  box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.6);
  font-size: 12px;
  color: var(--text-2);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.12s;
}

.hfig-tip b {
  font-weight: 500;
  color: var(--text-1);
}