/* Dashboard Insights Page Styles - Using existing components */

/* Base Styles */
.dashboard-insights {
  font-family: var(--font-sans);
  line-height: 1.6;
  color: var(--color-primary);
  background: #fafafa;
}

/* Custom gradients for dashboard insights */
.dashboard-insights .uc-hero__gradient-left::before {
  content: "";
  position: absolute;
  width: clamp(300px, 30vw, 450px);
  height: clamp(300px, 30vw, 450px);
  left: -5%;
  top: 5%;
  background: linear-gradient(193.83deg, #4BEDA4 5.79%, #B658ED 72.51%);
  filter: none;
  transform: matrix(0.2, 0.98, 0.98, -0.2, 0, 0);
  opacity: 100;
  z-index: 0;
}

.dashboard-insights .uc-hero__gradient-right::before {
  content: "";
  position: absolute;
  width: clamp(250px, 25vw, 331.6px);
  height: clamp(200px, 20vw, 272.58px);
  right: 0%;
  bottom: 22%;
  background: linear-gradient(193.83deg, #4BEDA4 5.79%, #B658ED 72.51%);
  filter: blur(136.763px);
  transform: matrix(-0.2, -0.98, -0.98, 0.2, 0, 0);
  opacity: 100;
  z-index: 0;
}

/* Hero Section - Using existing uc-hero styles from hero.css and workspace.css */
/* All hero styles are already defined in hero.css and workspace.css */

/* Running Strip Section - Using existing ai-agent-running-strip styles */
/* All running strip styles are already defined in ai-voice-agent-builder.css */

/* CTA Section - Using existing pricing-cta styles */
/* All CTA styles are already defined in ai-voice-agent-builder.css */