/* Wrapper harus bisa scroll */
.fi-ta-content {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
}

/* Sticky header */
.fi-ta-table thead tr {
    position: sticky;
    top: 0;
    z-index: 5; 
    background: white;
}

/* Sticky kolom kiri (No SPDD) */
.sticky-col {
    position: sticky;
    left: 0;
    z-index: 2; 
    /*background: white;*/
}

.dark .fi-fo-table-repeater thead th {
    background-color: #18181b !important; /* abu gelap */
    color: #f3f4f6 !important;            /* teks terang */
}
.dark .aw-table-repeater-container th {
    background-color: #18181b !important; /* Warna abu gelap */
    color: #f3f4f6 !important;           /* Warna teks terang */
    border-color: #374151 !important;    /* Warna border agar tidak kontras */
}

/* Jika Anda ingin baris di dalam repeater juga menyesuaikan saat Dark Mode */
.dark .aw-table-repeater-container td {
    background-color: #111827; /* Lebih gelap dari header */
}
tr:nth-child(even) .sticky-col {
    background-color: #fafafa; /* abu-abu muda untuk baris genap */
}
.dark .custom-header-dark th {
    background-color: #18181b !important;
    color: #f3f4f6 !important;
    border-bottom: 1px solid #3f3f46; 
}

/* Memperbaiki pojok kiri atas */
.dark .custom-header-dark th:first-child {
    border-top-right-radius: 1.0rem; /* Sesuaikan dengan radius repeater kamu */
}

/* Memperbaiki pojok kanan atas */
.dark .custom-header-dark th:last-child {
    border-top-right-radius: 1.0rem; /* Sesuaikan dengan radius repeater kamu */
}
.dark .custom-header-dark th:first-child {
    border-top-left-radius: 1.0rem; /* Sesuaikan dengan radius repeater kamu */
}

/* Memperbaiki pojok kanan atas */
.dark .custom-header-dark th:last-child {
    border-top-left-radius: 1.0rem; /* Sesuaikan dengan radius repeater kamu */
}

/* Tambahan: Pastikan container tabelnya tidak mengizinkan isi bocor */
/* .dark .custom-header-dark {
    overflow: hidden;
    border-radius: 0.5rem;
} */
 
tr:nth-child(odd) .sticky-col {
    background-color: #ffffff; /* putih untuk baris ganjil */
}
.dark .fi-ta-table thead tr {
    background-color:#18181b; 
}
.dark .sticky-col {
    background-color: #18181b; 
}
.dark tr:nth-child(odd) .sticky-col {
    background-color: #18181b; 
}

/* Baris Genap di Dark Mode */
.dark tr:nth-child(even) .sticky-col {
    background-color: #242427;
}

 /*Action column (Approve/Reject) */
/*.fi-ta-actions-cell {*/
/*    position: sticky;*/
/*    right: 0;*/
/*    z-index: 2;*/
/*}*/

.fi-modal-window, 
.fi-modal-backdrop {
    z-index: 9999;
}