/* widgets/brain-state — BRAIN v2: live-state cards, chain ribbons, staleness, reconcile queue.
   Scoped to #brain-modal; no other stylesheet touches .bs-. Values are the BLESSED mockup's
   (docs/mockups/2026-08-07 - brain-popout-v2-BLESSED.html, Craig 4:57p: "Very good. I like what
   you have there. Brain v2.").

   COURT-HONEST, STILL. This is the same room of record the Rulings segment paints in, so the
   card sits on the vault's cream reading ground and the live mark is canopy green — the mockup's
   #1d7a4f, a hair brighter than --signal so a head reads as SOLID against paper. The one warm
   ink (#a04422, the mockup's terracotta) is reserved for the two things that genuinely are not
   the live state: a superseded banner and a reconcile flag. It is never an alarm color and never
   leaves this room — alarm ink stays Craig-court.

   Type follows Craig's reading-type floor rather than the dashboard density tokens: this room is
   meant to be READ, so facts sit at 14.5px and the meta lines at 11.5-12px. */

#brain-modal .bs-answer{padding:16px 22px 8px;background:#faf7f2;min-height:100%}

/* ── the live-state card ─────────────────────────────────────────────────────────────────── */
#brain-modal .bs-card{background:#fff;border:1px solid #e7e2d4;border-left:5px solid #1d7a4f;
  border-radius:10px;padding:14px 18px;margin:0 0 14px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
#brain-modal .bs-card.halted{border-left-color:#a04422}
#brain-modal .bs-card.amb{border-left-color:#b3701f}
#brain-modal .bs-liv{color:#1d7a4f;font:800 10.5px Inter;letter-spacing:.1em;text-transform:uppercase}
#brain-modal .bs-card.halted .bs-liv{color:#a04422}
#brain-modal .bs-liv.amb{color:#b3701f}
#brain-modal .bs-card h2{font:600 19px/1.25 'Fraunces',Georgia,serif;color:#1a1d1c;margin:4px 0 7px}
#brain-modal .bs-fact{font:400 14.5px/1.55 Inter;color:#2c302e;word-break:break-word}

/* ── the chain ribbon: dead struck, head solid ───────────────────────────────────────────── */
#brain-modal .bs-lineage{margin-top:11px;display:flex;gap:5px;flex-wrap:wrap;align-items:center;
  font:500 12px Inter;color:#6b7669}
#brain-modal .bs-arrow{color:#c2bcab}
#brain-modal .bs-node{background:#f1eee4;border:1px solid #e7e2d4;border-radius:6px;padding:3px 9px;
  font:600 11.5px Inter;color:#5c6a62;cursor:pointer}
#brain-modal .bs-node:hover{border-color:#1d7a4f;color:#1a1d1c}
#brain-modal .bs-node.dead{text-decoration:line-through;color:#9a8f7c}
#brain-modal .bs-node.live{background:#1d7a4f;color:#fff;border-color:#1d7a4f;font-weight:700;text-decoration:none}
#brain-modal .bs-node.here{box-shadow:0 0 0 2px rgba(29,122,79,.28)}
#brain-modal .bs-node.bs-more{cursor:default;color:#9a8f7c}

/* ── ASKED / ANSWER SOURCE / CONFIDENCE ──────────────────────────────────────────────────── */
#brain-modal .bs-row2{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
#brain-modal .bs-mini{flex:1;min-width:180px;background:#faf7f2;border:1px solid #efe9db;border-radius:8px;padding:8px 12px}
#brain-modal .bs-mini b{display:block;font:600 10.5px Inter;letter-spacing:.07em;color:#77806f;margin-bottom:3px}
#brain-modal .bs-mini .v{font:400 13.5px/1.4 'Fraunces',Georgia,serif;color:#2c302e}
#brain-modal .bs-mini.warn{border-color:#e6d3b4;background:#fdf8ef}
#brain-modal .bs-mini.warn .v{color:#8a5a0f}
#brain-modal .bs-srcbtn{background:none;border:0;padding:0;color:#306844;font:600 13px Inter;cursor:pointer;
  text-decoration:underline;text-decoration-color:rgba(48,104,68,.35);text-underline-offset:2px;text-align:left}

/* ── document rows under the card ─────────────────────────────────────────────────────────── */
#brain-modal .bs-docrow{background:#fff;border:1px solid #e7e2d4;border-radius:8px;padding:10px 14px;margin:8px 0}
#brain-modal .bs-docrow.dead{background:#fdfaf7}
#brain-modal .bs-docrow.q{border-color:#e0b9a4}
#brain-modal .bs-banner{background:#faf1ea;border:1px solid #e0b9a4;color:#a04422;border-radius:6px;
  padding:5px 10px;font:600 11.5px/1.4 Inter;margin-bottom:7px}
#brain-modal .bs-doclink{background:none;border:0;padding:0;font:600 13.5px/1.4 Inter;color:#1a1d1c;
  cursor:pointer;text-align:left}
#brain-modal .bs-doclink:hover{color:#306844;text-decoration:underline}
#brain-modal .bs-doclink.sm{font-size:12px;color:#306844}
#brain-modal .bs-meta{color:#77806f;font:400 11.5px/1.45 Inter;margin-top:3px}
#brain-modal .bs-cat{color:#8a918d}
#brain-modal .bs-stale{color:#b3701f;font-weight:600}
#brain-modal .bs-morerow{color:#8a918d;font:400 12px Inter;padding:6px 2px 14px}
#brain-modal .bs-qside{font:400 12.5px/1.5 Inter;color:#3d4a42;margin:4px 0;padding-left:10px;border-left:2px solid #efe9db}
#brain-modal .bs-qhead{font:700 12px Inter;letter-spacing:.06em;color:#1a1d1c;margin:0 0 10px}
#brain-modal .bs-qsub{display:block;font:400 12.5px/1.55 Inter;letter-spacing:0;color:#69725f;margin-top:4px}

/* ── the reconcile row's own actions (Craig 8/10: "I don't have any buttons") ──────────────────
   Deliberately plain: these are DECISIONS, and a row of four coloured buttons would make the
   choice look like an alarm. One quiet outline treatment, the ghost variant for the escape hatch,
   and the confirmation replaces them in place so a settled row stops offering the choice. */
#brain-modal .bs-qacts{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 2px;padding-top:9px;border-top:1px solid #f2eee2}
#brain-modal .bs-qact{font:600 11.5px Inter;color:#1f4a2d;background:#eef3ee;border:1px solid #d3e0d4;
  border-radius:999px;padding:5px 13px;cursor:pointer}
#brain-modal .bs-qact:hover{background:#e2ece4;border-color:#b9cfbd}
#brain-modal .bs-qact:focus-visible{outline:2px solid #9dbfa8;outline-offset:1px}
#brain-modal .bs-qact.ghost{color:#5c6a62;background:#fff;border-color:#e2ddd0}
#brain-modal .bs-qact.ghost:hover{background:#f7f5ef;border-color:#cfc9ba}
#brain-modal .bs-qnote{margin:9px 0 2px;display:flex;flex-direction:column;gap:7px}
#brain-modal .bs-qnote[hidden]{display:none}
#brain-modal .bs-qnote textarea{width:100%;box-sizing:border-box;font:400 12.5px/1.5 Inter;color:#2c302e;
  background:#fff;border:1px solid #e2ddd0;border-radius:8px;padding:8px 10px;outline:none;resize:vertical}
#brain-modal .bs-qnote textarea:focus{border-color:#b9cfbd}
#brain-modal .bs-qnote>div{display:flex;gap:7px}
#brain-modal .bs-qsent{font:600 12px Inter;color:#5c6a62;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
#brain-modal .bs-qsent.ok{color:#1f6d3c}
#brain-modal .bs-qsent.warn{color:#8a5a0f}

/* ── the reader's own header (bolted above any opened document) ───────────────────────────── */
#brain-modal .bs-super{background:#faf1ea;border:1px solid #e0b9a4;border-radius:9px;padding:10px 14px;margin:0 0 14px}
#brain-modal .bs-supline{color:#a04422;font:700 11.5px Inter;letter-spacing:.05em}
#brain-modal .bs-livelink{margin-top:5px;font:600 12px Inter;color:#5c6a62}
#brain-modal .bs-livelink button{background:#1d7a4f;border:0;border-radius:6px;color:#fff;
  font:700 11.5px Inter;padding:4px 10px;margin-left:4px;cursor:pointer}
#brain-modal .bs-livelink button:hover{background:#166139}
#brain-modal .bs-supfact{margin-top:7px;font:400 12.5px/1.5 Inter;color:#4a5250}
#brain-modal .bs-asof{font:400 11.5px/1.5 Inter;color:#77806f;margin:0 0 10px;display:flex;
  gap:6px;align-items:center;flex-wrap:wrap}
#brain-modal .bs-tchip{background:#f1ede2;border:1px solid #e7e2d4;border-radius:99px;padding:2px 10px;
  font:600 11px Inter;color:#525854;cursor:pointer}
#brain-modal .bs-tchip:hover{border-color:#1d7a4f;color:#1a1d1c}
#brain-modal .bs-ownchain{margin:0 0 14px}
#brain-modal .bs-back{margin:0 0 10px}
#brain-modal .bs-erafact{background:#fff;border:1px solid #efe9db;border-radius:8px;padding:9px 13px;
  margin:0 0 14px;font:400 13px/1.55 Inter;color:#3d4a42}
#brain-modal .bs-erafact b{color:#1a1d1c}

/* ── the rail: pinned live states + needs reconcile ───────────────────────────────────────── */
#brain-modal .bs-rail{padding:4px 8px 10px;border-bottom:1px solid #252b2e;margin-bottom:6px}
#brain-modal .bs-rail h4{font:700 10px Inter;letter-spacing:.1em;color:#7d868d;margin:10px 0 6px;
  display:flex;align-items:center;gap:6px}
#brain-modal .bs-chips{display:flex;flex-wrap:wrap;gap:4px}
#brain-modal .bs-chip{background:#15181a;border:1px solid #3a4145;border-radius:14px;padding:3px 10px;
  font:600 11.5px Inter;color:#b9c0c6;cursor:pointer;display:inline-flex;gap:6px;align-items:center;
  max-width:100%;text-align:left}
#brain-modal .bs-chip:hover{border-color:#1d7a4f;color:#e8ebee}
#brain-modal .bs-chipd{color:#69727a;font-weight:500}
#brain-modal .bs-chip.q{border-color:#a04422;color:#e0a184}
#brain-modal .bs-chip.q:hover{border-color:#c25a2c;color:#f0c9ae}
#brain-modal .bs-badge{background:#a04422;color:#fff;border-radius:99px;padding:1px 7px;font:800 10px Inter}

/* the header's reconcile pill — the tripwire's count, on the room's chrome */
#brain-modal .bs-hbadge{background:none;border:1px solid #a04422;color:#e0a184;border-radius:8px;
  font:700 11.5px Inter;padding:7px 11px;cursor:pointer;white-space:nowrap}
#brain-modal .bs-hbadge:hover{background:#2a1f1b;color:#f0c9ae}