/**
 * SweetAlert2 – ELadda/REVolt: samma typsnitt som Bootstrap (Inter) och RE&GO-grön (#00B48F) på bekräftelseknapp och laddningsindikator.
 * Måste laddas efter ~/assets/libs/sweetalert2/sweetalert2.min.css.
 */
:root {
  --swal2-confirm-button-background-color: var(--primary, #00B48F);
  /* SweetAlert2 default loader är blå (#2778c4); vi följer varumärkesfärgen */
  --swal2-loader-border-color: var(--primary, #00B48F);
}

.swal2-container .swal2-popup {
  font-family: var(--font-family-sans-serif, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif) !important;
}

.swal2-container .swal2-popup h2.swal2-title,
.swal2-container .swal2-popup .swal2-title,
.swal2-container .swal2-popup #swal2-title,
.swal2-container .swal2-popup .swal2-html-container,
.swal2-container .swal2-popup .swal2-content {
  font-family: inherit !important;
}

/* Laddningshjulet (t.ex. "Sparar…" / showLoading) – samma grön som knappar och app.css-länkar */
.swal2-container .swal2-loader {
  border-color: var(--swal2-loader-border-color) transparent var(--swal2-loader-border-color) transparent !important;
}

.swal2-container .swal2-popup .swal2-styled {
  font-family: inherit !important;
}

.swal2-popup .swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(0, 180, 143, 0.35);
}

/* DataTables 2 processing — prickar i samma grön som SweetAlert (laddas efter datatables.min.css på de flesta layouter) */
div.dt-processing > div:last-child > div {
  background: var(--primary, #00B48F) !important;
}