/* Main app background */
body,
.content,
.main,
.main-frame,
.main-view {
  background: #16222b !important;   /* dark slate instead of gray */
  color: #e9f3ef !important;
}

/* Left sidebar + menu */
.sidebar,
.navbar,
.tabsSidebar,
.menu,
.settings-menu {
  background: #0f3a34 !important;
}

/* Menu text */
.sidebar a,
.menu a,
.tabsSidebar a {
  color: #cfe9df !important;
}

/* Active/selected tab: replace bright blue with teal */
.sidebar .is-active,
.sidebar .active,
.menu .is-active,
.menu .active,
.tabsSidebar .is-active,
.tabsSidebar .active,
.nav-tabs .active a,
.nav-pills .active a {
  background: #22c08e !important;
  color: #06231d !important;        /* dark text for strong contrast */
  font-weight: 700 !important;
}

/* Buttons */
.btn-primary,
.button--primary {
  background: #22c08e !important;
  border-color: #22c08e !important;
  color: #06231d !important;
}