/* Search box */
.dataTables_filter input {
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  margin-left: 8px !important;
  outline: none !important;
}

/* Entries dropdown */
.dataTables_length select {
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  padding: 4px 8px !important;
  margin: 0 5px !important;
  background: white !important;
}

/* Pagination buttons */
.dataTables_paginate .paginate_button {
  border-radius: 6px !important;
  padding: 4px 10px !important;
  margin: 0 2px !important;
}

/* Active page */
.dataTables_paginate .paginate_button.current {
  background: #4f46e5 !important;
  color: white !important;
  border: none !important;
}

/* Table spacing */
table.dataTable tbody td {
  padding: 16px 20px !important;
  vertical-align: middle !important;
}

/* Remove weird sorting arrows spacing */
table.dataTable thead th {
  position: relative;
  background-image: none !important;
}

/* Top controls layout */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 15px;
}

/* Footer info */
.dataTables_info {
  padding-top: 15px !important;
  font-size: 12px;
  color: #6b7280;
}

/* Pagination alignment */
.dataTables_paginate {
  padding-top: 10px !important;
}