/* ==========================================================
   TOAST (matches the actual #toast element used in app.js)
========================================================== */

#toast{

    position:fixed;

    bottom:28px;

    left:50%;

    transform:translateX(-50%) translateY(16px);

    background:#111827;

    color:#fff;

    padding:13px 24px;

    border-radius:10px;

    font-size:14px;

    font-weight:600;

    box-shadow:0 16px 36px rgba(15,23,42,.28);

    opacity:0;

    pointer-events:none;

    transition:opacity .25s ease, transform .25s ease;

    z-index:999999;

    max-width:90vw;

    text-align:center;

}

#toast.show{

    opacity:1;

    transform:translateX(-50%) translateY(0);

}