/* =========================================================
   Zeal Portal — Toast
   Transient confirmation / error / info notice anchored
   bottom-right. Slides up on enter; consumer is responsible
   for the timed dismiss.

   Extracted from tools/user-admin/admin.css (the .ua-toast*
   rules) and tokenised against colors_and_type.css.

   Markup:
     <div class="toast toast--success" role="status">
       saved
     </div>
   ========================================================= */

.toast {
  position: fixed;
  bottom: var(--s-5, 24px);
  right: var(--s-5, 24px);
  padding: 10px 16px;
  border-radius: var(--r-1, 2px);
  font-family: var(--font-std);
  font-size: var(--t-small, 13px);
  font-weight: var(--w-medium, 500);
  color: var(--paper, #fff);
  background: var(--ink, #000);
  z-index: 1100;
  box-shadow: var(--shadow-2);
  animation: toast-slide-up var(--dur-med, 200ms) var(--ease-out) both;
}

.toast--success { background: var(--green, #1F7A4A); }
.toast--error   { background: var(--red-status, #C62828); }
.toast--info    { background: var(--ink, #000); }

@keyframes toast-slide-up {
  from { transform: translateY(12px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}