/* ==========================================================================
   VavSMS — Paylaşılan SweetAlert2 teması
   Panel, giriş/kayıt (auth) ve admin sayfalarında AYNI popup görünümü.
   Not: --panel-accent'e bağlı değildir; auth sayfalarında da çalışması için
   aksan rengi doğrudan #155dfc olarak yazılmıştır.
   ========================================================================== */

.swal2-popup {
  background-color: #1a1a1a !important;
  border: 1px solid rgb(56, 59, 64) !important;
  border-radius: 0.65rem !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55) !important;
  color: #e5e7eb !important;
}

.swal2-title {
  color: #fff !important;
  margin: 0 0 0.35em !important;
  padding: 0 !important;
  line-height: 1.3 !important;
}

.swal2-html-container,
.swal2-popup .swal2-content {
  color: #e5e7eb !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* başlık ile spinner/buton alanı arası boşluğu sıkılaştır */
.swal2-actions {
  margin-top: 0.85em !important;
}

.swal2-footer {
  color: #fff !important;
  border-top-color: rgb(56, 59, 64) !important;
}

/* Butonlar */
.swal2-styled {
  border-radius: 0.475rem !important;
  box-shadow: none !important;
}

.swal2-styled.swal2-confirm {
  background-color: #155dfc !important;
  color: #fff !important;
}

.swal2-styled.swal2-confirm:hover,
.swal2-styled.swal2-confirm:focus {
  background-color: #1248d9 !important;
}

.swal2-styled.swal2-cancel {
  background-color: #101010 !important;
  border: 1px solid rgb(56, 59, 64) !important;
  color: #fff !important;
}

.swal2-styled.swal2-cancel:hover,
.swal2-styled.swal2-cancel:focus {
  background-color: #232323 !important;
  color: #fff !important;
}

.swal2-styled:focus {
  box-shadow: none !important;
}

/* Form alanları */
.swal2-input,
.swal2-textarea,
.swal2-select {
  background-color: #101010 !important;
  border: 1px solid rgb(56, 59, 64) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.swal2-input::placeholder,
.swal2-textarea::placeholder {
  color: #8a8f98 !important;
}

.swal2-input:focus,
.swal2-textarea:focus,
.swal2-select:focus {
  border-color: #155dfc !important;
  box-shadow: none !important;
}

.swal2-validation-message {
  background-color: #101010 !important;
  color: #fca5a5 !important;
}

.swal2-close {
  color: #9ca3af !important;
  box-shadow: none !important;
}

.swal2-close:hover,
.swal2-close:focus {
  color: #fff !important;
}

.swal2-timer-progress-bar {
  background: #155dfc !important;
}

/* ==========================================================================
   Yükleme spinner'ı — HER popup'ta BİREBİR aynı tek halka.
   SweetAlert2 v9'da loader = confirm butonunun dönen halkaya dönüşmüş hali
   (.swal2-loading .swal2-confirm). v10/v11'de ise .swal2-loader kullanılır.
   İkisini de aynı görünüme çekiyoruz.
   ========================================================================== */

/* v10 / v11 loader */
.swal2-loader {
  width: 48px !important;
  height: 48px !important;
  border: 3px solid rgba(255, 255, 255, 0.14) !important;
  border-top-color: #155dfc !important;
  border-radius: 50% !important;
  animation: swal-spin 0.7s linear infinite !important;
}

/* v9 loader — styled confirm butonu spinner'a dönüşüyor */
.swal2-loading .swal2-styled.swal2-confirm {
  width: 48px !important;
  height: 48px !important;
  margin: 0.35em auto !important;
  padding: 0 !important;
  border: 3px solid rgba(255, 255, 255, 0.14) !important;
  border-top-color: #155dfc !important;
  border-radius: 50% !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  animation: swal-spin 0.7s linear infinite !important;
}

/* v9 loader — styled olmayan confirm butonundaki ::after halkası */
.swal2-loading :not(.swal2-styled).swal2-confirm::after {
  width: 48px !important;
  height: 48px !important;
  margin: 0.35em auto !important;
  border: 3px solid rgba(255, 255, 255, 0.14) !important;
  border-top-color: #155dfc !important;
  border-right-color: rgba(255, 255, 255, 0.14) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  animation: swal-spin 0.7s linear infinite !important;
}

.swal-loading-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9rem;
  padding: 0.4rem 0 0.2rem;
}

.swal-spinner {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.14);
  border-top-color: #155dfc;
  animation: swal-spin 0.7s linear infinite;
}

@keyframes swal-spin {
  to {
    transform: rotate(360deg);
  }
}

.swal-loading-text {
  color: #e5e7eb;
  font-size: 0.95rem;
}

.swal-loading-tries {
  color: #9ca3af;
  font-size: 0.8rem;
  margin-top: 0.1rem;
}