body {
  font-family: 'K2D', sans-serif;
}

table, th, td {
  border: 0.5px solid #e4e4e4;
  border-collapse: collapse;
}

th, td {
  text-align: left;
  padding: 4px 8px;
}

th {
  text-align: center !important;
  vertical-align: middle;
  background-color: #f3f4f6; /* เทาอ่อน */
  font-weight: 600;
}

tr:nth-child(even) {
  background-color: #fafafa;
}

/* ปุ่มยืนยัน (เริ่มต้นเทา) */
.swal2-confirm {
  background-color: #e5e7eb !important; /* เทาอ่อน (Tailwind gray-200) */
  color: #000 !important;
  font-weight: 100 !important;
  font-family: 'K2D', sans-serif !important;
  transition: all 0.2s ease-in-out;
}

.swal2-confirm:hover {
  background-color: #d33 !important;  /* แดง */
  color: #fff !important;
}

/* ปุ่มยกเลิก (เริ่มต้นเทา) */
.swal2-cancel {
  background-color: #e5e7eb !important; /* เทาอ่อน */
  color: #000 !important;
  font-weight: 100 !important;
  font-family: 'K2D', sans-serif !important;
  transition: all 0.2s ease-in-out;
}

.swal2-cancel:hover {
  background-color: #3085d6 !important; /* น้ำเงิน */
  color: #fff !important;
}