.table thead {
  background: linear-gradient(
    to right,
    #020507,
    #0d47a1
  ); /* gradasi biru muda ke biru tua */
  color: white;
}

.table-hover tbody tr:hover {
  background-color: #4d50f831;
}

.thead th {
  color: white !important;
  background-color: transparent !important; /* biar ikut gradasi dari .table thead */
}

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.btn-purple {
  background-color: #6f42c1;
  border-color: #6f42c1;
  color: white;
}

.btn-purple:hover {
  background-color: #593196;
  border-color: #593196;
  color: white;
}

/* Warna tombol baru: Hijau */
.btn-success-custom {
  background-color: #28a745; /* Bootstrap success green */
  border-color: #28a745;
  color: white;
}

.btn-success-custom:hover {
  background-color: #218838;
  border-color: #1e7e34;
  color: white;
}

/* --- CSS BARU UNTUK SEJAJARKAN JUDUL DAN TOMBOL --- */
.header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.page-title {
  margin-bottom: 0;
}
