[hidden]{display:none !important}
#toast-container {
  position: fixed; top: 16px; right: 16px; z-index: 10000;
  display: flex; flex-direction: column; gap: 8px; pointer-events: none;
  max-width: 380px; font-family: inherit;
}
.toast {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 14px; border-radius: 8px;
  font-size: 14px; color: #fff;
  pointer-events: auto; opacity: 0; transform: translateX(40px);
  transition: opacity 0.3s, transform 0.3s;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
.toast.show { opacity: 1; transform: translateX(0); }
.toast-success { background: #2d7d46; }
.toast-error { background: #c0392b; }
.toast-warning { background: #d4850a; }
.toast-info { background: #3a6ea5; }
.toast-icon { font-weight: bold; font-size: 16px; flex-shrink: 0; }
.toast-msg { flex: 1; word-break: break-word; }
.toast-close {
  background: none; border: none; color: rgba(255,255,255,0.7);
  cursor: pointer; font-size: 18px; padding: 0 2px; flex-shrink: 0;
}
.toast-close:hover { color: #fff; }