/* beta.4.7 — editor modal, dossier navigation, toast and mobile board recovery */
.toast-stack,#toastStack{z-index:2200!important;pointer-events:none!important}
.toast-stack .toast,#toastStack .toast{pointer-events:none!important}
#beta46ReleaseModal{z-index:1800!important}
#beta46ReleaseModal>.modal{position:relative;z-index:2}
.qol139-nav,.qol139-nav button,.qol1392-sidecard{pointer-events:auto!important;touch-action:manipulation!important}
.qol139-nav{z-index:80!important}
.qol-entity-actions{position:relative;z-index:82!important}

/* A hidden board mode must actually be hidden. The older view styles overrode [hidden]. */
#board .board-view[hidden],#board #boardCanvasView[hidden],#board #boardCasesView[hidden],#board #boardListView[hidden]{display:none!important}
body.mobile-layout #board .board-view[hidden],
body.mobile-layout #board #boardCanvasView[hidden],
body.mobile-layout #board #boardCasesView[hidden],
body.mobile-layout #board #boardListView[hidden]{display:none!important}
body.mobile-layout #board #boardListView:not([hidden]){display:grid!important}
body.mobile-layout #board #boardCasesView:not([hidden]){display:block!important}
body.mobile-layout #board #boardCanvasView:not([hidden]){display:block!important}
body.mobile-layout #board .board-view-switch,
body.mobile-layout #board .board-view-switch>*{position:relative;z-index:80!important;pointer-events:auto!important;touch-action:manipulation!important}
body.mobile-layout #board .board-shell{
  touch-action:pan-x pan-y!important;
  overscroll-behavior:auto!important;
  -webkit-overflow-scrolling:touch!important;
  cursor:auto!important;
}
body.mobile-layout #board .board-shell.is-board-panning{cursor:auto!important}
body.mobile-layout #board .board-canvas-view{min-height:0!important}
body.mobile-layout #board .board-list-view,
body.mobile-layout #board .board-cases-view{min-width:0!important;max-width:100%!important;overflow:visible!important}

@media(max-width:760px){
  .toast-stack,#toastStack{left:10px!important;right:10px!important;bottom:calc(var(--mobile-nav-height,72px) + env(safe-area-inset-bottom) + 14px)!important;width:auto!important}
  #profileModal .modal-head.qol1392-nav-head{position:sticky!important;top:0!important;z-index:120!important;background:rgba(18,18,24,.985)!important}
  #profileModal .qol139-nav{display:grid!important;grid-template-columns:42px auto 42px!important;align-items:center!important;gap:6px!important}
  #profileModal .qol139-nav .btn{min-width:42px!important;min-height:42px!important;padding:8px!important}
  #profileModal .qol-entity-actions{max-width:100%!important;display:flex!important;gap:6px!important;flex-wrap:wrap!important}
}