/*
 * Shared toast/notification styles (window.mnToast).
 * Fresh .mn-toast namespace so it stays independent of emergency's snackbar.
 */

.mn-toast-stack {
  position: fixed;
  top: 72px; /* just below the 60px topbar */
  left: 1rem;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 440px;
  pointer-events: none; /* individual toasts re-enable this */
}

.mn-toast {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.65rem 0.9rem;
  border-radius: var(--radius-panel, 6px);
  font-family: var(--font-body);
  font-size: 0.85rem;
  line-height: 1.4;
  color: #fff;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .3);
  cursor: pointer;
  transform: translateY(-0.75rem);
  opacity: 0;
  transition:
    transform 0.35s cubic-bezier(.22, 1, .36, 1),
    opacity 0.35s ease;
  pointer-events: none;
}

.mn-toast.is-visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.mn-toast--success { background: linear-gradient(135deg, #27ae60, #1e8449); }
.mn-toast--error   { background: linear-gradient(135deg, #e74c3c, #c0392b); }
.mn-toast--warning { background: linear-gradient(135deg, #e67e22, #d35400); }
.mn-toast--info    { background: linear-gradient(135deg, #2980b9, #1f618d); }

.mn-toast i { font-size: 1rem; flex-shrink: 0; }
.mn-toast-text { flex: 1; }

@media (max-width: 600px) {
  .mn-toast-stack { left: 0.5rem; right: 0.5rem; max-width: none; }
}