/* Gaya dasar */
body {
    background-color: #f8f9fa;
}

header h1 {
    font-weight: 600;
}

/* Status untuk baris tabel di layar besar */
.table tr.status-critical {
    border-left: 5px solid #dc3545;
}
.table tr.status-warning {
    border-left: 5px solid #ffc107;
}
.table tr.status-safe {
    border-left: 5px solid #198754;
}

/* PENAMBAHAN BARU: Membuat baris tabel bisa diklik */
.table-hover > tbody > tr {
    cursor: pointer;
}

.table-hover > tbody > tr:hover > * {
    background-color: rgba(0, 0, 0, 0.05);
}

.pagination {
    flex-wrap: wrap;
    justify-content: center;
}

/* Desain Responsif untuk Layar Kecil */
@media screen and (max-width: 767px) {
    .table thead {
        display: none;
    }
    .table tr {
        display: block;
        width: 100%;
        margin-bottom: 1.5rem;
        border: 1px solid #dee2e6;
        border-radius: .75rem;
        padding: .5rem 1rem;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    }
    .table tr.status-critical {
        border-left-color: #dc3545;
    }
    .table tr.status-warning {
        border-left-color: #ffc107;
    }
    .table tr.status-safe {
        border-left-color: #198754;
    }
    .table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .75rem 0;
        text-align: right;
        border-bottom: 1px solid #f1f1f1;
    }
    .table td:last-child {
        border-bottom: none;
    }
    .table td::before {
        content: attr(data-label);
        font-weight: bold;
        color: #495057;
        text-align: left;
        padding-right: 1rem;
    }
    .table td[data-label="Aksi"] {
        justify-content: center;
        padding-top: 1rem;
    }
    .table td[data-label="Aksi"]::before {
        display: none;
    }
}