/*
 * Shared application shell.
 *
 * The historical desktop sidebar became a horizontal banner below 1100px and
 * left a 300px content offset at larger widths. Application pages now use the
 * fixed topbar as their only header. Keep these rules global across viewports:
 * the layout must not change back at a responsive breakpoint.
 */
body.ods-app-shell .sidebar,
body.ods-app-shell .nav__wrapper {
  display: none !important;
}

body.ods-app-shell .content {
  width: 100%;
  max-width: none;
  margin-left: 0 !important;
}

/* The trusted-flagger workspace keeps its useful navigation column, but the
 * old illustrated brand column is gone. Use real grid flow so the content can
 * never sit underneath a fixed 300/590px overlay. */
body.ods-trusted-flagger-shell .app-layout {
  display: grid;
  grid-template-columns: minmax(230px, 290px) minmax(0, 1fr);
  min-height: 100vh;
}

body.ods-trusted-flagger-shell .app-subnav {
  position: sticky;
  top: 0;
  left: auto;
  width: auto;
  height: 100vh;
  min-width: 0;
}

body.ods-trusted-flagger-shell .app-layout > main {
  min-width: 0;
  width: 100%;
}

@media (max-width: 991.98px) {
  body.ods-trusted-flagger-shell .app-layout {
    display: block;
  }

  body.ods-trusted-flagger-shell .app-subnav {
    position: relative;
    top: auto;
    width: 100%;
    height: auto;
  }
}