/* /assets/css/swal-dark.css */
:root{
  --swal-bg:#0b0b0e;         /* พื้นหลังป็อปอัป */
  --swal-fg:#e5e7eb;         /* สีตัวอักษรหลัก */
  --swal-muted:#a1a1aa;      /* สีคำอธิบาย */
  --swal-primary:#ef4444;    /* ปุ่มยืนยัน (แดง) */
  --swal-secondary:#1f2937;  /* ปุ่มยกเลิก (เทาเข้ม) */
}

.swal2-popup{
  background:#121316 !important;
  color:#e8eaef !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.6) !important; /* ลดเงา */
}
.swal2-title{
  color:var(--swal-fg) !important;
  font-weight:800 !important;
}
.swal2-html-container{ color:var(--swal-muted) !important; }

.swal2-icon{ border-color:rgba(255,255,255,.12) !important; }
.swal2-icon.swal2-success{ color:#34d399 !important; }   /* สีไอคอนสำเร็จ */
.swal2-icon.swal2-question{ color:#93c5fd !important; }

.swal2-styled{ box-shadow:none !important; border-radius:.75rem !important; }
.swal2-styled.swal2-confirm{
  background:var(--swal-primary) !important;
  color:#fff !important;
}
.swal2-styled.swal2-confirm:hover{ filter:brightness(1.05); }

.swal2-styled.swal2-cancel{
  background:var(--swal-secondary) !important;
  color:#e5e7eb !important;
}
.swal2-styled.swal2-cancel:hover{ filter:brightness(1.05); }

.swal2-close{ color:#9ca3af !important; }
.swal2-timer-progress-bar{ background:rgba(239,68,68,.6) !important; }

/* ทำให้ฉากหลังมืดขึ้น */
.swal2-backdrop-show,
.swal2-backdrop-hide{
  background: rgba(0,0,0,.62) !important;
}