.toast-region {
  display: grid;
  gap: 8px;
  position: fixed;
  right: 22px;
  top: 88px;
  width: min(360px, calc(100vw - 32px));
  z-index: 1200;
}
.toast {
  align-items: center;
  box-shadow: 0 14px 36px rgba(18, 32, 51, .18);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin: 0;
}
.toast.toast-exit { opacity: 0; transform: translateY(-6px); transition: opacity .18s ease, transform .18s ease; }
.toast-close {

.interaction-feedback {
  border-radius: 12px;
  margin-bottom: 16px;
  padding: 10px 12px;
}
.interaction-feedback.error { background: #fff1f2; color: var(--danger); }
.interaction-feedback.success { background: #ecfdf5; color: var(--good); }