/* HealthTeky desktop navbar: menu centred on the page, sized to fit (every page with the public/doctor/patient navbar). Loaded in by healthstack.pwa.MobileAppMiddleware - unlike app.css, which comes last - so the bar is laid out correctly from the very first paint instead of jumping into place once the page has loaded. pwa/nav.js, inlined right after the navbar, sizes the menu straight away; until it has, the menu and the right side stay invisible for that instant (never longer than 1.5 s, even if the script failed). */ /* ─── Desktop navbar: menu centred on the page, sized to fit ─────────────────── Three columns: brand | menu | contact + profile. The two outer columns share the leftover space equally (1fr each, never less than their content), so the menu's centre is the page's centre whatever the brand and the right side measure. pwa/nav.js (fitNav) then picks the menu's font size (13-19px) and spacing so the links exactly fill the room they have: fewer links, larger text; more, smaller. If even 13px can't sit at the page centre, the menu centres between brand and right side (.nav-offcenter); after that the icons go (.nav-noicons). Truncating a label stays the very last resort. */ /* The pieces of app.css's navbar rules that shape the bar, repeated here with stronger selectors (from they must outrank the navbar templates' own