.list-group {
    display: block;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    margin-bottom: 10px;
  }
  .list-group-item {
    padding: 10px;
    background: white;
    border: 1px solid #ccc;
    margin: 5px 0;
    cursor: grab;
    border-radius: 6px;
  }
  
  /* supporto dark mode puro */
  @media (prefers-color-scheme: dark) {
    .list-group-item {
      background: #1e1e1e;
      color: #eee;
      border-color: #444;
    }
  }

  /* Quando l'elemento viene trascinato */
  .sortable-ghost {
    opacity: 0.5;
    background: #ddd;
  }