/* Sticky container */
.table-container {
    max-height: 500px;
    overflow: auto;
}

/* Header tetap */
.table thead th {
    position: sticky;
    top: 0;
    background: #212529;
    color: white;
    z-index: 3;
}

/* Kolom sticky */
.sticky-col {
    position: sticky;
    background: white;
    z-index: 2;
}

/* Kolom pertama (No) */
.first-col {
    left: 0;
    width: 60px;
}

/* Kolom kedua (Variabel) */
.second-col {
    left: 60px;
    min-width: 250px;
    background: #f8f9fa;
}

/* Supaya header sticky di atas semua */
.table thead .sticky-col {
    z-index: 4;
    background: #212529;
    color: white;
}

/* Biar tidak tembus saat overlap */
.table td, .table th {
    border: 1px solid #dee2e6;
}

/* Spacing radio */
.komponen-cell label {
    padding-left: 10px;
    display: block;
}

/* Hover biar enak */
.table tbody tr:hover {
    background: #f8f9fa;
}

/* Grouping antar sub */
.sub-row {
    border-bottom: 1px solid #dee2e6;
}

/* Biar tidak kosong aneh */
td:empty {
    background: #fafafa;
}

input[type="radio"]:checked + span {
    font-weight: bold;
    color: green;
}