#dev-notes-list .note-item {
  border-left: 4px solid #0d6efd;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  background-color: #f8f9fa;
  border-radius: 0.5rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#dev-notes-list .note-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

#dev-notes-list h6 {
  color: #0d6efd;
  margin-bottom: 0.25rem;
}