/* Cockpit slide-in vom rechten Rand (nach Rücknavigation aus Unterflow) */

@media (prefers-reduced-motion: reduce) {
  #main-content.t9-dash-enter-from-right,
  #main-content.t9-dash-enter-from-right--active,
  #t9-dash-enter-root.t9-dash-enter-from-right,
  #t9-dash-enter-root.t9-dash-enter-from-right--active {
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  html.t9-dash-enter-animating {
    overflow-x: clip;
    overflow-x: hidden; /* Fallback ältere Engines */
  }

  /* Start: rechts eingeschobenes Cockpit gleitet nach links zur Ruhelage */
  #main-content.t9-dash-enter-from-right,
  #t9-dash-enter-root.t9-dash-enter-from-right {
    transform: translate3d(100%, 0, 0);
    opacity: 0.98;
    transition: none;
    will-change: transform, opacity;
  }

  #main-content.t9-dash-enter-from-right.t9-dash-enter-from-right--active,
  #t9-dash-enter-root.t9-dash-enter-from-right.t9-dash-enter-from-right--active {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    /* transition-duration wird per JS gesetzt (~290 ms), ease-out Fluent */
    will-change: auto;
  }
}