
.quickgrid {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
}

    /* Header */
    .quickgrid thead th {
        background: transparent;
        border-bottom: 2px solid var(--bs-border-color);
        padding: 0.5rem 0.75rem;
        text-align: left;
        font-weight: 600;
        font-size: 0.875rem;
        color: var(--bs-body-color);
        vertical-align: middle;
    }

        /* Rimuovi stile button dalle colonne sortable */
        .quickgrid thead th button {
            background: none;
            border: none;
            padding: 0;
            margin: 0;
            font: inherit;
            color: inherit;
            cursor: pointer;
            text-align: inherit;
            width: 100%;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

            .quickgrid thead th button:hover {
                color: var(--bs-primary);
            }

        /* Centra header con classe text-center */
        .quickgrid thead th.text-center button {
            justify-content: center;
        }

    /* Body */
    .quickgrid tbody tr {
        transition: background-color 0.15s ease;
        cursor: pointer;
    }

        .quickgrid tbody tr:hover {
            background-color: rgba(255,255,255,0.06);
        }
        [data-theme="light"] .quickgrid tbody tr:hover {
            background-color: rgba(0,0,0,0.04);
        }

    .quickgrid tbody td {
        padding: 0.5rem 0.75rem;
        vertical-align: middle;
        font-size: 0.875rem;
    }

    /* Allineamenti colonne */
    .quickgrid .text-center {
        text-align: center;
    }

    .quickgrid .text-end {
        text-align: end;
    }

    /* Larghezze colonne */
    .quickgrid .col-id {
        width: 80px;
    }

    .quickgrid .col-actions {
        width: 120px;
    }

    .quickgrid .col-alarm-new {
        width: 50px;
    }

    .quickgrid .col-alarm-date {
        width: 155px;
    }

    .quickgrid .col-alarm-impact {
        width: 90px;
    }

/* ============================================================================
   Paginazione QuickGrid
   ============================================================================ */

.quickgrid-pagination {
    /*border-top: 1px solid var(--bs-border-color);*/
    padding: 0.75rem 0.75rem;
    margin-top: 0.75rem;
    margin-bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.quickgrid-pagination ul.pagination {
    gap: 0.15rem;
    margin: 0;
    padding: 0;
    align-items: center;
}

.quickgrid-pagination .page-item {
    display: flex;
    align-items: center;
}

.quickgrid-pagination .page-link {
    border-radius: 0.375rem !important;
    width: 2rem;
    height: 2rem;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.quickgrid tbody tr:not([aria-rowindex]) {
    display: none;
}
