/**
 * Cascade d’entrée — home du dashboard (#dashboard-welcome).
 * La classe `.is-dashboard-home-cascade-pending` sur <html> est posée
 * dans un <script> inline du <head> de student-dashboard.html avant la 1ʳᵉ peinture.
 */

@keyframes dashboard-home-cascade-rise {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

html.is-dashboard-home-cascade-pending #welcome-home-free-plan-pill:not(.welcome-home-free-plan-pill--hidden),
html.is-dashboard-home-cascade-pending #dashboard-welcome .welcome-home-agent-title,
html.is-dashboard-home-cascade-pending #dashboard-welcome .welcome-home-agent-card,
html.is-dashboard-home-cascade-pending #dashboard-welcome .welcome-home-presets > .welcome-home-preset,
html.is-dashboard-home-cascade-pending #dashboard-welcome .welcome-home-spotlight {
  opacity: 0;
}

.dashboard-home-cascade-item {
  opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
  .dashboard-home-cascade-item.dashboard-home-cascade-run {
    animation: dashboard-home-cascade-rise 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    will-change: opacity, transform;
  }
}

.dashboard-home-cascade-item.dashboard-home-cascade-visible {
  opacity: 1;
}
