.toast-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: none;
}

.app-toast {
    padding: 10px 18px;
    border-radius: 8px;
    color: var(--color-text-inverse, #ffffff);
    font-size: 14px;
    font-weight: 500;
    box-shadow: var(--shadow-sm, 0 4px 12px rgba(0,0,0,.15));
    animation: appToastIn .3s ease;
    pointer-events: auto;
}

.app-toast-success { background: var(--color-success, #059669); }
.app-toast-error   { background: var(--color-danger, #dc2626); }
.app-toast-info    { background: var(--color-info, #2563eb); }
.app-toast-warning { background: var(--color-warning, #f59e0b); color: #111827; }

@keyframes appToastIn {
    from { opacity: 0; transform: translateX(100%); }
    to   { opacity: 1; transform: translateX(0); }
}