/**
 * layout.css - Auronix platform layout structure (new navigation system)
 * Defines: sidebar offset, main content area, scrollable region.
 * No overlap: content has margin-left = sidebar width; top header has padding.
 * Flexbox-based. No old navbar styles.
 */

/* -------------------------------------------------------------------------
   Layout wrapper: sidebar (fixed) + main area
   ------------------------------------------------------------------------- */
.auronix-app {
  display: flex;
  min-height: 100vh;
  position: relative;
}

/* Main content zone: right of sidebar, contains top header + scrollable content */
.auronix-main {
  flex: 1;
  min-width: 0;
  margin-left: 240px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  transition: margin-left 0.3s ease;
}

/* Scrollable content area: does not go under header */
.auronix-content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 0;
  -webkit-overflow-scrolling: touch;
}

/* Top header is fixed above this content; content needs top padding so first block isn't hidden */
.auronix-main.has-fixed-header .auronix-content {
  padding-top: 64px;
}

/* -------------------------------------------------------------------------
   Mobile: no sidebar offset; content full width
   ------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .auronix-main {
    margin-left: 0;
  }

  .auronix-main.has-fixed-header .auronix-content {
    padding-top: 56px;
  }
}

/* -------------------------------------------------------------------------
   Page transition: fade out before redirect (smooth UX)
   ------------------------------------------------------------------------- */
body {
  transition: opacity 0.18s ease-out;
}
.page-transition-out {
  opacity: 0;
}
.page-transition-out * {
  pointer-events: none;
}