.chat-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 1000;
  width: min(380px, calc(100vw - 32px));
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 12px;
  align-items: start;
  padding: 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-left: 4px solid var(--brand);
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(20, 60, 57, .22);
  opacity: 0;
  transform: translateY(24px);
  pointer-events: none;
  transition: .2s ease;
}

.chat-toast.show { opacity: 1; transform: translateY(0); pointer-events: auto; cursor: pointer; }
.chat-toast-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: #dff2ee; color: var(--brand); font-weight: 800; }
.chat-toast strong { display: block; }
.chat-toast p { margin: 3px 0 0; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-toast button { border: 0; background: transparent; color: var(--muted); font-size: 22px; line-height: 1; cursor: pointer; }

@media (max-width: 600px) { .chat-toast { right: 16px; bottom: 16px; } }