/* Container that anchors toasts (added by JS) */
.plaidy-toast-stack { position: fixed; top: 16px; right: 16px; z-index: 9999; display: grid; gap: 10px; width: min(420px, 92vw); }


/* Toast card */
.plaidy-toast { display: grid; grid-template-columns: 22px 1fr auto; gap: 10px; align-items: start; background:#fff; border:1px solid rgba(0,0,0,.08); border-radius: 16px; box-shadow: 0 12px 28px rgba(0,0,0,.12); padding: 14px 14px 14px 12px; color:#111; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; animation: toastIn .28s ease-out both; }


@keyframes toastIn { from { transform: translateY(-8px); opacity:0; } to { transform: none; opacity:1; } }
@keyframes toastOut { to { transform: translateY(-8px); opacity:0; } }


/* Accent bar */
.plaidy-toast { position: relative; }
.plaidy-toast::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; border-radius:16px 0 0 16px; }
.plaidy-toast[data-type="error"]::before { background:#ef4444; }
.plaidy-toast[data-type="success"]::before { background:#10b981; }
.plaidy-toast[data-type="info"]::before { background:#3b82f6; }


/* Icon + colors */
.plaidy-toast__icon { line-height:0; color:#111; margin-top:2px; }
.plaidy-toast[data-type="error"] .plaidy-toast__icon { color:#b91c1c; }
.plaidy-toast[data-type="success"] .plaidy-toast__icon { color:#065f46; }
.plaidy-toast[data-type="info"] .plaidy-toast__icon { color:#1e40af; }


/* Body */
.plaidy-toast__list { margin:0; padding:0; list-style:none; }
.plaidy-toast__list li { margin:0; font-size:14px; line-height:1.5; }


/* Close */
.plaidy-toast__close { appearance:none; border:1px solid rgba(0,0,0,.08); background:#fff; width:28px; height:28px; border-radius:9999px; color:#111; cursor:pointer; box-shadow: 0 2px 6px rgba(0,0,0,.06); }
.plaidy-toast__close:hover { filter: brightness(.97); }


/* Dark mode hint (optional) */
@media (prefers-color-scheme: dark) {
.plaidy-toast { background:#111; color:#fff; border-color: rgba(255,255,255,.12); box-shadow: 0 12px 28px rgba(0,0,0,.6); }
.plaidy-toast__close { background:#111; color:#fff; border-color: rgba(255,255,255,.12); }
}

/* 1) Keep the accent bar inside rounded corners */
.plaidy-toast{
  overflow: hidden;               /* ← clips ::before to the radius */
}
.plaidy-toast::before{
  left: 0; width: 3px;            /* a hair thinner looks tighter */
}

/* 2) Luxury badge-style icon */
.plaidy-toast__icon{
  display: grid;
  place-items: center;
  width: 26px; height: 26px;
  border-radius: 9999px;
  border: 1px solid var(--icon-bd, rgba(0,0,0,.08));
  background: var(--icon-bg, #f7f7f8);
  color: var(--icon-fg, #111);
}
.plaidy-toast__icon svg{ width: 14px; height: 14px; }

/* Tone per type */
.plaidy-toast[data-type="error"]{
  --icon-bg:#fff1f2;  --icon-bd:#fecaca; --icon-fg:#b91c1c;
}
.plaidy-toast[data-type="success"]{
  --icon-bg:#f0fdf4;  --icon-bd:#bbf7d0; --icon-fg:#065f46;
}
.plaidy-toast[data-type="info"]{
  --icon-bg:#eff6ff;  --icon-bd:#bfdbfe; --icon-fg:#1e40af;
}

/* (optional) nudge the close button so it aligns perfectly */
.plaidy-toast__close{
  align-self: start;
  margin-top: 2px;
}