/* Dark theme definitions for SensiGrow.
   Applied when the root container has class sg-theme-dark. */

.sg-theme-dark {
  background-color: #0f1115;
  color: #f5f5f5;
}

.sg-theme-dark .sg-header-navbar {
  background-color: #1f232b !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);
}

.sg-theme-dark .sg-sidebar {
  background-color: #181c23 !important;
}

.sg-theme-dark .sg-sidebar-nav a {
  color: #e4e6eb;
}

.sg-theme-dark .sg-sidebar-nav a.active {
  background-color: #2b313c;
  border-left-color: #0d6efd;
}

.sg-theme-dark .sg-main-content {
  background-color: #12151b;
  color: #f5f5f5;
}

/* Login background (dark theme) */
.sg-theme-dark .sg-login-layout {
  background-color: #0f1115;

  /* show the same login image also in dark theme */
  background-image: url("/assets/backgrounds/login-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Global action buttons group in the header */
.sg-theme-dark .sg-global-actions-btn-group {
  background-color: transparent;
  color: white;
  border: 1px solid white;
  border-radius: 4px;
  padding: 0.2rem;
  height: 45px;
}

.sg-theme-dark .sg-sidebar-toggle {
  color: #f7f8fa;
}