﻿/* SweetAlert2 modern theme */
.swal2-popup.swal2-modern-popup {
  width: min(32rem, 88vw);
  border-radius: 1.15rem;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 1.35rem 2.8rem rgba(15, 23, 42, 0.22);
  padding: 1.15rem 1.05rem 1rem;
}

.swal2-title.swal2-modern-title {
  margin: 0.1rem 1.25rem 0;
  color: #0f172a;
  font-family: "Sora", "Urbanist", sans-serif;
  font-size: clamp(1.35rem, 2.2vw, 1.9rem);
  font-weight: 700;
  line-height: 1.2;
}

.swal2-html-container.swal2-modern-html {
  margin-top: 0.62rem;
  color: #334155;
  font-family: "Urbanist", sans-serif;
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.4;
}

.swal2-icon.swal2-modern-icon {
  margin: 0.25rem auto 0.6rem;
}

.swal2-actions.swal2-modern-actions {
  margin-top: 1rem;
  gap: 0.58rem;
}

.swal2-modern-confirm,
.swal2-modern-cancel,
.swal2-modern-deny,
.swal2-styled.swal2-modern-confirm,
.swal2-styled.swal2-modern-cancel,
.swal2-styled.swal2-modern-deny {
  border: 0;
  border-radius: 0.75rem;
  font-family: "Urbanist", sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  padding: 0.62rem 1.08rem;
  box-shadow: none;
  transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

.swal2-modern-confirm,
.swal2-styled.swal2-modern-confirm {
  background: linear-gradient(120deg, #0ea5e9 0%, #0284c7 52%, #0369a1 100%);
  color: #ffffff;
  box-shadow: 0 0.65rem 1.45rem rgba(3, 105, 161, 0.26);
}

.swal2-modern-cancel,
.swal2-styled.swal2-modern-cancel {
  background: linear-gradient(120deg, #ef4444 0%, #dc2626 100%);
  color: #ffffff;
  box-shadow: 0 0.62rem 1.35rem rgba(220, 38, 38, 0.25);
}

.swal2-modern-deny,
.swal2-styled.swal2-modern-deny {
  background: linear-gradient(120deg, #fb923c 0%, #f97316 100%);
  color: #ffffff;
}

.swal2-modern-confirm:hover,
.swal2-modern-cancel:hover,
.swal2-modern-deny:hover,
.swal2-styled.swal2-modern-confirm:hover,
.swal2-styled.swal2-modern-cancel:hover,
.swal2-styled.swal2-modern-deny:hover {
  transform: translateY(-1px);
  filter: saturate(1.08);
}

.swal2-timer-progress-bar.swal2-modern-progress {
  background: linear-gradient(90deg, #06b6d4 0%, #0ea5e9 55%, #22c55e 100%);
  height: 0.26rem;
}

.swal2-popup.swal2-modern-toast {
  width: min(24rem, 92vw);
  border-radius: 0.92rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: linear-gradient(120deg, #0f172a 0%, #1e293b 100%);
  color: #e2e8f0;
  box-shadow: 0 1rem 1.95rem rgba(2, 6, 23, 0.36);
  padding: 0.68rem 0.78rem;
}

.swal2-popup.swal2-modern-toast .swal2-title {
  margin: 0;
  color: #f8fafc;
  font-size: 0.95rem;
  line-height: 1.2;
  font-weight: 700;
  font-family: "Urbanist", sans-serif;
}

.swal2-popup.swal2-modern-toast .swal2-html-container {
  margin: 0.18rem 0 0;
  color: #cbd5e1;
  font-size: 0.82rem;
  line-height: 1.3;
  font-family: "Urbanist", sans-serif;
}

.swal2-popup.swal2-modern-toast .swal2-timer-progress-bar {
  background: linear-gradient(90deg, #06b6d4 0%, #0ea5e9 55%, #22c55e 100%);
  height: 0.23rem;
}

@media (max-width: 575.98px) {
  .swal2-popup.swal2-modern-popup {
    width: min(24rem, 92vw);
    padding: 1rem 0.88rem 0.9rem;
  }

  .swal2-title.swal2-modern-title {
    font-size: 1.22rem;
  }

  .swal2-html-container.swal2-modern-html {
    font-size: 0.94rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .swal2-modern-confirm,
  .swal2-modern-cancel,
  .swal2-modern-deny,
  .swal2-styled.swal2-modern-confirm,
  .swal2-styled.swal2-modern-cancel,
  .swal2-styled.swal2-modern-deny {
    transition: none;
  }
}
