.project-mobile-menu, .project-mobile-overlay { display: none; }

@media (max-width: 760px) {
  .layout-container:has(.project-workspace.visible) > .sidebar { display: none; }
  .layout-container:has(.project-workspace.visible) > .main-wrap { width: 100%; min-width: 0; }
  .layout-container:has(.project-workspace.visible) .workspace-shell { padding: 8px; }
  .layout-container:has(.project-workspace.visible.mobile-menu-open) > .sidebar {
    display: flex;
    position: fixed;
    z-index: 80;
    inset: 0 auto 0 0;
    width: 240px;
    box-shadow: 8px 0 24px rgba(13, 44, 91, .28);
  }
  .project-mobile-menu {
    display: block;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid #7acb9d;
    border-radius: 5px;
    background: #f0fbf4;
    color: #087443;
    font-weight: 800;
    cursor: pointer;
  }
  .project-workspace.mobile-menu-open .project-mobile-overlay {
    display: block;
    position: fixed;
    z-index: 70;
    inset: 0;
    width: 100vw;
    height: 100vh;
    border: 0;
    background: rgba(8, 27, 55, .42);
    cursor: pointer;
  }
}