table { 
    width: 100%; 
    border-collapse: collapse; 
    margin-top: 1rem; 
}
th, td{ 
/*    border:none; */
    padding: 0.8rem; 
    text-align: center;
}
td input{
    width: 100%;
    border: none;
}
th { 
    background-color: #f0f0f0; 
}
.actions { 
    margin-bottom: 1.2rem; 
    display: flex; gap: 1.2rem; 
    flex-wrap: wrap; 
    align-items: center; 
}
.selected-ids { 
    flex: 1;
    border: none;
}
@media (max-width: 768px) {
    table, thead, tbody, th, td, tr { 
        display: block;
    }
    td { 
        border: none; 
        border-bottom: 1px solid #eee; 
    }
    td::before { 
        font-weight: bold; 
        display: block; 
        margin-bottom: 4px;
    }
}