/* Komponent: toast — 70-dizajn.md § 7.6.9 (JS helper app.toast() v Task 20) */

.toast{
  position:fixed; bottom:24px; right:24px; padding:14px 22px;
  background:var(--espresso); color:var(--cream); border-radius:var(--r-sm);
  box-shadow:var(--shadow-md); z-index:200; min-width:240px; max-width:360px;
  font-size:14px; animation:toast-in var(--t-base) var(--ease);
}
.toast--ok{ background:var(--ok); }
.toast--warn{ background:var(--warn); }
.toast--err{ background:var(--rosso); }

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