/* Shared Member / C² chrome — view pill + reusable C² mark for nav links.
   Dark theme (homepage hero) is default; add .theme-light on light paper pages. */

/* Brand gold for the C² square — same as Monthly Report (review.html --amber). */
:root{--c2-gold:#C9A227}

/* Inline C² mark — letter C + small tilted gold square (not a digit ²). */
.c2{display:inline-flex;align-items:flex-start;line-height:1;font-size:1em;font-weight:600;
  letter-spacing:0;text-transform:none;vertical-align:baseline}
.c2-sq{
  display:inline-block;width:.58em;height:.58em;min-width:6px;min-height:6px;
  margin:-.14em 0 0 .12em;border:0;border-radius:.5px;background:var(--c2-gold);
  transform:rotate(15deg);transform-origin:center center;flex:0 0 auto;box-sizing:border-box;
  transition:background-color .12s ease;
}
/* Headings / body copy on paper pages — keep square gold */
h1 .c2, h2 .c2, .c2-inline .c2{font:inherit;font-weight:inherit}
.mast h1 .c2{font-size:1em;font-weight:500}
.navbtn .c2{font-size:1em;font-weight:600}
.navbtn .c2-sq{background:var(--c2-gold)}
.bmod-sec .c2, .mgmt-block-h .c2{font-size:1em}

.viewpill{
  position:fixed;top:14px;right:14px;z-index:20;display:inline-flex;
  background:rgba(255,255,255,.10);border:1px solid rgba(245,242,236,.14);
  border-radius:999px;padding:3px;
  font-family:"Inter",system-ui,-apple-system,sans-serif;
}
.viewpill button{
  font-family:inherit;font-size:.68rem;font-weight:600;letter-spacing:.05em;
  text-transform:uppercase;color:rgba(245,242,236,.75);background:none;border:0;
  border-radius:999px;padding:7px 13px;cursor:pointer;
  transition:background .12s ease,color .12s ease;
}
.viewpill button.on{background:#E8B04B;color:#1A2238}
/* In-bar variant: sits inside the sticky action bar beside the care-level pill
   (flex flow) instead of pinning to the viewport corner — prevents the two from
   overlapping. Applied by mountViewPill when given a non-body parent. */
.viewpill--inbar{position:static;top:auto;right:auto;z-index:auto;flex:0 0 auto}
.viewpill button[data-view="officer"]{letter-spacing:0;padding:7px 15px 7px 13px}
/* Active = gold fill — square switches to council green so it stays readable */
.viewpill button.on .c2-sq{background:#2F5D50}

/* Light paper pages (e.g. July baseline report) */
.viewpill.theme-light{
  background:rgba(27,33,41,.06);border-color:rgba(27,33,41,.14);
  box-shadow:0 2px 10px rgba(27,33,41,.08);
}
.viewpill.theme-light button{color:rgba(27,33,41,.55)}
.viewpill.theme-light button.on{background:#E8B04B;color:#1A2238}
.viewpill.theme-light .c2-sq{background:var(--c2-gold)}
.viewpill.theme-light button.on .c2-sq{background:#2F5D50}

/* Nav chrome — green outline button next to QR Code; gold square, white on hover fill */
.fcnav a.officers{
  display:inline-flex;align-items:center;justify-content:center;
  letter-spacing:0;text-transform:none;min-width:2.6em;
}
.fcnav a.officers .c2-sq{background:var(--c2-gold)}
.fcnav a.officers:hover .c2-sq{background:#fff}

@media print{
  .viewpill{display:none !important}
}