/* shared/toast.css — single-toast notification styles paired with
   shared/toast.js. Uses BEM-ish .zddc-toast prefix to avoid collisions
   with tool-local .toast classes; the old classifier rules can stay
   alongside until this file is concatenated above them in the build. */

.zddc-toast {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    background: var(--bg);
    color: var(--text);
    padding: 0.875rem 1.25rem;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 9000;
    max-width: 400px;
    font-size: 0.875rem;
    cursor: pointer;
    animation: zddc-toast-in 0.3s ease-out;
}

.zddc-toast--success { border-left: 4px solid var(--success); }
.zddc-toast--error   { border-left: 4px solid var(--danger); }
.zddc-toast--info    { border-left: 4px solid var(--info); }
.zddc-toast--warning { border-left: 4px solid var(--warning); }

.zddc-toast--fade {
    animation: zddc-toast-out 0.3s ease-out forwards;
}

@keyframes zddc-toast-in {
    from { transform: translateX(100%); opacity: 0; }
    to   { transform: translateX(0);    opacity: 1; }
}

@keyframes zddc-toast-out {
    from { transform: translateX(0);    opacity: 1; }
    to   { transform: translateX(100%); opacity: 0; }
}