/* Eternity compatibility layer for Level1.
 * The reference theme owns the page geometry. Do not wrap user content in
 * the Level1 horizontal/vertical .container layout.
 */
html,
body.body {
  width: 100%;
  min-width: 0;
  margin: 0;
}

.body .wrapper-content {
  width: 100%;
  min-width: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.body .wrapper-content__header,
.body .wrapper-content__body,
.body .wrapper-content__footer {
  width: 100%;
  position: relative;
}

.body .wrapper-content__body {
  flex: 0 0 auto;
  min-width: 0;
}

.body .wrapper-content__body > * {
  max-width: 100%;
}

.body .app-content {
  width: 100%;
  min-width: 0;
}

/* Prevent the old Level1 layout from shrinking every Eternity page into a
   narrow column. Individual reference-style pages provide their own
   .container/.container-fluid where required. */
.body .wrapper-content__body > .container,
.body .wrapper-content__body > main.container {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

/* Tables remain scrollable on small screens, as in the reference theme. */
.body .table-responsive {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 767.98px) {
  .body .wrapper-content__body {
    width: 100%;
  }

  .body .wrapper-content__body > .container,
  .body .wrapper-content__body > main.container {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Eternity-only integration layer for 80oktheme. Nothing here targets Horizontal/Vertical. */
.eternity-user-layout .wrapper-content { width:100%; max-width:none; }
.eternity-user-layout .wrapper-content__body { width:100%; max-width:none; padding-bottom:30px; }
.eternity-user-layout .eternity-page > .wrapper-content__body > *:first-child { width:100%; }
.eternity-user-layout .component_private_navbar a { text-decoration:none; }
.eternity-user-layout .component-navbar-private-nav-item .component-navbar-nav-link { white-space:nowrap; }
.eternity-user-layout .dropdown-menu { z-index:2000; }
.eternity-user-layout .eternity-page .card { border-radius:12px; }
.eternity-user-layout .eternity-page .table-responsive { overflow-x:auto; }
.eternity-user-layout .eternity-page .form-control,
.eternity-user-layout .eternity-page select,
.eternity-user-layout .eternity-page textarea { max-width:100%; }
@media (max-width:991.98px){
  .eternity-user-layout .component_private_sidebar { display:none; }
  .eternity-user-layout .component-navbar-private__wrapper { position:relative; z-index:1000; }
}