/**
 * Sellerts — global SweetAlert2 toasts & modals
 * Brand: #3478f6 · #6366f1 · navy #0f172a / #11243e
 */

:root {
  --st-toast-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --st-toast-primary: #3478f6;
  --st-toast-accent: #6366f1;
  --st-toast-navy: #0f172a;
  --st-toast-navy-soft: #1e293b;
  --st-toast-radius: 14px;
  --st-toast-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.06),
    0 12px 28px -4px rgba(15, 23, 42, 0.12),
    0 0 0 1px rgba(15, 23, 42, 0.04);
  --st-toast-shadow-lg: 0 8px 16px -4px rgba(15, 23, 42, 0.08),
    0 24px 48px -8px rgba(15, 23, 42, 0.16),
    0 0 0 1px rgba(15, 23, 42, 0.05);
  --st-success: #10b981;
  --st-success-bg: #ecfdf5;
  --st-success-border: #a7f3d0;
  --st-error: #ef4444;
  --st-error-bg: #fef2f2;
  --st-error-border: #fecaca;
  --st-warning: #f59e0b;
  --st-warning-bg: #fffbeb;
  --st-warning-border: #fde68a;
  --st-info: #3478f6;
  --st-info-bg: #eff6ff;
  --st-info-border: rgba(52, 120, 246, 0.25);
  --st-toast-z: 20050;
  --st-toast-offset-panel: 4.75rem;
  --st-toast-offset-shop: 3.5rem;
  --st-toast-max-width: 24rem;
}

/* ── Container positioning (mobile-safe) ── */
.swal2-container {
  z-index: var(--st-toast-z) !important;
  padding: 0.75rem !important;
  box-sizing: border-box;
}

/* Panel layouts: clear sticky header */
body:has(.page-header) .swal2-container.swal2-top-end,
body:has(.page-header) .swal2-container.swal2-top-start,
body:has(.page-header) .swal2-container.swal2-top {
  padding-top: calc(var(--st-toast-offset-panel) + env(safe-area-inset-top, 0px)) !important;
}

/* Shop marketplace: clear platform topbar */
body:has(.st-mp-topbar) .swal2-container.swal2-top-end,
body:has(.st-mp-topbar) .swal2-container.swal2-top-start,
body:has(.st-mp-topbar) .swal2-container.swal2-top {
  padding-top: calc(var(--st-toast-offset-shop) + env(safe-area-inset-top, 0px)) !important;
}

/* Toasts: never dim or block the page behind */
body.swal2-toast-shown .swal2-container,
body.swal2-no-backdrop .swal2-container {
  background: transparent !important;
  pointer-events: none;
}

body.swal2-toast-shown .swal2-container .swal2-popup,
body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: auto;
}

.swal2-container.swal2-top-end,
.swal2-container.swal2-top-start,
.swal2-container.swal2-top {
  padding-top: max(0.75rem, env(safe-area-inset-top)) !important;
}

/* ── Toast notifications ── */
.swal2-popup.swal2-toast {
  font-family: var(--st-toast-font) !important;
  border-radius: var(--st-toast-radius) !important;
  box-shadow: var(--st-toast-shadow) !important;
  padding: 0.875rem 1rem 0.875rem 0.75rem !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  min-height: auto !important;
  max-width: var(--st-toast-max-width) !important;
  width: auto !important;
  overflow: hidden !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  will-change: transform, opacity;
}

.swal2-popup.swal2-toast .swal2-title {
  font-family: var(--st-toast-font) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  color: var(--st-toast-navy) !important;
  margin: 0 0 0 0.5rem !important;
  padding: 0 !important;
  letter-spacing: -0.01em;
}

.swal2-popup.swal2-toast .swal2-html-container {
  font-size: 0.8125rem !important;
  color: #64748b !important;
  margin: 0.125rem 0 0 0.5rem !important;
  padding: 0 !important;
}

.swal2-popup.swal2-toast .swal2-icon {
  width: 1.5rem !important;
  height: 1.5rem !important;
  min-width: 1.5rem !important;
  margin: 0.0625rem 0.5rem 0 0.125rem !important;
  border-width: 1.5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative;
  flex-shrink: 0;
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  font-size: 0.875rem !important;
  font-weight: 700 !important;
}

.swal2-popup.swal2-toast .swal2-success {
  border-color: rgba(5, 150, 105, 0.28) !important;
  background: rgba(16, 185, 129, 0.14) !important;
  color: #047857 !important;
}

.swal2-popup.swal2-toast .swal2-success::before {
  content: '\2713';
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1;
  color: currentColor;
  transform: translateY(-0.5px);
}

.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-'],
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  display: none !important;
}

.swal2-popup.swal2-toast .swal2-error {
  border-color: var(--st-error) !important;
  color: var(--st-error) !important;
}

.swal2-popup.swal2-toast .swal2-error [class^='swal2-x-mark-line'] {
  background-color: var(--st-error) !important;
}

.swal2-popup.swal2-toast .swal2-warning {
  border-color: var(--st-warning) !important;
  color: var(--st-warning) !important;
}

.swal2-popup.swal2-toast .swal2-info {
  border-color: var(--st-info) !important;
  color: var(--st-info) !important;
}

.swal2-popup.swal2-toast .swal2-question {
  border-color: var(--st-toast-accent) !important;
  color: var(--st-toast-accent) !important;
}

/* Toast close button */
.swal2-popup.swal2-toast .swal2-close {
  width: 1.25rem !important;
  height: 1.25rem !important;
  font-size: 1.125rem !important;
  color: #94a3b8 !important;
  transition: color 0.15s ease, background 0.15s ease;
  border-radius: 6px;
  margin-right: -0.25rem;
}

.swal2-popup.swal2-toast .swal2-close:hover {
  color: var(--st-toast-navy) !important;
  background: rgba(15, 23, 42, 0.05);
}

/* Timer progress bar */
.swal2-popup.swal2-toast .swal2-timer-progress-bar-container {
  height: 3px !important;
  border-radius: 0 0 var(--st-toast-radius) var(--st-toast-radius) !important;
  overflow: hidden;
}

.swal2-popup.swal2-toast .swal2-timer-progress-bar {
  background: linear-gradient(90deg, var(--st-toast-primary), var(--st-toast-accent)) !important;
  height: 3px !important;
}

/* Toast enter / exit animations — custom classes avoid Swal2 default jank */
@keyframes st-toast-enter-end {
  from {
    opacity: 0;
    transform: translate3d(1rem, 0, 0) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes st-toast-enter-start {
  from {
    opacity: 0;
    transform: translate3d(-1rem, 0, 0) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes st-toast-enter-top {
  from {
    opacity: 0;
    transform: translate3d(0, -0.75rem, 0) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes st-toast-exit {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
  to {
    opacity: 0;
    transform: translate3d(0.75rem, 0, 0) scale(0.97);
  }
}

@keyframes st-modal-enter {
  from {
    opacity: 0;
    transform: scale(0.94) translate3d(0, 0.5rem, 0);
  }
  to {
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0);
  }
}

@keyframes st-modal-exit {
  from {
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.96) translate3d(0, 0.25rem, 0);
  }
}

.swal2-popup.swal2-toast.st-swal-animate-in,
.swal2-popup.swal2-toast.swal2-show {
  animation: st-toast-enter-end 0.32s cubic-bezier(0.21, 1.02, 0.73, 1) forwards !important;
}

.swal2-container.swal2-top-start .swal2-popup.swal2-toast.st-swal-animate-in,
.swal2-container.swal2-top-start .swal2-popup.swal2-toast.swal2-show {
  animation-name: st-toast-enter-start !important;
}

.swal2-container.swal2-top .swal2-popup.swal2-toast.st-swal-animate-in,
.swal2-container.swal2-top .swal2-popup.swal2-toast.swal2-show {
  animation-name: st-toast-enter-top !important;
}

.swal2-popup.swal2-toast.st-swal-animate-out,
.swal2-popup.swal2-toast.swal2-hide {
  animation: st-toast-exit 0.22s cubic-bezier(0.4, 0, 1, 1) forwards !important;
}

/* ── Modal dialogs ── */
.swal2-popup:not(.swal2-toast) {
  font-family: var(--st-toast-font) !important;
  border-radius: 18px !important;
  box-shadow: var(--st-toast-shadow-lg) !important;
  padding: 1.75rem 1.5rem 1.5rem !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
}

.swal2-popup:not(.swal2-toast) .swal2-title {
  font-family: var(--st-toast-font) !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  color: var(--st-toast-navy) !important;
  letter-spacing: -0.02em;
  padding: 0 0 0.25rem !important;
}

.swal2-popup:not(.swal2-toast) .swal2-html-container {
  font-size: 0.9375rem !important;
  line-height: 1.55 !important;
  color: #475569 !important;
}

.swal2-popup:not(.swal2-toast) .swal2-icon {
  margin: 0.5rem auto 1rem !important;
  border-width: 3px !important;
}

.swal2-popup:not(.swal2-toast) .swal2-success {
  border-color: var(--st-success) !important;
  color: var(--st-success) !important;
}

.swal2-popup:not(.swal2-toast) .swal2-error {
  border-color: var(--st-error) !important;
  color: var(--st-error) !important;
}

.swal2-popup:not(.swal2-toast) .swal2-warning {
  border-color: var(--st-warning) !important;
  color: var(--st-warning) !important;
}

.swal2-popup:not(.swal2-toast) .swal2-info {
  border-color: var(--st-info) !important;
  color: var(--st-info) !important;
}

.swal2-popup:not(.swal2-toast) .swal2-question {
  border-color: var(--st-toast-accent) !important;
  color: var(--st-toast-accent) !important;
}

/* Modal buttons */
.swal2-popup:not(.swal2-toast) .swal2-actions {
  gap: 0.625rem !important;
  margin-top: 1.25rem !important;
}

.swal2-popup:not(.swal2-toast) .swal2-styled.swal2-confirm {
  font-family: var(--st-toast-font) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  padding: 0.625rem 1.375rem !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, var(--st-toast-primary) 0%, var(--st-toast-accent) 100%) !important;
  box-shadow: 0 2px 8px rgba(52, 120, 246, 0.35) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease !important;
}

.swal2-popup:not(.swal2-toast) .swal2-styled.swal2-confirm:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(52, 120, 246, 0.4) !important;
}

.swal2-popup:not(.swal2-toast) .swal2-styled.swal2-confirm:active {
  transform: translateY(0);
}

.swal2-popup:not(.swal2-toast) .swal2-styled.swal2-cancel {
  font-family: var(--st-toast-font) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  padding: 0.625rem 1.375rem !important;
  border-radius: 10px !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  transition: background 0.15s ease !important;
}

.swal2-popup:not(.swal2-toast) .swal2-styled.swal2-cancel:hover {
  background: #e2e8f0 !important;
}

.swal2-popup:not(.swal2-toast) .swal2-close {
  color: #94a3b8 !important;
  transition: color 0.15s ease;
}

.swal2-popup:not(.swal2-toast) .swal2-close:hover {
  color: var(--st-toast-navy) !important;
}

/* Modal backdrop — light tint only (no heavy full-page dim) */
.swal2-container.swal2-backdrop-show:not(:has(.swal2-toast)) {
  background: rgba(15, 23, 42, 0.12) !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}


.swal2-popup:not(.swal2-toast).st-swal-animate-in,
.swal2-popup:not(.swal2-toast).swal2-show {
  animation: st-modal-enter 0.28s cubic-bezier(0.21, 1.02, 0.73, 1) forwards !important;
}

.swal2-popup:not(.swal2-toast).st-swal-animate-out,
.swal2-popup:not(.swal2-toast).swal2-hide {
  animation: st-modal-exit 0.2s cubic-bezier(0.4, 0, 1, 1) forwards !important;
}

/* ── Dark theme (admin/seller panels) ── */
[data-theme='dark'] .swal2-popup.swal2-toast {
  background: var(--st-toast-navy-soft) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 12px 32px -4px rgba(0, 0, 0, 0.45),
    0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

[data-theme='dark'] .swal2-popup.swal2-toast .swal2-success {
  border-color: rgba(16, 185, 129, 0.35) !important;
  background: rgba(16, 185, 129, 0.2) !important;
  color: #34d399 !important;
}

[data-theme='dark'] .swal2-popup.swal2-toast .swal2-title {
  color: #f1f5f9 !important;
}

[data-theme='dark'] .swal2-popup.swal2-toast .swal2-html-container {
  color: #94a3b8 !important;
}

[data-theme='dark'] .swal2-popup:not(.swal2-toast) {
  background: var(--st-toast-navy-soft) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme='dark'] .swal2-popup:not(.swal2-toast) .swal2-title {
  color: #f1f5f9 !important;
}

[data-theme='dark'] .swal2-popup:not(.swal2-toast) .swal2-html-container {
  color: #94a3b8 !important;
}

[data-theme='dark'] .swal2-popup:not(.swal2-toast) .swal2-styled.swal2-cancel {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

[data-theme='dark'] .swal2-popup:not(.swal2-toast) .swal2-styled.swal2-cancel:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

/* ── Mobile ── */
@media (max-width: 480px) {
  body:has(.page-header) .swal2-container.swal2-top-end,
  body:has(.page-header) .swal2-container.swal2-top-start,
  body:has(.page-header) .swal2-container.swal2-top {
    padding-top: calc(3.75rem + env(safe-area-inset-top, 0px)) !important;
  }

  .swal2-container.swal2-top-end,
  .swal2-container.swal2-top-start {
    width: 100% !important;
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }

  .swal2-popup.swal2-toast {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .swal2-popup.swal2-toast .swal2-icon {
    width: 1.375rem !important;
    height: 1.375rem !important;
    min-width: 1.375rem !important;
    margin: 0.125rem 0.5rem 0 0.125rem !important;
  }

  .swal2-popup:not(.swal2-toast) {
    width: calc(100% - 1.25rem) !important;
    margin: 0 0.625rem !important;
    padding: 1.5rem 1.25rem 1.25rem !important;
  }

  .swal2-popup:not(.swal2-toast) .swal2-actions {
    flex-direction: column-reverse;
    width: 100%;
  }

  .swal2-popup:not(.swal2-toast) .swal2-styled {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .swal2-popup.swal2-toast.st-swal-animate-in,
  .swal2-popup.swal2-toast.st-swal-animate-out,
  .swal2-popup.swal2-toast.swal2-show,
  .swal2-popup.swal2-toast.swal2-hide,
  .swal2-popup:not(.swal2-toast).st-swal-animate-in,
  .swal2-popup:not(.swal2-toast).st-swal-animate-out,
  .swal2-popup:not(.swal2-toast).swal2-show,
  .swal2-popup:not(.swal2-toast).swal2-hide,
  .st-alert,
  .bc-alert {
    animation: none !important;
  }
}

/* ── Inline flash alerts (buyer cabinet, auth) ── */
.st-alert,
.bc-alert {
  font-family: var(--st-toast-font);
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.875rem 1rem 0.875rem 0.875rem;
  border-radius: var(--st-toast-radius);
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 500;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
  animation: st-toast-enter-end 0.4s cubic-bezier(0.21, 1.02, 0.73, 1) forwards;
  position: relative;
  overflow: hidden;
}

.st-alert::before,
.bc-alert::before {
  content: '';
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.st-alert--success,
.bc-alert--success {
  background: var(--st-success-bg);
  color: #065f46;
  border: 1px solid var(--st-success-border);
}

.st-alert--success::before,
.bc-alert--success::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2310b981'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.st-alert--error,
.bc-alert--error {
  background: var(--st-error-bg);
  color: #991b1b;
  border: 1px solid var(--st-error-border);
}

.st-alert--error::before,
.bc-alert--error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23ef4444'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.st-alert--info,
.bc-alert--info {
  background: var(--st-info-bg);
  color: #1e40af;
  border: 1px solid var(--st-info-border);
}

.st-alert--info::before,
.bc-alert--info::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%233478f6'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bc-alert--warning,
.st-alert--warning {
  background: var(--st-warning-bg);
  color: #92400e;
  border: 1px solid var(--st-warning-border);
}

.bc-alert--warning::before,
.st-alert--warning::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23f59e0b'%3E%3Cpath fill-rule='evenodd' d='M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495zM10 6a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 0110 6zm0 9a1 1 0 100-2 1 1 0 000 2z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

/* ── Bootstrap alerts in panel / shop (legacy markup) ── */
.page-content .alert,
.panel-form-card .alert,
.st-shop-page .alert {
  font-family: var(--st-toast-font);
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.875rem 1rem;
  border-radius: var(--st-toast-radius);
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 500;
  border-width: 1px;
  border-style: solid;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.page-content .alert p,
.panel-form-card .alert p,
.st-shop-page .alert p {
  margin: 0;
}

.page-content .alert-success,
.panel-form-card .alert-success,
.st-shop-page .alert-success {
  background: var(--st-success-bg);
  color: #065f46;
  border-color: var(--st-success-border);
}

.page-content .alert-danger,
.panel-form-card .alert-danger,
.st-shop-page .alert-danger {
  background: var(--st-error-bg);
  color: #991b1b;
  border-color: var(--st-error-border);
}

.page-content .alert-warning,
.panel-form-card .alert-warning,
.st-shop-page .alert-warning {
  background: var(--st-warning-bg);
  color: #92400e;
  border-color: var(--st-warning-border);
}

.page-content .alert-info,
.panel-form-card .alert-info,
.st-shop-page .alert-info {
  background: var(--st-info-bg);
  color: #1e40af;
  border-color: var(--st-info-border);
}

.page-content .alert-light,
.panel-form-card .alert-light,
.st-shop-page .alert-light {
  background: #f8fafc;
  color: #334155;
  border-color: #e2e8f0;
}

.page-content .alert .close,
.st-shop-page .alert .close {
  margin-left: auto;
  padding: 0 0.25rem;
  background: none;
  border: none;
  font-size: 1.25rem;
  line-height: 1;
  color: #94a3b8;
  cursor: pointer;
  opacity: 1;
}

.page-content .alert .close:hover,
.st-shop-page .alert .close:hover {
  color: var(--st-toast-navy);
}

[data-theme='dark'] .page-content .alert-success,
[data-theme='dark'] .panel-form-card .alert-success {
  background: rgba(16, 185, 129, 0.12);
  color: #6ee7b7;
  border-color: rgba(16, 185, 129, 0.25);
}

[data-theme='dark'] .page-content .alert-danger,
[data-theme='dark'] .panel-form-card .alert-danger {
  background: rgba(239, 68, 68, 0.12);
  color: #fca5a5;
  border-color: rgba(239, 68, 68, 0.25);
}

[data-theme='dark'] .page-content .alert-warning,
[data-theme='dark'] .panel-form-card .alert-warning {
  background: rgba(245, 158, 11, 0.12);
  color: #fcd34d;
  border-color: rgba(245, 158, 11, 0.25);
}

[data-theme='dark'] .page-content .alert-info,
[data-theme='dark'] .panel-form-card .alert-info {
  background: rgba(52, 120, 246, 0.12);
  color: #93c5fd;
  border-color: rgba(52, 120, 246, 0.25);
}

[data-theme='dark'] .st-alert--success,
[data-theme='dark'] .bc-alert--success {
  background: rgba(16, 185, 129, 0.12);
  color: #6ee7b7;
  border-color: rgba(16, 185, 129, 0.25);
}

[data-theme='dark'] .st-alert--error,
[data-theme='dark'] .bc-alert--error {
  background: rgba(239, 68, 68, 0.12);
  color: #fca5a5;
  border-color: rgba(239, 68, 68, 0.25);
}

[data-theme='dark'] .st-alert--info,
[data-theme='dark'] .bc-alert--info {
  background: rgba(52, 120, 246, 0.12);
  color: #93c5fd;
  border-color: rgba(52, 120, 246, 0.25);
}

[data-theme='dark'] .st-alert--warning,
[data-theme='dark'] .bc-alert--warning {
  background: rgba(245, 158, 11, 0.12);
  color: #fcd34d;
  border-color: rgba(245, 158, 11, 0.25);
}