.dataTables_length select {
  width: auto !important;
  min-width: 70px;
  padding-right: 25px;
}

/* 🔷 Header */
table.dataTable thead th {
  background-color: #0d6efd !important;
  color: #fff !important;
  font-weight: 600;
  border-bottom: 2px solid #0b5ed7;
}

/* 🔷 Hover row */
table.dataTable tbody tr:hover {
  background-color: #f1f7ff;
}

/* 🔷 Table border */
table.dataTable {
  border-radius: 8px;
  overflow: hidden;
}

/* 🔷 Search box */
.dataTables_filter input {
  border-radius: 8px;
  border: 1px solid #ced4da;
  padding: 5px 10px;
}

.dataTables_wrapper .pagination .page-item.active .page-link {
  background-color: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
}

/* 🔷 Info text */
.dataTables_info {
  font-size: 14px;
  color: #6c757d;
}

/* 🔷 Spacing */
.dataTables_wrapper .row {
  margin-top: 10px;
}

/* 🔷 Buttons (ถ้ามี) */
.dt-button {
  background-color: #0d6efd !important;
  color: #fff !important;
  border-radius: 6px !important;
  border: none !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
  display: inline-block;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
}

[data-bs-theme="dark"] table.dataTable thead th {
  background-color: #1e293b !important;
}

table.dataTable tbody tr.selected {
  background-color: #d0e7ff;
}

table.dataTable td {
    padding: 6px 10px; /* ลดจาก default */
    vertical-align: middle;
}

table.dataTable tbody tr:hover {
    background-color: #f1f7ff;
}