/* Workspace alignment — one common horizontal grid across the five management pages.
   Loaded after the existing theme so the logo, sidebar and functional styles are preserved. */
.app-body .main-area { min-width:0; width:100%; }
.app-body .main-area .workspace {
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin:0;
  padding:28px 30px 64px;
}
.app-body .main-area .workspace > .page-heading,
.app-body .main-area .workspace > .welcome-row,
.app-body .main-area .workspace > .stats,
.app-body .main-area .workspace > .panel,
.app-body .main-area .workspace > .staff-page-layout {
  width:100%; max-width:none; margin-left:0; margin-right:0;
}
.app-body .main-area .workspace > .page-heading { margin-bottom:22px; }
.app-body .main-area .workspace > .welcome-row { margin-bottom:20px; }
.app-body .main-area .workspace > .staff-page-intro { margin-left:0; margin-right:0; }
.app-body .main-area .workspace .tablewrap { max-width:100%; }
/* Use the same horizontal origin in the toolbar and the content below it. */
.app-body .main-area .topbar { padding-left:30px; padding-right:30px; }
@media (max-width:1130px) {
  .app-body .main-area .workspace { padding:24px 24px 56px; }
  .app-body .main-area .topbar { padding-left:24px; padding-right:24px; }
}
@media (max-width:650px) {
  .app-body .main-area .workspace { padding:20px 16px 45px; }
  .app-body .main-area .topbar { padding-left:16px; padding-right:16px; }
}