/* styles-append-cappers-controlbar-v0.16.51.css
   CAPPERS #FE — leaderboard control bar + intelligence columns (v0.1.32).
   Append-only sibling: styles-append-cappers-command-v0.16.48.css stays linked
   and owns the base .seg / .controls / table chrome; this file adds ONLY the
   new surfaces (rank row, locked pill, echo, chips, wrange, pct/trust cells,
   compare strip + panel).
   SCOPING RULE (NBA #107 / #112): every selector — including every member of
   every comma list — is individually scoped under .cappers-command-page. */

/* ── Row 1: rank controls ─────────────────────────────────────────────── */
.cappers-command-page .controls-rank { margin-bottom: 10px; }

/* Locked odds-band pill — dashed + muted, text-first (no icon). The title
   attribute carries the honest caption; the dashed border alone signals
   "exists, not yet live". */
.cappers-command-page .oddsband-locked {
  align-self: center;
  padding: 6px 14px;
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: #555;
  border: 0.5px dashed #333;
  border-radius: 5px;
  cursor: help;
  user-select: none;
}

/* ── Row 2: board toggles (saved / compare) — reuse .seg button chrome ── */
.cappers-command-page .seg-toggles button.on { color: #5DE0AC; }

/* ── Row 3: state echo — the ONLY rounded-pill role on the page ───────── */
.cappers-command-page .ctl-echo { margin-top: 10px; }
.cappers-command-page .echo-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 14px;
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: #5DE0AC;
  border: 0.5px solid #2a4a3a;
  border-radius: 14px;
}
.cappers-command-page .echo-pill .echo-x { color: #888780; cursor: pointer; font-style: normal; font-weight: 600; }
.cappers-command-page .echo-pill .echo-x:hover { color: #f5f3eb; }
.cappers-command-page .echo-pill .echo-x:focus-visible { outline: 1px solid #5DE0AC; outline-offset: 2px; }

/* ── Tag chips (capper cell, max 3, verdict-first) ────────────────────── */
.cappers-command-page .tagchips { display: inline-flex; gap: 4px; margin-left: 8px; vertical-align: middle; }
.cappers-command-page .tagchip {
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-style: normal;
  font-size: 9px;
  letter-spacing: 0.06em;
  padding: 1px 6px;
  border-radius: 3px;
  border: 0.5px solid #2c3833;
  color: #888780;
  white-space: nowrap;
}
.cappers-command-page .tagchip.v-pos { color: #5DE0AC; border-color: #2a4a3a; background: rgba(93, 224, 172, 0.06); }
.cappers-command-page .tagchip.v-neg { color: #FF6B8E; border-color: #4a2a33; background: rgba(255, 107, 142, 0.06); }

/* ── Wilson range under Win% (ALL window only) ────────────────────────── */
.cappers-command-page .wrange {
  display: block;
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-size: 9px;
  color: #888780;
  letter-spacing: 0.02em;
}

/* ── Pct / Trust cells ────────────────────────────────────────────────── */
.cappers-command-page td.pct { color: #c8c6bf; }
.cappers-command-page td.trust { color: #c8c6bf; }
.cappers-command-page th.pct { white-space: nowrap; }
.cappers-command-page th.trust { white-space: nowrap; }

/* ── Empty state row (offseason hot/fade, quiet windows) ──────────────── */
.cappers-command-page .emptyrow td {
  padding: 26px 16px;
  text-align: center;
  color: #888780;
  font-size: 12px;
}

/* ── Compare mode ─────────────────────────────────────────────────────── */
.cappers-command-page tr.cmp-sel td { background: rgba(93, 224, 172, 0.05); }
.cappers-command-page tr.cmp-sel td.capper { color: #5DE0AC; }

/* Strip — CAPPER READ banner treatment: bordered strip, mono label */
.cappers-command-page .cmp-strip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  padding: 10px 14px;
  background: #0e1410;
  border: 0.5px solid #2a4a3a;
  border-radius: 8px;
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-size: 12px;
  color: #c8c6bf;
}
.cappers-command-page .cmp-strip .cmp-copy b { color: #5DE0AC; letter-spacing: 0.1em; }
.cappers-command-page .cmp-actions { display: flex; gap: 6px; }
.cappers-command-page .cmp-actions button {
  padding: 5px 12px;
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-size: 11px;
  letter-spacing: 0.06em;
  color: #888780;
  background: none;
  border: 0.5px solid #222;
  border-radius: 5px;
  cursor: pointer;
}
.cappers-command-page .cmp-actions button:hover { color: #f5f3eb; }
.cappers-command-page .cmp-actions #cmp-run { background: #14261d; color: #5DE0AC; border-color: #2a4a3a; }
.cappers-command-page .cmp-actions #cmp-run:disabled { opacity: 0.35; cursor: default; }

/* Panel — side-by-side KPI grid: 1 label column + N capper columns */
.cappers-command-page .compare-panel { padding: 16px 18px; margin-bottom: 14px; }
.cappers-command-page .cmp-head {
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-size: 11px;
  letter-spacing: 0.12em;
  color: #888780;
  margin-bottom: 12px;
}
.cappers-command-page .cmp-grid {
  display: grid;
  grid-template-columns: 110px repeat(var(--n, 2), minmax(0, 1fr));
  gap: 6px 14px;
  align-items: baseline;
}
.cappers-command-page .cmp-label {
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-size: 10px;
  letter-spacing: 0.08em;
  color: #888780;
  text-transform: uppercase;
}
.cappers-command-page .cmp-val { font-size: 13px; color: #c8c6bf; min-width: 0; overflow-wrap: anywhere; }
.cappers-command-page .cmp-val .cmp-name { color: #f5f3eb; font-size: 14px; }
.cappers-command-page .cmp-val i { font-style: normal; font-size: 10px; color: #888780; }
.cappers-command-page .cmp-val b.pos { color: #5DE0AC; }
.cappers-command-page .cmp-val b.neg { color: #FF6B8E; }

/* ── Responsive: rank row wraps cleanly on narrow ─────────────────────── */
@media (max-width: 900px) {
  .cappers-command-page .controls-rank { flex-wrap: wrap; }
  .cappers-command-page .oddsband-locked { display: none; }
  .cappers-command-page .cmp-grid { grid-template-columns: 90px repeat(var(--n, 2), minmax(0, 1fr)); }
}