/* 2026-05-28: only the fleet-wide AUTO-INJECTOR (shared-topnav.js) was retired — THIS STYLESHEET IS STILL LIVE and load-bearing. It is the canonical company-navbar look, now consumed by tools that EMBED the navbar themselves (opt-in, static markup; e.g. Mail's #ttnav). Do not delete. Standard: techtools-4/.claude/rules/company-navbar.md The :root{--tt-topnav-h:0px} below is a SAFE DEFAULT for pages that load this CSS but render no navbar (so var(--tt-topnav-h,…) collapses to a top:0/100vh layout). A tool that does embed the navbar overrides it (seed in its own :root loaded after this file, then publish the measured px on at runtime). */ :root { --tt-topnav-h: 0px; /* z-index layer contract (company-navbar standard §7b) — AS CODE, not just doc. Declared on :root (not .tt-scope) so a TOOL'S OWN stylesheet can build its overlays on top of the documented layers instead of guessing magic numbers: .my-modal-overlay { z-index: calc(var(--tt-z-modal, 1000) + 10); } .my-toast { z-index: calc(var(--tt-z-toast, 1100) + 100); } Ladder: navbar 900 · in-bar dropdowns 200 · shared modal 1000 · shared toast 1100. */ --tt-z-navbar: 900; --tt-z-dropdown: 200; --tt-z-modal: 1000; --tt-z-toast: 1100; } /* ============================================================================ TechTools Shared Top Navbar — drop-in, sticky, theme-independent. ---------------------------------------------------------------------------- One sticky navbar (brand · product · Tools/search · actions · account) shared by EVERY tool and by Mail, so the chrome is identical everywhere. Since v2 (2026-06-07) markup + behaviour are rendered by /tt-navbar.js into an explicit tool-placed `