/* ============================================================
   eleve.css — spécifique à la page élève (index.html)
   Coulisses Kanban responsive + états de glisser-déposer.
   ============================================================ */

    /* Responsive Kanban lanes */
    .kanban-lane {
      min-width: 280px;
      max-width: 340px;
      flex-shrink: 0;
    }
    @media (min-width: 1280px) {
      .kanban-lane {
        min-width: 0;
        max-width: none;
        flex: 1 1 0%;
      }
    }
    .drag-over {
      background-color: #f8fafc !important;
      border-color: #6366f1 !important;
      border-style: dashed !important;
      transform: scale(1.01);
    }
    .dragging {
      opacity: 0.45;
      transform: scale(0.96);
    }