/* ============================================
   WAB OS — ce qui passe par-dessus tout
   La notification (« Email copié »), toujours au-dessus des fenêtres
   et du dock.
   ============================================ */

/* ── La notification ── (js/os/toast.js), en bas au centre, au-dessus
   du dock quand il est là. */
.os-toast {
    position: fixed;
    z-index: var(--z-toast);
    left: 50%;
    bottom: max(24px, env(safe-area-inset-bottom));
    margin-bottom: var(--toast-lift, 0px);
    max-width: calc(100vw - 32px);
    padding: 8px 14px;
    border-radius: var(--r-ctl);
    background: var(--ink);
    font-size: var(--t-small);
    color: var(--paper);
    translate: -50% 8px;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--dur-1) var(--ease-out), translate var(--dur-2) var(--ease-out);
}

@media (min-width: 900px) and (hover: hover) and (pointer: fine) {
    .os-toast {
        --toast-lift: var(--dock-space);
    }
}

.os-toast.is-shown {
    opacity: 1;
    translate: -50% 0;
}