/* ===== CashZone Custom Theme - Matching Reference Design ===== */

/* Sidebar - dark background, no gradient */
.layout-menu.bg-menu-theme {
  background: #0f0f0f !important;
}

/* Menu items - flat/transparent by default */
.bg-menu-theme .menu-inner > .menu-item > .menu-link {
  background: transparent !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
  margin: 2px 8px !important;
}

/* Menu items hover - subtle highlight */
.bg-menu-theme .menu-inner > .menu-item:not(.active) > .menu-link:hover {
  background: rgba(0, 144, 0, 0.1) !important;
}

/* Active item - gradient with glow (like reference blue but green) */
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
  background: linear-gradient(135deg, #005e00 0%, #009000 50%, #00b300 100%) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 15px rgba(0, 144, 0, 0.35) !important;
  margin: 2px 8px !important;
}

/* Active item text white */
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link .menu-text,
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link i {
  color: #ffffff !important;
  text-shadow: 0 0 8px rgba(0, 144, 0, 0.3);
}

/* Inactive items - slightly muted icons */
.bg-menu-theme .menu-inner > .menu-item:not(.active) > .menu-link i {
  color: #9CA3AF !important;
}

.bg-menu-theme .menu-inner > .menu-item:not(.active) > .menu-link:hover i {
  color: #ffffff !important;
}

/* Navbar/Top bar buttons - Gradient */
.btn-primary,
button[class*="primary"] {
  background: linear-gradient(135deg, #005e00 0%, #009000 50%, #00b300 100%) !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(0, 144, 0, 0.3) !important;
  transition: all 0.3s ease !important;
}

.btn-primary:hover {
  background: linear-gradient(135deg, #007300 0%, #00b300 50%, #00cc00 100%) !important;
  box-shadow: 0 6px 20px rgba(0, 144, 0, 0.5) !important;
  transform: translateY(-1px) !important;
}

/* bg-primary gradient */
.bg-primary {
  background: linear-gradient(135deg, #005e00 0%, #009000 100%) !important;
}

/* Badge styling - green */
.badge.bg-primary {
  background: #009000 !important;
  box-shadow: 0 2px 8px rgba(0, 144, 0, 0.3) !important;
}