/* SIDEBAR */
.sidebar {
  background-color: #1e293b !important;
  width: 200px !important;
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  height: 100vh !important;
  z-index: 1000 !important;
}

.sidebar .brand,
.sidebar .nav-text {
  color: #cbd5e1 !important;
}

.sidebar .nav-item.router-link-active,
.sidebar .nav-item.router-link-exact-active {
  background-color: transparent !important;
}

/* TOPBAR */
.topbar {
  position: fixed !important;
  top: 0 !important;
  left: 200px !important;
  right: 0 !important;
  height: 60px !important;
  z-index: 900 !important;
}

/* MAIN CONTENT - 100% width */
.app-main.with-sidebar {
  margin-left: 200px !important;
  width: calc(100vw - 200px) !important;
}

.page-content {
  width: 100% !important;
  padding: 24px !important;
}

.page-content.with-topbar {
  padding-top: 84px !important;
}

/* AgenticMind - override padding when on this page */
.am {
  position: fixed !important;
  top: 60px !important;
  left: 200px !important;
  right: 0 !important;
  bottom: 0 !important;
  width: calc(100vw - 200px) !important;
  height: calc(100vh - 60px) !important;
}