.vm-tabella {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 15px;
}

.vm-tabella th,
.vm-tabella td {
    border: 1px solid #ddd;
    padding: 10px;
}

.vm-tabella th {
    background: #f5f5f5;
    font-weight: 600;
}

.vm-btn {
    background: #0073aa;
    color: #fff;
    padding: 8px 14px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
}

.vm-btn:hover {
    background: #005f8d;
}

.vm-badge {
    margin-left: 8px;
    padding: 4px 7px;
    font-size: 11px;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
}

.vm-badge.nuovo { background: #2ecc71; }
.vm-badge.scadenza { background: #e67e22; }
.vm-badge.scaduto { background: #7f8c8d; }

/* MOBILE */
@media (max-width: 768px) {

    .vm-tabella,
    .vm-tabella thead,
    .vm-tabella tbody,
    .vm-tabella tr,
    .vm-tabella td {
        display: block;
    }

    .vm-tabella thead {
        display: none;
    }

    .vm-tabella tr {
        border: 1px solid #ddd;
        margin-bottom: 15px;
        padding: 10px;
        background: #fff;
    }

    .vm-tabella td {
        border: none;
        padding: 6px 0;
    }

    .vm-tabella td:before {
        content: attr(data-label);
        display: block;
        font-weight: 600;
        color: #666;
        margin-bottom: 3px;
    }
}