/* ==========================================================================
   SweetAlert2 — tema compartilhado (mais compacto que o padrão da lib)
   Usado por qualquer app que carregue swal-theme.js (hoje: contas, sistema).
   Seletores combinam com a classe própria (.app-swal etc, via `customClass`
   no JS) para vencer o CSS que o SweetAlert2 injeta em runtime sem precisar
   de !important.
   ========================================================================== */
.swal2-popup.app-swal {
  font-family: var(--font-body); background: var(--bg-elevated); color: var(--text);
  border-radius: var(--radius-md); border: 1px solid var(--border); box-shadow: var(--shadow-md);
  padding: 24px 22px 22px;
}
.swal2-popup.app-swal .app-swal__icon { transform: scale(.68); margin: 0 auto 2px; }
.swal2-popup.app-swal .swal2-title.app-swal__title {
  font-family: var(--font-heading); font-size: 1.1rem; color: var(--text); padding: 0; margin: 6px 0 4px;
}
.swal2-popup.app-swal .app-swal__text { font-size: .88rem; color: var(--text-muted); padding: 0; }
.swal2-popup.app-swal .app-swal__actions { gap: 10px; margin-top: 18px; }
.swal2-popup.app-swal .app-swal__btn {
  font: inherit; font-weight: 700; font-size: .86rem; padding: 10px 20px; border-radius: var(--radius-sm); border: none; cursor: pointer;
}
.swal2-popup.app-swal .app-swal__btn--confirm { background: linear-gradient(120deg, var(--brand-500), var(--brand-700)); color: #fff; }
.swal2-popup.app-swal .app-swal__btn--confirm:hover { filter: brightness(1.05); }
.swal2-popup.app-swal .app-swal__btn--cancel { background: var(--bg-muted); color: var(--text); }
.swal2-popup.app-swal .app-swal__btn--cancel:hover { background: var(--border); }

.swal2-popup.swal2-toast.app-swal {
  padding: 12px 14px; border-radius: var(--radius-sm); box-shadow: var(--shadow-md); align-items: flex-start;
}
.swal2-popup.swal2-toast.app-swal .app-swal__title { font-size: .86rem; margin: 0; font-family: var(--font-body); font-weight: 700; }
.swal2-popup.swal2-toast.app-swal .swal2-timer-progress-bar { background: var(--brand-500); height: 3px; }
.swal2-popup.swal2-toast.app-swal .swal2-close { font-size: 1rem; }