/* Custom table */
.table {
  width: 100%;
  border-collapse: collapse;
  background-color: var(--card-bg);
  color: var(--color-text);
  font-size: 14px;
  box-shadow: 0 1px 3px var(--color-shadow);
}

/* Header */
.table thead {
  background-color: var(--table-header-bg);
  color: var(--color-text);
  font-weight: bold;
}

.table th {
  padding: 10px;
  border: 1px solid var(--table-border);
  text-align: left;
  white-space: nowrap;
}

/* Isi */
.table td {
  padding: 8px 10px;
  border: 1px solid var(--table-border);
  vertical-align: top;
  color: var(--color-text);
}

/* Striping */
.table tbody tr:nth-child(odd) {
  background-color: var(--table-row-bg-odd);
}

.table tbody tr:nth-child(even) {
  background-color: var(--table-row-bg-even);
}

/* Hover */
.table tbody tr:hover {
  background-color: var(--table-row-hover);
}

/* Potong teks jika terlalu panjang */
.table th,
.table td {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Bungkus tabel agar scroll horizontal berfungsi */
.table-wrapper {
  width: 100%;
  overflow-x: auto;
}

/* Pastikan tabel tidak mengecil */
table.dataTable {
  min-width: 600px; /* Bisa diubah sesuai kebutuhan */
  width: 100%;
  border-collapse: collapse;
}

/* Agar header dan body kolom serasi */
.dataTables_scrollHeadInner,
.dataTables_scrollBody table {
  width: 100% !important;
}