/* Button styling */
.btn { 
  padding: 6px 10px; 
  border: 1px solid #374151; 
  border-radius: 6px; 
  background: #0b1220; 
  color: #e5e7eb; 
  cursor: pointer; 
  font-size: 12px; 
}

.btn:hover { 
  background: #0f172a; 
}

.btn-apply {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 50%, #7c3aed 100%) !important;
  color: white !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3) !important;
  transition: all 0.3s !important;
  border: none !important;
}

.btn-apply:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1e40af 50%, #6d28d9 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4) !important;
}

/* Clear map button styling */
#clearMap { 
  position: absolute; 
  right: 8px; 
  bottom: 12px; 
  z-index: 10002; 
  display: inline-block; 
  background: rgba(11, 18, 32, 0.95); 
  border: 1px solid #374151; 
  border-radius: 8px; 
  padding: 8px 12px; 
  color: #e5e7eb; 
  font-size: 12px; 
  cursor: pointer; 
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
  backdrop-filter: blur(8px);
  transition: all 0.2s;
}

#clearMap:hover { 
  background: rgba(11, 18, 32, 1); 
  border-color: #60a5fa; 
  color: #60a5fa; 
}