/* ---- Shared toast notifications (see toast.js) ----
   Used by every admin panel (window.admToast, driven by
   TempData["AdminToastMessage"] via _AdminShellShared.cshtml) AND by
   Ecommerce's customer-facing pages (window.ecToast — same function, see
   toast.js) — one implementation, one look, kept in its own small file so
   pages that don't need the rest of adminui.css (the storefront, the
   floating chat widget) aren't loading it just for this. Deliberately
   theme-agnostic (its own tokens, not --adm-*/--ec-*) since it now has to
   look right across every admin theme AND every template's own storefront
   design. */

:root {
  --rmn-toast-bg: rgba(255, 255, 255, 0.72);
  --rmn-toast-border: rgba(255, 255, 255, 0.4);
  --rmn-toast-text: #1c1c1e;
  --rmn-toast-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.32), 0 2px 8px rgba(0, 0, 0, 0.08);
}
@media (prefers-color-scheme: dark) {
  :root {
    --rmn-toast-bg: rgba(32, 34, 40, 0.72);
    --rmn-toast-border: rgba(255, 255, 255, 0.12);
    --rmn-toast-text: #f2f2f4;
  }
}

.adm-toast-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: calc(100vw - 40px);
  pointer-events: none;
}

.adm-toast {
  pointer-events: auto;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: var(--rmn-toast-bg);
  color: var(--rmn-toast-text);
  border: 1px solid var(--rmn-toast-border);
  border-right: 4px solid #2563eb;
  border-radius: 14px;
  padding: 13px 16px;
  box-shadow: var(--rmn-toast-shadow);
  font-family: inherit;
  font-size: 0.88rem;
  line-height: 1.5;
  max-width: 360px;
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  opacity: 0;
  transform: translateX(32px) scale(0.96);
  transition: opacity 0.28s cubic-bezier(.16,1,.3,1), transform 0.32s cubic-bezier(.16,1,.3,1);
}
.adm-toast.show { opacity: 1; transform: translateX(0) scale(1); }
.adm-toast.hide { opacity: 0; transform: translateX(24px) scale(0.97); }

.adm-toast-icon { flex-shrink: 0; width: 18px; height: 18px; margin-top: 1px; }
.adm-toast-success { border-right-color: #16a34a; }
.adm-toast-success .adm-toast-icon { color: #16a34a; }
.adm-toast-error { border-right-color: #dc2626; }
.adm-toast-error .adm-toast-icon { color: #dc2626; }
.adm-toast-info { border-right-color: #2563eb; }
.adm-toast-info .adm-toast-icon { color: #2563eb; }

@media (max-width: 480px) {
  .adm-toast-container { right: 12px; left: 12px; bottom: 12px; max-width: none; }
  .adm-toast { max-width: none; }
}