@if(config('app.show_resolution_badge', true))
    <!-- Resolution Badge (Toggle in .env with SHOW_RESOLUTION_BADGE=true/false) -->
    <div id="resolution-badge"
         style="position: fixed; bottom: 10px; right: 10px; z-index: 999999; background: rgba(0,0,0,0.8); color: #00ffcc; font-family: monospace; font-weight: bold; font-size: 14px; padding: 6px 12px; border-radius: 6px; border: 1px solid rgba(0, 255, 204, 0.3); box-shadow: 0 4px 12px rgba(0,0,0,0.5); cursor: pointer; user-select: none;"
         title="Doble clic para ocultar"></div>
    <script>
        (function() {
            var badge = document.getElementById('resolution-badge');
            if (!badge) return;
            function update() {
                badge.textContent = window.innerWidth + 'px \u00d7 ' + window.innerHeight + 'px';
            }
            update();
            window.addEventListener('resize', update);
            badge.addEventListener('dblclick', function() {
                badge.style.display = 'none';
            });
        })();
    </script>
@endif