/* Chart.js global overrides are handled in JS.
   This file provides supplementary layout. */

canvas {
  width: 100% !important;
  height: 100% !important;
}

.chart-container {
  position: relative;
}

/* Card alert (tipping points etc.) */
.card-alert {
  border-color: rgba(239, 68, 68, 0.15);
  background: linear-gradient(135deg, var(--bg-card), rgba(239, 68, 68, 0.03));
}

.card-alert:hover {
  border-color: rgba(239, 68, 68, 0.25);
}

/* Card timeline */
.card-timeline {
  overflow-y: auto;
  max-height: 460px;
}