/**
 * SweetAlert2 — uses admin theme CSS variables (--brand, --brand-dark, etc.)
 */

.app-swal-popup {
  border-radius: 14px !important;
  padding: 1.5rem 1.25rem 1.25rem !important;
  box-shadow: 0 20px 50px var(--brand-shadow-md, rgba(29, 79, 194, 0.2)) !important;
  background: #ffffff !important;
  color: #0f172a !important;
}

.app-swal-title {
  color: #0f172a !important;
  font-weight: 700 !important;
}

.app-swal-text {
  color: #475569 !important;
}

.app-swal-text a {
  color: var(--brand) !important;
  font-weight: 600;
}

.swal2-popup.app-swal-popup .swal2-icon.swal2-info {
  border-color: var(--brand) !important;
  color: var(--brand) !important;
}

.swal2-popup.app-swal-popup .swal2-icon.swal2-success {
  border-color: var(--brand) !important;
}

.swal2-popup.app-swal-popup .swal2-icon.swal2-success [class^='swal2-success-line'] {
  background-color: var(--brand) !important;
}

.swal2-popup.app-swal-popup .swal2-icon.swal2-success .swal2-success-ring {
  border-color: var(--brand-ring-soft, rgba(47, 111, 237, 0.25)) !important;
}

.swal2-popup.app-swal-popup .swal2-icon.swal2-error {
  border-color: #ef4444 !important;
  color: #ef4444 !important;
}

.swal2-popup.app-swal-popup .swal2-styled.app-swal-confirm,
.swal2-popup.app-swal-popup .swal2-styled.swal2-confirm {
  background: var(--brand) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.swal2-popup.app-swal-popup .swal2-styled.app-swal-confirm:hover,
.swal2-popup.app-swal-popup .swal2-styled.swal2-confirm:hover {
  background: var(--brand-dark) !important;
}

.swal2-popup.app-swal-popup .swal2-styled.app-swal-cancel,
.swal2-popup.app-swal-popup .swal2-styled.swal2-cancel {
  background: #f1f5f9 !important;
  color: #64748b !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

.swal2-popup.app-swal-popup .swal2-styled.app-swal-cancel:hover,
.swal2-popup.app-swal-popup .swal2-styled.swal2-cancel:hover {
  background: #e2e8f0 !important;
}

.swal2-popup.app-swal-popup .swal2-loader {
  border-color: var(--brand) transparent var(--brand) transparent !important;
}

.app-swal-loading {
  width: auto !important;
  min-width: 11rem !important;
  padding: 1.75rem 2rem 1.5rem !important;
}

.app-swal-loading-title {
  white-space: nowrap !important;
  font-size: 1.05rem !important;
  letter-spacing: 0.01em !important;
  margin-bottom: 1rem !important;
}

.app-swal-loading .swal2-loader {
  margin: 0.25rem auto 0 !important;
}