(function () {
  if (document.getElementById('ec-nav-bar')) return;
  // Fieldops pages have Home/Sign Out built into their headers — skip the float
  if (window.location.pathname.indexOf('/field') === 0) return;

  var bar = document.createElement('div');
  bar.id = 'ec-nav-bar';
  bar.style.cssText = [
    'position:fixed',
    'bottom:60px',
    'left:20px',
    'z-index:99999',
    'display:flex',
    'align-items:center',
    'background:#0F1F3D',
    'border-radius:20px',
    'box-shadow:0 4px 18px rgba(0,0,0,0.4)',
    'border:1px solid rgba(42,143,171,0.5)',
    'overflow:hidden',
    'opacity:0.92',
    'transition:opacity 0.15s',
  ].join(';');

  var homeBtn = document.createElement('a');
  homeBtn.href = '/home';
  homeBtn.title = 'Back to NetOps Home';
  homeBtn.innerHTML =
    '<svg width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" style="flex-shrink:0">' +
      '<path stroke-linecap="round" stroke-linejoin="round" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>' +
    '</svg>' +
    '<span>Home</span>';
  homeBtn.style.cssText = [
    'display:flex',
    'align-items:center',
    'gap:6px',
    'color:#fff',
    'text-decoration:none',
    'padding:8px 14px',
    'font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',
    'font-size:12px',
    'font-weight:600',
    'transition:background 0.15s',
  ].join(';');

  var divider = document.createElement('div');
  divider.style.cssText = 'width:1px;height:16px;background:rgba(255,255,255,0.18);flex-shrink:0';

  var logoutBtn = document.createElement('a');
  logoutBtn.href = '/auth/logout';
  logoutBtn.title = 'Sign out';
  logoutBtn.innerHTML =
    '<svg width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" style="flex-shrink:0">' +
      '<path stroke-linecap="round" stroke-linejoin="round" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"/>' +
    '</svg>' +
    '<span>Sign Out</span>';
  logoutBtn.style.cssText = [
    'display:flex',
    'align-items:center',
    'gap:6px',
    'color:rgba(255,255,255,0.72)',
    'text-decoration:none',
    'padding:8px 14px',
    'font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif',
    'font-size:12px',
    'font-weight:600',
    'transition:background 0.15s,color 0.15s',
  ].join(';');

  homeBtn.onmouseover  = function () { this.style.background = '#1A6E8A'; };
  homeBtn.onmouseout   = function () { this.style.background = ''; };
  logoutBtn.onmouseover = function () { this.style.background = 'rgba(200,50,50,0.3)'; this.style.color = '#fff'; };
  logoutBtn.onmouseout  = function () { this.style.background = ''; this.style.color = 'rgba(255,255,255,0.72)'; };

  bar.onmouseover = function () { bar.style.opacity = '1'; };
  bar.onmouseout  = function () { bar.style.opacity = '0.92'; };

  bar.appendChild(homeBtn);
  bar.appendChild(divider);
  bar.appendChild(logoutBtn);
  document.body.appendChild(bar);
})();