/* SweetAlert2 confirm dialogs, one flat look for SellerZone and Admin (loaded with em-ui.js).
   Selectors are doubled (.swal2-popup.swal2-popup) so they win over the css the library injects at run time.
   The status icon is the Lottie set (em-motion.js puts it inside .swal2-icon). Danger: add customClass.popup 'em-swal-danger' (red confirm buttons are detected automatically). */
:root {
  --swal2-border-radius: 8px;
  --swal2-confirm-button-border-radius: 8px;
  --swal2-deny-button-border-radius: 8px;
  --swal2-cancel-button-border-radius: 8px;
  --swal2-confirm-button-background-color: var(--primary, #E97C43);
  --swal2-deny-button-background-color: #dc2626;
  --swal2-cancel-button-background-color: #fff;
  --swal2-cancel-button-color: #374151;
  --swal2-backdrop: rgba(17, 24, 39, .45);
  --swal2-outline: 0 0 0 2px rgba(233, 124, 67, .35);
  --swal2-input-border-radius: 8px;
  --swal2-input-focus-border: 1px solid var(--primary, #E97C43);
  --swal2-input-focus-box-shadow: 0 0 0 3px rgba(233, 124, 67, .2);
  --swal2-input-box-shadow: none;
  --swal2-input-hover-box-shadow: none;
  --swal2-show-animation: emSwalIn .16s ease-out;
  --swal2-hide-animation: emSwalOut .12s ease-in forwards;
}
@keyframes emSwalIn { from { opacity: 0; transform: translateY(8px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes emSwalOut { to { opacity: 0; transform: scale(.98); } }
@keyframes emSwalFade { from { opacity: 0; } to { opacity: 1; } }

.swal2-container.swal2-container { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.swal2-popup.swal2-popup {
  width: min(26em, calc(100vw - 24px)); padding: 24px 20px 20px; border: 1px solid #e5e7eb; border-radius: 8px;
  background: #fff; color: #374151; box-shadow: 0 12px 32px rgba(17, 24, 39, .16); font-size: 14px;
}
.swal2-popup.swal2-popup.swal2-show { animation: emSwalIn .16s ease-out; }
.swal2-popup.swal2-popup.swal2-hide { animation: emSwalOut .12s ease-in forwards; }
.swal2-popup.swal2-popup .swal2-title { padding: 0; margin: 0; font-size: 18px; font-weight: 700; line-height: 1.3; color: #111827; }
.swal2-popup.swal2-popup .swal2-html-container { margin: 8px 0 0; padding: 0; font-size: 14px; line-height: 1.5; color: #4b5563; }

/* icon: our animation replaces the library glyph */
.swal2-popup.swal2-popup .swal2-icon { width: 56px; height: 56px; margin: 0 auto 12px; border: 0; animation: none; display: flex; align-items: center; justify-content: center; }
.swal2-popup.swal2-popup .swal2-icon.em-swal-icon > :not(.em-swal-ico) { display: none; }
.swal2-popup.swal2-popup .swal2-icon .em-swal-ico { display: block; width: 56px; height: 56px; }
.swal2-popup.swal2-popup .swal2-icon.swal2-icon-show > :not(.em-swal-ico) { animation: none; }

.swal2-popup.swal2-popup .swal2-actions { margin: 20px 0 0; gap: 8px; width: 100%; }
.swal2-popup.swal2-popup .swal2-styled {
  min-width: 96px; height: 40px; margin: 0; padding: 0 16px; border: 1px solid transparent; border-radius: 8px;
  font: 600 14px/1 inherit; box-shadow: none; transition: background-color .12s, border-color .12s, transform .08s, filter .12s;
}
.swal2-popup.swal2-popup .swal2-styled:hover { filter: brightness(.94); }
.swal2-popup.swal2-popup .swal2-styled:active { transform: scale(.98); }
.swal2-popup.swal2-popup .swal2-styled:focus, .swal2-popup.swal2-popup .swal2-styled:focus-visible { box-shadow: none; outline: 2px solid var(--primary, #E97C43); outline-offset: 2px; }
.swal2-popup.swal2-popup .swal2-cancel.swal2-styled { background: #fff; color: #374151; border-color: #d1d5db; }
.swal2-popup.swal2-popup .swal2-cancel.swal2-styled:hover { background: #f9fafb; filter: none; }
.swal2-popup.swal2-popup.em-swal-danger .swal2-confirm.swal2-styled, html:root body .swal2-popup.em-swal-danger .swal2-styled.swal2-confirm { background: #dc2626; color: #fff; }
.swal2-popup.swal2-popup.em-swal-danger .swal2-confirm.swal2-styled:focus-visible { outline-color: #dc2626; }

.swal2-popup.swal2-popup .swal2-input, .swal2-popup.swal2-popup .swal2-textarea, .swal2-popup.swal2-popup .swal2-select { height: 40px; margin: 12px 0 0; font-size: 14px; box-shadow: none; }
.swal2-popup.swal2-popup .swal2-textarea { height: auto; }
.swal2-popup.swal2-popup .swal2-validation-message { background: #fef2f2; color: #b91c1c; font-size: 13px; }
.swal2-popup.swal2-popup .swal2-close { color: #6b7280; font-size: 28px; box-shadow: none; }
.swal2-popup.swal2-popup .swal2-close:hover { color: #111827; background: transparent; }
.swal2-popup.swal2-popup .swal2-timer-progress-bar { background: rgba(233, 124, 67, .5); }

@media (max-width: 480px) { .swal2-popup.swal2-popup .swal2-actions { flex-direction: column-reverse; } .swal2-popup.swal2-popup .swal2-styled { width: 100%; } }
@media (prefers-reduced-motion: reduce) {
  .swal2-popup.swal2-popup.swal2-show { animation: emSwalFade .12s ease both; }
  .swal2-popup.swal2-popup.swal2-hide { animation: emSwalFade .1s ease reverse both; }
  .swal2-popup.swal2-popup .swal2-styled { transition: none; }
  .swal2-popup.swal2-popup .swal2-styled:active { transform: none; }
}