.app-main {
  /* Ensure min-height for footer placement */
  min-height: 80vh;
  display: flex;
  flex-direction: column;
}
/* App Body: Container for Sidebar + Content */
.app-body {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  width: 100%;
  max-width: 1400px;
  /* Match header container */
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (max-width: 1024px) {
  .app-body {
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.app-content {
  /* Removed padding here as it's now on app-body or handled by wrapper */
  flex: 1;
  width: 100%;
  /* Ensure it takes full width when stacked */
  /* Admin panel isolation if needed */
}
.app-content--tight {
  padding-left: 0;
  padding-right: 0;
}
.app-content .x {
  padding: 1.5rem;
  background-color: white;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
/* Grid Layout Option Refinement (Legacy Support / Fancy Background) */
.app--grid-style {
  /* Retain background lines logic */
}
.app--grid-style .app-main {
  /* If using grid style, we might want to disable the sidebar flex layout or adapt it */
  /* For now, let's allow the flex layout to persist inside the grid container if needed */
}
/* Artistic Background Lines */
.app-layout-lines {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1024px) {
  .app-layout-lines {
    grid-template-columns: repeat(3, 1fr);
  }
}
.app-layout-lines__col {
  height: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.03);
}
.app-layout-lines__col:last-child {
  border-right: none;
}
@media (max-width: 1024px) {
  .app-layout-lines__col:nth-child(4), .app-layout-lines__col:nth-child(5) {
    display: none;
  }
}
/*# sourceMappingURL=e36db2d309d17488f0560919a9c4458b9da56159.layout.scss.map */