/* /toast.css — minimal centered toast */
.toast-root{
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  z-index: 11000;
}
.toast{
  display:flex; gap:12px; align-items:center;
  min-width:220px; max-width:86vw;
  background:rgba(10,10,10,.9);
  color:#fff; padding:12px 16px; border-radius:10px;
  box-shadow:0 8px 40px rgba(0,0,0,.6);
  pointer-events:auto; transform:translateY(6px); opacity:0;
  transition:transform .18s ease, opacity .18s ease;
}
.toast.show{ transform:none; opacity:1; }
.toast .icon{ width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; border-radius:8px; background:rgba(255,255,255,.06); }
.toast.success .icon img,
.toast.error .icon img{ width:32px; height:32px; }
.toast .msg{ font-weight:700; font-size:14px; }
@media(max-width:480px){
  .toast{ padding:10px 12px; min-width:170px; }
  .toast .msg{ font-size:13px; }
}