/* Custom Responsive DataTable Styles */
.cdt-table {
  width: 100% !important;
  margin-bottom: 0;
  border-collapse: collapse;
}

/* Ẩn nút mũi tên mở rộng trên Desktop */
.cdt-control-head,
.cdt-control {
  display: none !important;
  width: 32px !important;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

.cdt-toggle-icon {
  font-size: 12px;
  color: var(--cg-primary, #0d6efd);
  transition: transform 0.2s ease;
}

.cdt-expanded {
  background-color: rgba(var(--cg-primary-rgb, 2, 62, 104), 0.06) !important;
}

.cdt-detail-row {
  background-color: #f8fafc !important;
}

.cdt-detail-wrapper {
  border: 1px solid #e2e8f0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.02);
}

/* =========================================
   Mobile View (Màn hình dưới 768px)
   ========================================= */
@media (max-width: 767.98px) {
  /* Hiện nút mũi tên điều hướng ở mobile */
  .cdt-control-head,
  .cdt-control {
    display: table-cell !important;
  }

  /* Ẩn các cột được đánh dấu là cột hiển thị từ thứ 3 trở đi ở mobile */
  .cdt-mobile-hide {
    display: none !important;
  }
}