/* AI Finance Dashboard - styles.css (Blue Theme) */

* { box-sizing: border-box; }

body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0e2336; }
::-webkit-scrollbar-thumb { background: #3d6991; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #6ab7ff; }

/* Highcharts override */
.highcharts-background { fill: transparent !important; }

/* Responsive */
@media (max-width: 900px) {
  aside { width: 60px !important; padding: 16px 8px !important; }
  aside span, aside p, aside .sidebar-text { display: none !important; }
  main { padding: 16px !important; max-width: 100vw !important; }
  #chartsGrid { grid-template-columns: 1fr !important; }
  .skeleton-chart-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 768px) {
  div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  div[style*="grid-template-columns:1fr 400px"] {
    grid-template-columns: 1fr !important;
  }
}