.wcdsp-toast{
  position: fixed;
  left: 12px;
  bottom: 12px;
  max-width: 92%;
  z-index: 99999;
  transform: translateY(16px);
  opacity: 0;
  transition: transform .25s ease, opacity .25s ease;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.wcdsp-right{ left: auto; right: 12px; }
.wcdsp-toast.wcdsp-show{ transform: translateY(0); opacity: 1; }
.wcdsp-toast-inner{
  display: flex; align-items: center; gap: 10px;
  background: #111; color: #fff; padding: 12px 14px;
  border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.2);
}
.wcdsp-dot{
  width: 10px; height: 10px; border-radius: 999px; background: #22c55e;
  display: inline-block; flex: 0 0 auto; animation: wcdsp-pulse 1.6s infinite ease-in-out;
}
@keyframes wcdsp-pulse{
  0%{ transform: scale(1); opacity: 1; }
  50%{ transform: scale(1.4); opacity: .6; }
  100%{ transform: scale(1); opacity: 1; }
}
.wcdsp-text{ font-size: 14px; line-height: 1.35; }
.wcdsp-close{
  background: transparent; border: 0; color: #fff;
  font-size: 18px; line-height: 1; padding: 2px 6px; cursor: pointer; margin-left: 6px; opacity: .9;
}
.wcdsp-close:hover{ opacity: 1; }

@media (min-width: 480px){
  .wcdsp-toast{ max-width: 420px; }
  .wcdsp-text{ font-size: 15px; }
}