/* Positioning wrapper; Bootstrap styles the .toast itself */
#mts-toast-container.mts-toast-wrap {
  position: fixed;
  z-index: 1060; /* above modals backdrops (Bootstrap z-index scale) */
  pointer-events: none;
  padding: 12px;
}
.mts-toast-wrap.pos-top-right    { top: 12px; right: 12px; }
.mts-toast-wrap.pos-top-left     { top: 12px; left: 12px; }
.mts-toast-wrap.pos-bottom-right { bottom: 12px; right: 12px; }
.mts-toast-wrap.pos-bottom-left  { bottom: 12px; left: 12px; }

/* Allow clicking inside toasts */
#mts-toast-container .toast { pointer-events: auto; }

/* Fallback minimal styling if Bootstrap is missing */
.mts-fallback-toast {
  background: #111; color: #fff; border-radius: 8px;
  padding: 10px 12px; margin: 8px 0; max-width: 420px; min-width: 240px;
  box-shadow: 0 6px 24px rgba(0,0,0,.15);
}
.mts-fallback-toast.is-success { background:#16a34a; }
.mts-fallback-toast.is-info    { background:#2563eb; }
.mts-fallback-toast.is-warning { background:#f59e0b; color:#111; }
.mts-fallback-toast.is-error   { background:#dc2626; }