/* COBAT V2.1.21 — Autocontrôle : bibliothèque avec menu fixe, vues métier avec tiroir coulissant */

body.autocontrole-fixed-sidebar .app-shell{
  display:block!important;
  height:100%!important;
  min-height:100%!important;
}

/* Bibliothèque et autres écrans : menu permanent. */
body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) #cobatDrawer.sidebar{
  position:fixed!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:248px!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  transform:none!important;
  transition:none!important;
  zoom:1!important;
  z-index:210!important;
  box-shadow:5px 0 20px rgba(23,58,88,.13)!important;
}
body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) #cobatMenuTab,
body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) #cobatDrawerBackdrop{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .workspace{
  width:calc(100% - 248px)!important;
  margin-left:248px!important;
  height:100vh!important;
  min-height:0!important;
}
body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .topbar{padding-left:18px!important}
body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .library-screen,
body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .autocontrol-screen,
body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .dimension-screen,
body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .reserve-screen,
body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .module-screen,
body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .settings-screen,
body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .planning-screen{
  padding-left:24px!important;
}

/* Autocontrôles, Réserves et plan : le menu devient un tiroir superposé. */
body.autocontrole-context-drawer #cobatDrawer.sidebar{
  position:fixed!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:248px!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  transform:translateX(-248px)!important;
  transition:transform .24s cubic-bezier(.2,.72,.2,1)!important;
  zoom:1!important;
  z-index:210!important;
  box-shadow:12px 0 30px rgba(23,58,88,.20)!important;
}
body.autocontrole-context-drawer #cobatDrawer.sidebar.open,
body.autocontrole-context-drawer #cobatDrawer.sidebar:focus-within{
  transform:translateX(0)!important;
}
body.autocontrole-context-drawer .workspace{
  width:100%!important;
  margin-left:0!important;
  height:100vh!important;
  min-height:0!important;
}
body.autocontrole-context-drawer .topbar{padding-left:18px!important}
body.autocontrole-context-drawer .autocontrol-screen,
body.autocontrole-context-drawer .dimension-screen,
body.autocontrole-context-drawer .reserve-screen,
body.autocontrole-context-drawer #viewerScreen{
  padding-left:24px!important;
}

/* Poignée compacte : visible uniquement dans les vues où le tiroir est autorisé. */
body.autocontrole-context-drawer #cobatMenuTab{
  display:flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
  position:absolute!important;
  right:-42px!important;
  top:38%!important;
  width:42px!important;
  height:118px!important;
  border-radius:0 12px 12px 0!important;
  z-index:3!important;
  opacity:.96;
}
body.autocontrole-context-drawer #cobatMenuTab span{
  font-size:10.5px!important;
  letter-spacing:1px!important;
}
body.autocontrole-context-drawer #cobatDrawerBackdrop{
  visibility:visible!important;
  pointer-events:auto!important;
}
body.autocontrole-context-drawer #cobatDrawerBackdrop.show{display:block!important}

/* Sur ordinateur, survoler la poignée fait glisser le menu sans imposer un clic. */
@media(min-width:761px){
  body.autocontrole-context-drawer #cobatDrawer.sidebar:hover{
    transform:translateX(0)!important;
  }
}

/* Palette du plan : toujours dégagée. */
body.autocontrole-fixed-sidebar .viewer-pane{isolation:isolate}
body.autocontrole-fixed-sidebar .floating-toolbox{left:16px!important;z-index:120!important}
body.autocontrole-fixed-sidebar .tool-options{z-index:121!important}

/* Bouton de grand écran du plan. */
#autocontrolePlanFullscreenBtn{flex:0 0 auto}
#autocontrolePlanFullscreenBtn .fullscreen-exit-icon{display:none}
body.autocontrole-plan-fullscreen #autocontrolePlanFullscreenBtn .fullscreen-enter-icon{display:none}
body.autocontrole-plan-fullscreen #autocontrolePlanFullscreenBtn .fullscreen-exit-icon{display:block}

/* Grand écran : aucune navigation, uniquement le plan et ses outils. */
body.autocontrole-plan-fullscreen #cobatDrawer.sidebar,
body.autocontrole-plan-fullscreen #cobatMenuTab,
body.autocontrole-plan-fullscreen #cobatDrawerBackdrop{
  display:none!important;
}
body.autocontrole-plan-fullscreen .workspace{
  width:100%!important;
  margin-left:0!important;
  height:100vh!important;
}
body.autocontrole-plan-fullscreen .topbar{display:none!important}
body.autocontrole-plan-fullscreen #viewerScreen{height:100vh!important;min-height:100vh!important}
body.autocontrole-plan-fullscreen .viewer-toolbar{position:relative;z-index:130}
body.autocontrole-plan-fullscreen .floating-toolbox{left:16px!important}

@media(max-width:760px){
  body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) #cobatDrawer.sidebar{
    width:200px!important;
  }
  body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .workspace{
    width:calc(100% - 200px)!important;
    margin-left:200px!important;
  }
  body.autocontrole-context-drawer #cobatDrawer.sidebar{
    width:236px!important;
    transform:translateX(-236px)!important;
  }
  body.autocontrole-context-drawer #cobatDrawer.sidebar.open,
  body.autocontrole-context-drawer #cobatDrawer.sidebar:focus-within{
    transform:translateX(0)!important;
  }
  body.autocontrole-context-drawer #cobatMenuTab{
    right:-38px!important;
    width:38px!important;
    height:108px!important;
    top:36%!important;
  }
  body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .topbar{padding-left:12px!important}
  body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .library-screen,
  body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .autocontrol-screen,
  body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .dimension-screen,
  body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .reserve-screen,
  body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .module-screen,
  body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .settings-screen,
  body.autocontrole-fixed-sidebar:not(.autocontrole-context-drawer) .planning-screen{
    padding-left:12px!important;
  }
  body.autocontrole-context-drawer .autocontrol-screen,
  body.autocontrole-context-drawer .dimension-screen,
  body.autocontrole-context-drawer .reserve-screen,
  body.autocontrole-context-drawer #viewerScreen{
    padding-left:12px!important;
  }
}

@media print{
  body.autocontrole-fixed-sidebar #cobatDrawer.sidebar{display:none!important}
  body.autocontrole-fixed-sidebar .workspace{width:100%!important;margin-left:0!important}
}