/* Custom Styling for LeadRadar Pro */
.nav-tab.active {
  background: linear-gradient(135deg, #4f46e5, #7c3aed);
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35);
}

/* Custom Dark Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #090d16;
}
::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #334155;
}

/* Leaflet Dark Popup Overrides */
.leaflet-popup-content-wrapper {
  background: #0f172a !important;
  color: #f8fafc !important;
  border: 1px solid #334155;
  border-radius: 12px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6) !important;
}
.leaflet-popup-tip {
  background: #0f172a !important;
}
.leaflet-container {
  font-family: 'Inter', sans-serif !important;
}

/* Leaflet Layer Switcher Dark Theme */
.leaflet-control-layers {
  background: #0f172a !important;
  color: #f1f5f9 !important;
  border: 1px solid #334155 !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
}
.leaflet-control-layers-toggle {
  background-color: #1e293b !important;
  border-radius: 8px !important;
}

.lead-card-highlight {
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.35);
}