/* iX layout overrides for MonsterMQ dashboard.
 *
 * Layout only. Component styling (tables, buttons, badges, forms, modals)
 * belongs in assets/components.css — this file loads after it, so anything
 * defined here silently wins and is a source of drift.
 */

/* Ensure the application fills the viewport */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

ix-application {
  height: 100vh;
}

/* Main content area inside ix-application */
.main-content {
  padding: 1.25rem 1.5rem;
  overflow-y: auto;
  height: 100%;
  box-sizing: border-box;
  /* Ensure smooth transition when log viewer resizes */
  transition: height 0.25s ease, max-height 0.25s ease;
}

@media (max-width: 1000px) {
  .main-content {
    padding: 0.85rem;
  }
}

/* Extend sidebar to fill full height so it aligns with the log viewer bar at the bottom */
ix-menu {
  height: 100% !important;
}