/* Toast notifications stack */

  border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.45);
  display:flex;align-items:flex-start;gap:12px;
  pointer-events:auto;
  animation:toast-in .25s ease;
}
.toast.out{animation:toast-out .2s ease forwards}
.toast.success{border-left-color:var(--accent)}
.toast.info{border-left-color:#00d4ff}
.toast.warn{border-left-color:#ffbe55}
.toast.error{border-left-color:var(--accent-2)}
.toast .t-ico{
  width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;
}
.toast.success .t-ico{background:rgba(212,255,62,.14);color:var(--accent)}
.toast.info .t-ico{background:rgba(0,212,255,.14);color:#00d4ff}
.toast.warn .t-ico{background:rgba(255,190,85,.14);color:#ffbe55}
.toast.error .t-ico{background:rgba(255,92,41,.14);color:var(--accent-2)}
.toast .t-ico svg{width:14px;height:14px}
.toast .t-body{flex:1;min-width:0}
.toast .t-title{font-size:13.5px;font-weight:600;color:var(--ink);display:block;margin-bottom:2px}
.toast .t-desc{font-size:12px;color:var(--ink-dim);line-height:1.4}
.toast .t-close{
  background:transparent;border:0;color:var(--ink-dim);cursor:pointer;
  width:22px;height:22px;border-radius:5px;display:grid;place-items:center;
  flex-shrink:0;transition:background .12s, color .12s;
}
.toast .t-close:hover{background:var(--bg-2);color:var(--ink)}
.toast .t-close svg{width:11px;height:11px}

@keyframes toast-in{
  from{opacity:0;transform:translateX(20px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes toast-out{
  from{opacity:1;transform:translateX(0)}
  to{opacity:0;transform:translateX(20px)}
}

@media (max-width:600px){
  .toast-stack{top:auto;bottom:20px;right:10px;left:10px}
  .toast{min-width:auto;max-width:none}
}