/**
 * Transicion suave solo en el contenido principal (.main).
 * El sidebar no participa en animaciones (evita bugs con iconos/Discord).
 */

html.panel-transitions-ready .main {
  animation: none !important;
}

html .main.panel-page-enter {
  opacity: 0;
  transform: translateY(10px);
}

html .main.panel-page-enter.panel-page-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 280ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
}

html.panel-nav-leaving .main {
  opacity: 0;
  transform: translateY(-6px);
  transition:
    opacity 180ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  html .main.panel-page-enter,
  html .main.panel-page-enter.panel-page-enter-active,
  html.panel-nav-leaving .main {
    opacity: 1;
    transform: none;
    transition: none;
  }
}