/* Custom CSS for Cloudflare Pages Marketing Analytics Dashboard */

.chart-container {
  position: relative;
  height: 320px;
  width: 100%;
}

.nav-btn.active {
  background-color: #EFF6FF;
  color: #1E3A8A;
  font-weight: 600;
  border-left: 3px solid #1E3A8A;
}

@media print {
  body {
    background-color: white !important;
    color: black !important;
  }
  header, aside, .no-print {
    display: none !important;
  }
  .tab-content {
    display: block !important;
    page-break-after: always;
  }
  .chart-container {
    height: 260px !important;
  }
}