/* Keep route workspaces outside Vue's managed #app tree while positioning
   them in the normal System content viewport. */
.membership-system-workspace {
  position: fixed;
  z-index: 850;
  top: 143px;
  right: 0;
  bottom: 0;
  left: 220px;
  overflow: auto;
  min-height: calc(100vh - 143px);
}

@media (max-width: 700px) {
  .membership-system-workspace { top: 56px; left: 0; min-height: calc(100vh - 56px); }
}