/* widgets/brain-bench — THE BRAIN's Ownership segment. Scoped to #brain-modal; no other
   stylesheet touches .bb-.

   The concept (docs/mockups/2026-08-08 - The Brain - HQ Fable Concept.html) paints on warm paper
   with deep-green chrome and a court-gold "needs your ruling" counter. That is the same three-green
   language the app already speaks, so the concept's literal hexes are replaced by the house tokens
   — --canopy for the deep green, --signal for what ships, court-gold for what is still pending —
   and the segment sits on the vault's own cream reading ground (#faf7f2) inside the room's dark
   chrome, exactly as the Rulings segment does.

   COURT-HONEST COLOR: unruled is GOLD, never red. An unruled entry is work waiting, not a thing
   gone wrong, and red on this surface would read as an alarm Craig has to answer tonight. The only
   red in this file is the one place a write genuinely failed. */

#brain-modal .bb-wrap{flex:1;overflow:auto;min-width:0;background:#faf7f2;padding:16px 24px 30px}
#brain-modal .bb-sub{font:400 13.5px/1.5 Inter;color:#6b7669;max-width:840px;margin:0 0 16px}
#brain-modal .bb-sub b{color:#1f4a2d;font-weight:650}
#brain-modal .bb-zero{font:400 13px/1.55 Inter;color:#77806f;background:#fff;border:1px solid #f0ede3;
  border-radius:12px;padding:16px 18px;margin:4px 0 12px}

/* ── the three counters ─────────────────────────────────────────────────────────────────── */
#brain-modal .bb-counters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:16px}
#brain-modal .bb-ctr{border-radius:14px;padding:15px 18px;background:#fff;border:1px solid #ece7da}
#brain-modal .bb-ctr .bb-lbl{font:600 11px Inter;letter-spacing:.08em;text-transform:uppercase;color:#8a8271}
#brain-modal .bb-ctr .bb-n{font:700 30px/1.05 Inter;font-variant-numeric:tabular-nums;margin:3px 0 1px}
#brain-modal .bb-ctr .bb-d{font:400 12.5px/1.4 Inter;color:#8a8271}
#brain-modal .bb-cy .bb-n{color:#1f4a2d}
#brain-modal .bb-cs .bb-n{color:#2c6e46}
#brain-modal .bb-cr{border-color:#ecd9a8;background:#fdf8ec}
#brain-modal .bb-cr .bb-n{color:#8a5a0f}

/* ── search ─────────────────────────────────────────────────────────────────────────────── */
#brain-modal .bb-searchwrap{margin:0 0 18px}
#brain-modal .bb-q{width:100%;box-sizing:border-box;border:1px solid #e2ddce;border-radius:11px;
  padding:11px 15px;font:400 14px Inter;color:#22271f;background:#fff;outline:none}
#brain-modal .bb-q:focus{border-color:#7fa98c;box-shadow:0 0 0 3px rgba(62,125,92,.12)}
#brain-modal .bb-q::placeholder{color:#b3aca0}
#brain-modal .bb-qhint{font:400 11.5px Inter;color:#9aa39b;margin:6px 2px 0}
#brain-modal .bb-results{margin-top:10px;background:#fff;border:1px solid #ece7da;border-radius:13px;
  overflow:hidden;max-height:min(58vh,620px);overflow-y:auto}
#brain-modal .bb-res{padding:10px 15px;border-bottom:1px solid #f5f2e9;cursor:pointer}
#brain-modal .bb-res:last-child{border-bottom:none}
#brain-modal .bb-res:hover{background:#f8faf7}
#brain-modal .bb-res.on{background:#eef4ef;box-shadow:inset 3px 0 0 var(--canopy,#1e3b2f)}
#brain-modal .bb-rtop{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap}
#brain-modal .bb-rnm{font:650 13.5px Inter;color:#1a1d1c;flex:1;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
#brain-modal .bb-rcat{font:400 11px Inter;color:#9aa39b}
#brain-modal .bb-rdate{font:400 11px Inter;color:#b3aca0;font-variant-numeric:tabular-nums}
#brain-modal .bb-rctx{font:400 12px/1.5 Inter;color:#6b7669;margin-top:3px}
#brain-modal .bb-mark{background:#fbf0cf;color:#5c4410;border-radius:3px;padding:0 2px}

/* ── ownership pills ────────────────────────────────────────────────────────────────────── */
#brain-modal .bb-pill{font:700 10px Inter;letter-spacing:.05em;border-radius:12px;padding:2px 9px;white-space:nowrap}
#brain-modal .bb-yours{background:#e8ece4;color:#3c5232}
#brain-modal .bb-ships{background:#dcefe2;color:#1f6e42}
#brain-modal .bb-unruled{background:#f7ebcd;color:#8a5a0f}

/* ── the bench ──────────────────────────────────────────────────────────────────────────── */
#brain-modal .bb-bench{background:#fdf8ec;border:1px solid #ecd9a8;border-radius:15px;
  padding:17px 20px;margin:0 0 22px}
#brain-modal .bb-bench h2{font:700 11px Inter;letter-spacing:.11em;text-transform:uppercase;
  color:#8a5a0f;margin:0 0 11px}
#brain-modal .bb-bulkhead{font:600 11px Inter;letter-spacing:.06em;text-transform:uppercase;
  color:#a0937a;margin:13px 0 7px}
#brain-modal .bb-card,#brain-modal .bb-bulk{background:#fff;border:1px solid #ece7da;border-radius:11px;
  padding:11px 15px;display:flex;gap:11px;align-items:center;margin-bottom:8px}
#brain-modal .bb-bulk{border-color:#e6d9bb;background:#fffdf7}
#brain-modal .bb-ben{flex:1;min-width:0}
#brain-modal .bb-bt{font:650 13.5px Inter;color:#1a1d1c}
#brain-modal .bb-link{cursor:pointer}
#brain-modal .bb-link:hover{color:#1f4a2d;text-decoration:underline}
#brain-modal .bb-bcount{font:600 10.5px Inter;letter-spacing:.04em;color:#8a5a0f;background:#f7ebcd;
  border-radius:11px;padding:2px 8px;margin-left:8px;white-space:nowrap}
#brain-modal .bb-bwhy{font:400 12.5px/1.45 Inter;color:#6d675a;margin-top:2px}
#brain-modal .bb-bwhy b{color:#3c5232;font-weight:650}
#brain-modal .bb-btn{font:700 12px Inter;padding:6px 13px;border-radius:8px;border:1px solid #d8d1c0;
  background:#fff;color:#4c5348;white-space:nowrap;cursor:pointer}
#brain-modal .bb-btn:hover{border-color:#a9b8a6}
#brain-modal .bb-bships{background:#2c6e46;color:#f3eee1;border-color:#2c6e46}
#brain-modal .bb-byours{background:var(--canopy,#1e3b2f);color:#f3eee1;border-color:var(--canopy,#1e3b2f)}
#brain-modal .bb-busy{opacity:.55;cursor:default}
#brain-modal .bb-benchfoot{font:400 12.5px/1.5 Inter;color:#9a7222;margin-top:11px}
#brain-modal .bb-ok{font:400 12.5px/1.5 Inter;color:#1f6e42;background:#e9f5ec;border:1px solid #c6e2ce;
  border-radius:9px;padding:9px 13px;margin-bottom:10px}
#brain-modal .bb-err{font:400 12.5px/1.5 Inter;color:#8c2f2f;background:#fbecec;border:1px solid #edcaca;
  border-radius:9px;padding:9px 13px;margin-bottom:10px}
#brain-modal .bb-more{display:flex;gap:8px;align-items:center;margin:0 0 22px}
#brain-modal .bb-morec{font:400 11.5px Inter;color:#9aa39b}

/* ── the shelf ──────────────────────────────────────────────────────────────────────────── */
#brain-modal .bb-shelf h2{font:700 11px Inter;letter-spacing:.11em;text-transform:uppercase;
  color:#8a8271;margin:0 0 10px}
#brain-modal .bb-rows{background:#fff;border:1px solid #ece7da;border-radius:14px;padding:2px 20px}
#brain-modal .bb-row{display:flex;gap:13px;align-items:baseline;padding:11px 0;
  border-bottom:1px dashed #efe9db;font:400 13.5px Inter}
#brain-modal .bb-row:last-child{border-bottom:none}
#brain-modal .bb-g{width:190px;font-weight:700;color:#1f4a2d;flex:none}
#brain-modal .bb-cnt{width:62px;color:#8a8271;font-variant-numeric:tabular-nums;flex:none}
#brain-modal .bb-badges{flex:1;display:flex;gap:14px;font-size:12.5px;flex-wrap:wrap}
#brain-modal .bb-cited{color:#2c6e46;font-weight:600}
#brain-modal .bb-prose{color:#9a7222;font-weight:600}
#brain-modal .bb-stale{color:#9aa39b}
#brain-modal .bb-legend{font:400 12px/1.5 Inter;color:#9aa39b;margin:9px 2px 0;max-width:840px}
#brain-modal .bb-legend b{color:#6b7669}

/* ── health ─────────────────────────────────────────────────────────────────────────────── */
#brain-modal .bb-health{margin-top:20px;background:#fbf6ec;border:1px solid #ecd9a8;border-radius:13px;
  padding:12px 18px;font:400 12.5px/1.5 Inter;display:flex;gap:22px;flex-wrap:wrap;color:#6d675a}
#brain-modal .bb-health b{color:#9a5a22}
#brain-modal .bb-health code{font:600 11.5px ui-monospace,Menlo,monospace;background:#f3ecdc;
  border-radius:4px;padding:0 4px}
#brain-modal .bb-hok b{color:#1f6e42}
#brain-modal .bb-hsrc{color:#9aa39b;font-size:11.5px}