main {
  background-color: var(--off-white);
  border-radius: var(--border-radius);
  margin: auto;
  max-width: var(--container-xl);
  padding: 2rem;
  width: calc(100% - 2rem); /* 1rem 'padding' on the sides */

  &.full-page {
    border-radius: unset;
    margin: var(--navbar-height) 0 0;
    max-width: unset;
    width: 100%;
  }

  &.transparent {
    background-color: unset;

    header.page-header {
      background-color: unset
    }
  }

  @media screen and (max-width: 768px) {  /* var(--screen-md) */
    border-radius: 0;
    margin: 0;
    padding: 2rem 1rem;
    width: 100%;
  }
}

/* Move to pages/chat.css once converted */
main.full-page.chats {
  max-height: calc(100vh - var(--navbar-height));
  min-height: calc(100vh - var(--navbar-height));
  padding: 0;
}

main#admin-manage-organisation {
  @media screen and (min-width: 1400px) { /* screen-xxl */
    max-width: var(--container-xxl);
  }
}