/* ============================================
   CogniCare - Reports CSS
   ============================================ */

.charts-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 28px;
}

.chart-card {
  background: var(--white);
  border-radius: var(--radius);
  padding: 24px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

.chart-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 16px;
  color: var(--text);
}

canvas {
  width: 100% !important;
  height: auto !important;
  display: block;
}

.report-actions {
  display: flex;
  gap: 10px;
}

/* Print styles */
@media print {
  .header, .footer, .filter-row, .report-actions, #btn-print, #btn-pdf { display: none !important; }
  body { background: #fff; }
  .main { max-width: 100%; padding: 0; }
  .chart-card, .section-block, .stat-card { box-shadow: none; border: 1px solid #ccc; }
  .charts-grid { grid-template-columns: 1fr 1fr; }
}