/* =============================================================================
   Toast notifications — appended to inline-edit.css
   For autosave failures, bulk-action errors, anything that needs to surface
   beyond a hover tooltip.
   ========================================================================== */

.cpp-toast {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(100px);
    z-index: 9999;
    background: var(--cpp-ink);
    color: var(--cpp-paper);
    padding: 12px 20px;
    border: 2px solid var(--cpp-ink);
    box-shadow: 4px 4px 0 var(--cpp-magenta);
    font-family: var(--cpp-font-mono);
    font-size: 13px;
    font-weight: 600;
    max-width: 480px;
    line-height: 1.4;
    opacity: 0;
    transition: opacity 0.25s ease, transform 0.25s ease;
    pointer-events: none;
}
.cpp-toast--visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
}
.cpp-toast--error {
    background: var(--cpp-magenta);
    color: var(--cpp-paper);
    border-color: var(--cpp-magenta);
    box-shadow: 4px 4px 0 var(--cpp-ink);
}
.cpp-toast--ok {
    background: #10b981;
    color: var(--cpp-paper);
    border-color: #10b981;
    box-shadow: 4px 4px 0 var(--cpp-ink);
}

@media (max-width: 540px) {
    .cpp-toast {
        max-width: calc(100vw - 32px);
        font-size: 12px;
    }
}