/**
 * SweetAlert2 — typography & spacing aligned with ERP theme (erp-theme.css).
 * Loaded after Inter + erp-theme so var() tokens apply when present.
 */

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

.swal2-popup.swal2-modal,
.swal2-popup.swal2-toast {
  font-family: inherit;
  font-size: var(--erp-fs-sm, 0.875rem);
  font-weight: var(--erp-fw-normal, 400);
  line-height: var(--erp-leading, 1.5);
  color: var(--erp-color-text, #1f2937);
  -webkit-font-smoothing: antialiased;
}

/* !important: SweetAlert2 injects its stylesheet after this file */
.swal2-popup.swal2-modal {
  border-radius: var(--erp-radius-table, 8px);
  padding: 1rem 1.15rem 1.15rem !important;
}

.swal2-title {
  font-family: inherit;
  font-size: 1rem !important;
  font-weight: var(--erp-fw-semibold, 600);
  line-height: var(--erp-leading-tight, 1.3);
  color: var(--erp-color-text, #1f2937);
  text-align: center;
  padding: 0.35rem 0 0;
  margin: 0 0 0.3rem !important;
}

.swal2-html-container {
  font-family: inherit;
  font-size: var(--erp-fs-sm, 0.875rem) !important;
  font-weight: var(--erp-fw-normal, 400);
  line-height: var(--erp-leading, 1.5);
  color: var(--erp-color-text-muted, #6b7280);
  text-align: center;
  margin: 0.25rem 0 0 !important;
}

.swal2-actions {
  gap: 0.45rem;
  margin: 0.85rem 0 0 !important;
}

.swal2-styled.swal2-confirm,
.swal2-styled.swal2-cancel,
.swal2-styled.swal2-deny {
  font-family: inherit;
  font-size: var(--erp-fs-sm, 0.875rem) !important;
  font-weight: var(--erp-fw-medium, 500);
  border-radius: 6px;
  padding: 0.4rem 1rem !important;
  line-height: 1.35;
}

.swal2-footer {
  font-family: inherit;
  font-size: var(--erp-fs-xs, 0.75rem);
  color: var(--erp-color-text-muted, #6b7280);
  text-align: center;
  margin-top: 0.65rem !important;
}

.swal2-close {
  font-family: var(--erp-font-sans, inherit) !important;
  font-size: 1.35rem;
  font-weight: var(--erp-fw-normal, 400);
  line-height: 1;
}

.swal2-close:focus {
  outline: none;
  box-shadow: none;
}

.swal2-validation-message {
  font-family: inherit;
  font-size: var(--erp-fs-xs, 0.75rem);
}

/* Toasts */
.swal2-toast {
  padding: 0.55rem 0.75rem !important;
  font-size: var(--erp-fs-sm, 0.875rem) !important;
}

.swal2-toast .swal2-title {
  font-size: var(--erp-fs-sm, 0.875rem) !important;
  font-weight: var(--erp-fw-medium, 500);
  margin: 0 !important;
  padding: 0 !important;
}

.swal2-toast .swal2-html-container {
  font-size: var(--erp-fs-sm, 0.875rem) !important;
  margin: 0 !important;
}

/*
 * Do not override .swal2-icon dimensions: SweetAlert2 positions success/error
 * arcs and marks in em units for the default box; shrinking breaks alignment
 * (looks like overlapping duplicate icons).
 */

/* Prompts */
.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select {
  font-family: inherit;
  font-size: var(--erp-fs-sm, 0.875rem) !important;
}

.swal2-timer-progress-bar {
  height: 0.2rem;
}

/* Admin dark layout (Vuexy): keep ERP font + compact scale; title/body tint from theme */
body.dark-layout .swal2-container .swal2-popup {
  font-family: var(--erp-font-sans, inherit);
}

body.dark-layout .swal2-popup .swal2-title {
  font-size: 1rem !important;
}

body.dark-layout .swal2-popup .swal2-html-container {
  font-size: var(--erp-fs-sm, 0.875rem) !important;
}