@import url("./work-hr-page-layout.css?v=workhr-layout");
/* The drawer trigger owns a 44px target plus shared spacing above the scrolling viewport. */
@media (max-width: 768px) {
  body.nav-mode-sidebar .mobile-menu-btn {
    top: calc(var(--sp-3) + env(safe-area-inset-top, 0px));
    left: calc(var(--sp-3) + env(safe-area-inset-left, 0px));
    width: 44px;
    height: 44px;
  }
  body.nav-mode-sidebar .main-content {
    margin-top: calc(44px + var(--sp-3) * 2 + env(safe-area-inset-top, 0px));
    min-height: 0;
    height: calc(100vh - 44px - var(--sp-3) * 2 - env(safe-area-inset-top, 0px));
    height: calc(100dvh - 44px - var(--sp-3) * 2 - env(safe-area-inset-top, 0px));
    max-height: calc(100vh - 44px - var(--sp-3) * 2 - env(safe-area-inset-top, 0px));
    max-height: calc(100dvh - 44px - var(--sp-3) * 2 - env(safe-area-inset-top, 0px));
  }
}
/* Closed drawers must not expose wide children when desktop inline dimensions survive a resize. */
@media (max-width: 768px) {
  body.nav-mode-sidebar:not(.sidebar-mobile-open) .sidebar {
    visibility: hidden;
    pointer-events: none;
  }
}