
/* =====================================
   MOBILE TABLE FIX - TETAP TABLE
   ===================================== */

/* Container table */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Table umum */
.table {
  min-width: 700px;
  /* paksa scroll horizontal */
  background: transparent;
}

/* Header */
.table thead th {
  background: #141414;
  color: #c9c9c9;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid #2a2a2a;
}

/* Body */
.table tbody td {
  font-size: 13px;
  color: #aaa;
  white-space: nowrap;
  border-top: 1px solid #1f1f1f;
}

/* Nominal / angka penting */
.table tbody td:nth-child(4),
.table tbody td strong {
  color: #f5c46b;
  font-weight: 600;
}

/* Hover */
.table tbody tr:hover {
  background: rgba(255, 255, 255, 0.03);
}

/* Tombol */
.table .btn {
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 6px;
}



/* =====================================
   FIX WARNA HEADER TABLE (NYATU UI)
   ===================================== */

.table thead th {
  background: linear-gradient(to bottom,
      #1f2f3f,
      #1a2836);
  color: #cfd8e3;
  border-bottom: 1px solid #2e4053;
  border-right: 1px solid #253545;
  font-weight: 600;
}

/* Icon sort DataTable */
.table thead th i,
.table thead th::after,
.table thead th::before {
  color: #8fa3b8 !important;
}

/* =====================================
   MOBILE TABLE FIX - TETAP TABLE
   ===================================== */

/* Container table */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Table umum */
.table {
  min-width: 700px;
  /* paksa scroll horizontal */
  background: transparent;
}

/* Header */
.table thead th {
  background: #141414;
  color: #c9c9c9;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid #2a2a2a;
}

/* Body */
.table tbody td {
  font-size: 13px;
  color: #aaa;
  white-space: nowrap;
  border-top: 1px solid #1f1f1f;
}

/* Nominal / angka penting */
.table tbody td:nth-child(4),
.table tbody td strong {
  color: #f5c46b;
  font-weight: 600;
}

/* Hover */
.table tbody tr:hover {
  background: rgba(255, 255, 255, 0.03);
}

/* Tombol */
.table .btn {
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 6px;
}

/* =====================================
   FIX WARNA HEADER TABLE (NYATU UI)
   ===================================== */

.table thead th {
  background: linear-gradient(to bottom,
      #1f2f3f,
      #1a2836);
  color: #cfd8e3;
  border-bottom: 1px solid #2e4053;
  border-right: 1px solid #253545;
  font-weight: 600;
}

/* Icon sort DataTable */
.table thead th i,
.table thead th::after,
.table thead th::before {
  color: #8fa3b8 !important;
}

