@media (max-width: 767px) {

    /* 1. Reset della tabella in blocchi */
    .view-utente-elenco-iscrizioni table, 
    .view-utente-elenco-iscrizioni thead, 
    .view-utente-elenco-iscrizioni tbody, 
    .view-utente-elenco-iscrizioni th, 
    .view-utente-elenco-iscrizioni td, 
    .view-utente-elenco-iscrizioni tr { 
        display: block; 
    }

    /* 2. Nascondi l'intestazione originale */
    .view-utente-elenco-iscrizioni thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    /* 3. Stile della "Card" (la riga) */
    .view-utente-elenco-iscrizioni tbody tr { 
        border: 1px solid #ddd; 
        border-radius: 5px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        margin-bottom: 1rem; /* Spazio tra le card */
        background-color: #fff; /* Assicura sfondo bianco */
        padding: 10px;
    }

    /* 4. Stile delle celle interne */
    .view-utente-elenco-iscrizioni td { 
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50% !important; /* Spazio per l'etichetta */
        text-align: right; /* Contenuto a destra */
        min-height: 40px;
        display: flex;
        align-items: center;
        justify-content: flex-end; /* Allinea flex item a destra */
    }

    /* Rimuovi bordo dall'ultima riga della card */
    .view-utente-elenco-iscrizioni td:last-child {
        border-bottom: 0;
    }

    /* 5. Etichette (Headers) generate via CSS */
    .view-utente-elenco-iscrizioni td::before { 
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 10px;
        width: 45%; 
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        color: #333;
    }

    /* --- ASSEGNAZIONE NOMI COLONNE --- */
    
    /* 1. Studente */
    .view-utente-elenco-iscrizioni td:nth-of-type(1)::before { content: "Studente iscritto"; }
    
    /* 2. Soggiorno */
    .view-utente-elenco-iscrizioni td:nth-of-type(2)::before { content: "Soggiorno"; }
    
    /* 3. Posizione */
    .view-utente-elenco-iscrizioni td:nth-of-type(3)::before { content: "Posizione"; }
    
    /* 4. Stato richiesta */
    .view-utente-elenco-iscrizioni td:nth-of-type(4)::before { content: "Stato richiesta"; }

    /* 5. Pulsanti (Modifica/Annulla) */
    /* Resettiamo questa cella per mostrare i bottoni al centro */
    .view-utente-elenco-iscrizioni td:nth-of-type(5) { 
        padding-left: 10px !important;
        text-align: center;
        display: flex;
        justify-content: center; /* Centra i bottoni */
        gap: 10px; /* Spazio tra i bottoni */
        padding-top: 15px;
        padding-bottom: 5px;
    }
    
    /* Nascondi l'etichetta per la cella dei pulsanti */
    .view-utente-elenco-iscrizioni td:nth-of-type(5)::before { 
        content: ""; 
        display: none;
    }
}