.toast-container{
  position:fixed; bottom:20px; right:20px; z-index:1000;
  display:flex; flex-direction:column; gap:10px;
  max-width:360px;
}
.toast{
  display:flex; align-items:flex-start; gap:10px;
  background:var(--card); border:1px solid var(--line); border-left:4px solid var(--ink);
  border-radius:10px; box-shadow:var(--shadow);
  padding:12px 14px; font-size:13.5px; color:var(--ink-soft);
  animation:toastIn .22s ease;
}
.toast-success{ border-left-color:var(--green); }
.toast-error{ border-left-color:var(--red); }
.toast-warning{ border-left-color:var(--amber-dark); }
.toast-text{ flex:1; line-height:1.45; }
.toast-close{
  background:none; border:none; padding:0; margin:0;
  font-size:16px; line-height:1; color:var(--slate);
  cursor:pointer; flex-shrink:0;
}
.toast-close:hover{ color:var(--ink); }
.toast.toast-hide{ animation:toastOut .18s ease forwards; }

@keyframes toastIn{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:translateY(0); } }
@keyframes toastOut{ from{ opacity:1; transform:translateY(0); } to{ opacity:0; transform:translateY(8px); } }

@media (max-width:560px){
  .toast-container{ left:14px; right:14px; bottom:14px; max-width:none; }
}