<!-- Global Error Display - DEPRECATED: Now using toast system for all errors -->
<!-- Keeping this commented out in case we need to revert
<div v-if="globalError"
     class="fixed top-4 right-4 text-white p-4 rounded-lg shadow-lg z-[60] max-w-md border"
     style="background-color: #ef4444; border-color: #dc2626;">
    <div class="flex items-start gap-3">
        <i class="fas fa-exclamation-circle text-xl flex-shrink-0 mt-0.5"></i>
        <div class="flex-1">
            <p class="font-semibold mb-1" v-text="t('common.error')"></p>
            <p class="text-sm">${globalError}</p>
        </div>
        <button @click="globalError = null"
                class="text-white hover:opacity-80 transition-opacity flex-shrink-0">
            <i class="fas fa-times"></i>
        </button>
    </div>
</div>
-->
