/* Chart card containers (Daily Trend, Bedding Trend, Store Ranking). */

.charts-row { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(12px, 1.5vw, 20px); margin-top: clamp(8px, 1vw, 20px); }

.chart-card {
  background: #fff; border: 1px solid #e5e7eb; border-radius: var(--radius);
  padding: clamp(12px, 1.2vw, 20px); box-shadow: var(--shadow);
  display: flex; flex-direction: column; min-height: 480px; }

.chart-wrap { flex: 1; min-height: 0; position: relative; }

.chart-card h3 { font-size: clamp(12px, 0.9vw, 14px); color: var(--navy); margin-bottom: clamp(6px, 0.8vw, 12px); font-weight: 600; }

.chart-wrap { position: relative; flex: 1; min-height: 0; height: clamp(250px, 40vh, 500px); }