.scroll-container {
    border-radius: 12px;          
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    border: 1px solid #ccc;
    position: sticky;
    top: 0;
    background: var(--bg-light, #efefef); /* o il colore che preferisci */
    z-index: 2;
}

table { 
    border-collapse: separate; 
    border-spacing: 0; 
    width: 100%; 
    background: #fff; 
}

th, td { 
    border: 1px solid #ccc; 
    padding:8px; 
    text-align:center; 
    box-sizing:border-box; 
    white-space:normal; 
    word-break:break-word; 
    min-width:100px; 
}

thead tr:first-child th { position:sticky; top:0; background:#f2f2f2; z-index:11; }
thead tr:nth-child(2) th { position:sticky; top:40px; background:#f9f9f9; z-index:10; }
tr:nth-child(even) td { background:#efefef; }

.editBtn { cursor:pointer; padding:8px 8px; border:none; background:#cbcbcb; border-radius:5px; margin:4px; box-shadow:2px 2px 5px rgba(0,0,0,0.3), inset -2px -2px 5px rgba(255,255,255,0.2); transition:all 0.2s ease; }
.editBtn:hover { background:#c0c0c0; box-shadow:2px 2px 8px rgba(0,0,0,0.4), inset -2px -2px 8px rgba(255,255,255,0.4); }
.deleteBtn { cursor:pointer; padding:8px 8px; border:none; background:#cf3d3d; border-radius:5px; margin:4px; box-shadow:2px 2px 5px rgba(0,0,0,0.3), inset -2px -2px 5px rgba(255,255,255,0.2); transition:all 0.2s ease; }
.deleteBtn:hover { background:#ff6666; box-shadow:2px 2px 8px rgba(0,0,0,0.4), inset -2px -2px 8px rgba(255,255,255,0.4); }

td.action-cell { text-align:center; }
td.action-cell button { display:inline-block; margin:0 2px; }