/* Le rail reste réservé ; l’ouverture ne recalcule pas les tableaux métier. */
@media (min-width: 1101px) {
  html body #mainContent.layout > #appSidebar.app-sidebar:is(:hover, :focus-within, :not(:hover):not(:focus-within)) {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: var(--sidebar-motion-size, 52px) !important;
    min-width: 52px !important;
    max-width: 220px !important;
    flex: none !important;
    height: 100dvh !important;
    contain: layout paint;
    transition: width 200ms cubic-bezier(.2, .7, .2, 1) !important;
  }

  html body #mainContent.layout > #appSidebar.app-sidebar:is(:hover, :focus-within) {
    --sidebar-motion-size: 220px;
    width: 220px !important;
    min-width: 52px !important;
    max-width: 220px !important;
    flex: none !important;
  }

  html body #mainContent.layout > .app-main,
  html body #mainContent.layout > .app-main:hover {
    margin-left: 52px !important;
    width: calc(100% - 52px) !important;
    flex: 1 1 auto !important;
  }

  html body #mainContent.layout > #appSidebar.app-sidebar ~ .app-main #orgDossierPanel.org-dossier-panel {
    left: 52px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body #mainContent.layout > #appSidebar.app-sidebar:is(:hover, :focus-within, :not(:hover):not(:focus-within)) {
    transition: none !important;
  }
}