/* page-nav.css — shared Back/Home navigation strip (Steve 2026-09-25 09:02 CDT: "make sure each
   page has a way to return to the main page or go back one page"). Loaded by every page except the
   hub (public/index.html, which IS the main page). Reuses each page's own CSS variables
   (--surface/--ink/--ink2/--ring/--muted from css/ap-kpi.css) when they exist and falls back to
   plain colors that match public/css/app.css (the one page, edi/, that defines no variables at
   all) when they don't — this file makes no assumption about which base stylesheet loaded first.
   No selector here targets the vendor-management/vendor-management/admin ".right" Back button —
   those reuse the existing ".hbtn" class instead, next to the header's "Portal" link (R17), so this
   file never has to fight that header's own dark theme. */

.page-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 20px;
  background: var(--surface, #ffffff);
  border-bottom: 1px solid var(--ring, #d7dee8);
  /* edi/index.html shows its pre-sign-in card (#authOverlay) and its record drill-down (#drilldown)
     as position:fixed, inset:0, z-index:10 overlays (both share the ".drilldown" class) rather than
     an in-flow hidden section like every other page here — without a higher stacking context this
     strip would be visible but unclickable behind those overlays while signed out. Relative + a
     z-index above 10 keeps it clickable everywhere, harmlessly.
     Codex verifier fix #1 (2026-09-25): #drilldown itself now overrides back up to z-index:30 (see
     public/css/app.css) so ITS close button paints above this strip instead of under it — the one
     exception "nothing positions above it" no longer describes. #authOverlay stays below this strip
     on purpose (fix #2, same file: solved with padding-top instead, so the strip stays clickable
     while signed out). */
  position: relative;
  z-index: 20;
}

/* Codex verifier fix #5 (2026-09-25): the strip is chrome, not report content — never print it. */
@media print {
  .page-nav { display: none; }
}

.page-nav-back,
.page-nav-home {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border-radius: 6px;
  border: 1px solid var(--ring, #c4cfdc);
  background: transparent;
  color: var(--ink2, #47576b);
  font: 13px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif;
  text-decoration: none;
  cursor: pointer;
}

.page-nav-back:hover,
.page-nav-home:hover {
  color: var(--ink, #10233f);
  border-color: var(--muted, #a9b8ca);
}

@media (max-width: 640px) {
  .page-nav { padding: 7px 12px; }
}