/* Shared operator secondary-nav styling — single source of truth.
   Rendered by /static/operator-nav.js into every <nav class="operator-nav">.
   Kept here (not inline per-page) so the look can't drift across the
   operator dashboard, settings, bible, and support pages (#131).

   Separator style: CSS-drawn "·" via ::after so a wrap never strands a
   dangling dot. Active style: full-ink, medium weight, non-clickable. */

nav.operator-nav {
  margin: 0.7rem 0 1.75rem; font-size: 0.8rem;
  color: var(--ink-muted);
  display: flex; flex-wrap: wrap;
  justify-content: flex-end; align-items: baseline;
  gap: 0.3rem 0.55rem;
}
nav.operator-nav a, nav.operator-nav button {
  color: inherit; text-decoration: none;
  background: none; border: 0; padding: 0; font: inherit; cursor: pointer;
}
nav.operator-nav a:hover, nav.operator-nav button:hover {
  color: var(--ink); text-decoration: underline;
}
/* The current page reads as a non-clickable label, not a link. */
nav.operator-nav a.active, nav.operator-nav span.active {
  color: var(--ink); font-weight: 500; cursor: default; text-decoration: none;
}
/* Separators are drawn via CSS so wrapping never strands a dangling "·". */
nav.operator-nav > :not(:last-child)::after {
  content: "·"; margin-left: 0.55rem; opacity: 0.5;
}

/* Top-right "signed in as" identity widget (#auth-header), rendered by
   /static/auth-header.js into every operator surface. Kept here — not inline
   per-page — for the same single-source-of-truth reason as the nav above
   (#131): the operator name + church must read identically across the
   dashboard, bulletin, settings, and bible pages and not drift (#315).

   Name + org share the canonical brand serif (Crimson Pro, upright);
   hierarchy comes from size/weight/color, NOT from mixing typefaces or an
   italic. (Cormorant Garamond is the display HEADING face — h1.page-title —
   not this body-scale widget.) The un-named-tenant ".auth-name-prompt" link
   intentionally inherits these rules. */
#auth-header {
  margin-left: auto; text-align: right; line-height: 1.25;
  font-family: 'Inter', sans-serif;
}
#auth-header .auth-name {
  font-family: 'Crimson Pro', Georgia, serif;
  font-size: 1.05rem; font-weight: 500; color: var(--ink);
}
#auth-header .auth-org {
  font-family: 'Crimson Pro', Georgia, serif;
  font-size: 0.85rem; color: var(--ink-muted);
}
/* Sign-out is exposed in the secondary nav instead. */
#auth-header .auth-signout { display: none; }
