/* css/animations/insight.css — Dynamiska, datadrivna animationer för engagerade investerare */

/* === SIDBYTE — slide-up / slide-down === */

body[data-mode="insight"] .page-enter {
  animation: aicfo-fade-up 350ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

body[data-mode="insight"] .page-exit {
  animation: aicfo-fade-down 180ms ease-in reverse forwards;
  pointer-events: none;
}

/* === STAGGER — slide från höger, snabbare sekvens === */

body[data-mode="insight"] .page-enter > * {
  opacity: 0;
  animation: aicfo-slide-right 320ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

body[data-mode="insight"] .page-enter > *:nth-child(1) { animation-delay: 40ms; }
body[data-mode="insight"] .page-enter > *:nth-child(2) { animation-delay: 100ms; }
body[data-mode="insight"] .page-enter > *:nth-child(3) { animation-delay: 160ms; }
body[data-mode="insight"] .page-enter > *:nth-child(4) { animation-delay: 220ms; }
body[data-mode="insight"] .page-enter > *:nth-child(5) { animation-delay: 280ms; }
body[data-mode="insight"] .page-enter > *:nth-child(6) { animation-delay: 340ms; }

/* === NAV-KLICK — bakgrundsmorph === */

body[data-mode="insight"] .nav-item.nav-clicked {
  background: var(--accent-subtle);
  transition: background 0.2s ease;
}

body[data-mode="insight"] .nav-item.nav-clicked svg {
  animation: aicfo-pulse-click 300ms ease;
}

/* === KNAPP-KLICK === */

body[data-mode="insight"] .btn:active {
  transform: scale(0.96);
  transition: transform 0.1s ease;
}

/* === INSIGHT-SEJER — mjukare avslöjande === */

body[data-mode="insight"] .insight-section {
  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* === SIGNAL-LISTA — sekventiellt avslöjande av dot + bar === */

body[data-mode="insight"] .page-enter .insight-signal-item {
  opacity: 0;
  animation: aicfo-slide-right 280ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

body[data-mode="insight"] .page-enter .insight-signal-item:nth-child(1) { animation-delay: 60ms; }
body[data-mode="insight"] .page-enter .insight-signal-item:nth-child(2) { animation-delay: 140ms; }
body[data-mode="insight"] .page-enter .insight-signal-item:nth-child(3) { animation-delay: 220ms; }

/* === CONFIDENCE BAR — animera fill === */

body[data-mode="insight"] .insight-conf-bar__fill {
  transition: width 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

/* === METRIC-BLOCK — hover-lyft === */

body[data-mode="insight"] .insight-metric-block {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body[data-mode="insight"] .insight-metric-block:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

/* === HOLDING-ITEM — hover === */

body[data-mode="insight"] .holding-item {
  transition: background 0.2s ease;
}

body[data-mode="insight"] .holding-item:hover {
  background: var(--accent-subtle);
  border-radius: var(--r-sm);
}

/* === GOAL PROGRESS === */

body[data-mode="insight"] .goal-progress-fill {
  transition: width 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}