/* styles-append-cappers-methodology-v0.16.57.css
   Cappers leaderboard — P1 trust surface (roadmap cappers_roadmap_2026-07-14.md).
   APPEND file: loads after controlbar-v0.16.51 + ledger-full-v0.16.55; every selector
   individually scoped under .cappers-command-page (NBA #107/#112 discipline — an
   append must never leak into other pages sharing the chassis).

   Contents:
   1. .lbl legibility (P1.2) — the group labels exist in markup since v0.16.51 but
      rendered too dim to register as structure (the 2026-07-14 audit read the bar as
      "one continuous strip of tiny pills"). Affirmed: mono, uppercase, letterspaced,
      visibly brighter, with breathing room to their pill cluster.
   2. Staking-group emphasis (P1.2) — Flat 1u ↔ Capper re-grades every number on the
      page; the one changes-the-math control gets a mint left rule so it can't read
      as just another view filter.
   3. .method-toggle (P1.1) — ledger-header wayfinding link to the note.
   4. .method-hi (P1.1) — one-shot flash when the link lands on the note.
   5. .bh-sub (P1.1) — the FIELD-scope disclosure line (#sub), dead code since
      v0.16.48, now rendered: small, dim, mono — a caption, not a headline. */

/* ── 1. filter-group labels ─────────────────────────────────────────────── */
.cappers-command-page .controls .grp .lbl {
  display: block;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8a8f8c;
  margin-bottom: 4px;
  line-height: 1;
}

.cappers-command-page .controls .grp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* ── 2. staking group — the changes-the-math control ────────────────────── */
.cappers-command-page .controls .grp:has(#seg-stake) {
  border-left: 2px solid rgba(93, 224, 172, 0.55);
  padding-left: 10px;
}

.cappers-command-page .controls .grp:has(#seg-stake) .lbl {
  color: #5de0ac;
}

/* ── 3. methodology link (ledger header) ────────────────────────────────── */
.cappers-command-page .ledger-meta-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cappers-command-page .method-toggle {
  background: none;
  border: 1px solid rgba(93, 224, 172, 0.35);
  border-radius: 3px;
  color: #5de0ac;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  padding: 3px 8px;
  cursor: pointer;
  line-height: 1.4;
}

.cappers-command-page .method-toggle:hover {
  border-color: rgba(93, 224, 172, 0.7);
  background: rgba(93, 224, 172, 0.08);
}

/* ── 4. note flash on arrival ───────────────────────────────────────────── */
@keyframes cappers-method-flash {
  0%   { box-shadow: 0 0 0 2px rgba(93, 224, 172, 0.55); }
  100% { box-shadow: 0 0 0 2px rgba(93, 224, 172, 0); }
}

.cappers-command-page .note.method-hi {
  animation: cappers-method-flash 1.6s ease-out 1;
}

/* ── 5. hero scope line (#sub) ──────────────────────────────────────────── */
.cappers-command-page .bh-sub {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  color: #6f7572;
  margin-top: 8px;
  letter-spacing: 0.02em;
}

.cappers-command-page .bh-sub:empty {
  display: none;
}
