/**
 * Locbit shell layout — shared across Apps, Systems, Add Systems, Settings.
 */
:root {
  --locbit-mobile-inset: 16px;
  --locbit-theme-btn-height: 36px;
}

/* Hide Metronic demo blocks wrapped in code-container */
.code-container {
  display: none !important;
  pointer-events: none;
}

.code-container.disabled {
  pointer-events: none;
}

#locbit-systems-frame-wrap {
  padding: 0 !important;
  max-width: 100%;
}

.locbit-systems-frame,
#locbitFrame {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
  min-height: calc(100vh - var(--kt-app-header-height, 60px) - 52px);
}

@media (min-width: 992px) {
  .locbit-systems-frame,
  #locbitFrame {
    min-height: calc(100vh - var(--kt-app-header-height, 60px) - 60px);
  }
}
.app-wrapper,
#kt_app_content,
.app-content {
  max-width: 100%;
  overflow-x: clip;
}

#app-cards.row {
  max-width: 100%;
}

#app-cards > [class*="col-"] {
  min-width: 0;
  box-sizing: border-box;
}

/* Light/Dark toggle — consistent size and alignment on every page */
#locbit-apps-desktop-theme,
#locbit-apps-mobile-theme,
#locbit-systems-desktop-theme,
#locbit-systems-mobile-theme,
#locbit-page-desktop-theme,
#locbit-page-mobile-theme {
  white-space: nowrap;
  font-size: 0.8125rem;
  padding: 0 0.65rem;
  height: var(--locbit-theme-btn-height);
  min-height: var(--locbit-theme-btn-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  align-self: center;
  flex-shrink: 0;
}

@media (min-width: 992px) {
  #locbit-apps-desktop-theme,
  #locbit-systems-desktop-theme,
  #locbit-page-desktop-theme {
    margin-left: auto;
  }

  #locbit-apps-header-title-row,
  #locbit-universal-header-title-row,
  #locbit-page-header-title-row {
    width: 100%;
  }
}

@media (max-width: 991.98px) {
  #locbit-apps-mobile-theme,
  #locbit-systems-mobile-theme,
  #locbit-page-mobile-theme {
    margin-left: auto;
  }

  #kt_app_header_container {
    align-items: center !important;
    min-height: var(--kt-app-header-height, 60px);
  }

  #locbit-apps-mobile-topbar,
  #locbit-universal-mobile-topbar,
  #locbit-page-mobile-topbar {
    align-items: center;
    min-height: var(--locbit-theme-btn-height);
  }

  /* Avoid huge empty gaps above footer on short pages */
  #kt_app_page,
  .app-wrapper,
  #kt_app_main,
  .app-main {
    min-height: auto !important;
  }

  #kt_app_content.app-content.flex-column-fluid,
  .d-flex.flex-column.flex-column-fluid {
    flex: 0 0 auto !important;
  }

  #kt_app_content_container.app-container {
    padding-bottom: 1rem !important;
  }

  #kt_scrolltop.scrolltop {
    bottom: 1rem;
    right: var(--locbit-mobile-inset);
    z-index: 95;
  }

  #kt_app_footer .app-container {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 992px) {
  /* Sidebar expands only via the toggle — not on hover */
  [data-kt-app-sidebar-minimize="on"] .app-sidebar:hover:not(.animating) {
    width: var(--kt-app-sidebar-width-minimize) !important;
  }
  [data-kt-app-sidebar-hoverable="true"][data-kt-app-sidebar-minimize="on"]
    .app-sidebar:hover:not(.animating) {
    width: var(--kt-app-sidebar-width-minimize) !important;
  }
  [data-kt-app-sidebar-hoverable="true"][data-kt-app-sidebar-minimize="on"]
    .app-sidebar:hover
    .app-sidebar-wrapper {
    width: var(--kt-app-sidebar-width-minimize) !important;
  }
}

.locbit-add-systems-toolbar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  width: 100%;
}

#add_systems {
  align-self: flex-start;
  width: auto;
  max-width: 100%;
  font-size: 0.925rem !important;
  font-weight: 600;
  white-space: nowrap;
}

@media (min-width: 992px) {
  #dropdown-container-list {
    width: 100%;
  }
}

@media (max-width: 991.98px) {
  #add_systems {
    align-self: stretch;
    width: 100%;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}