/* /tools: the legacy member panes inside the Control Room. site.css sits in the "legacy" layer under cr.css, so the
   shared classes (.btn .chip .chips .muted .mono .tile) already take the Control Room look; this file restyles the
   pane internals that only site.css knows about, to the INSTRUMENT light scheme. */
:root{--mint:var(--accent-hi);--mint-ink:#fff;--mint-hi:var(--accent);--mint-soft:var(--accent-soft);--cyan:var(--ok);--violet:#6D4AFF;--amber:var(--warn);--gold:var(--sig);--disp:var(--display);--radius:8px;--ground:var(--bg);--ground2:var(--panel-2);--panel-solid:var(--panel);--ink:#0F1B2E}
#page{color:var(--ink)}
#memberArea.bo{display:block;min-height:0}
.bo-main{display:block}
.bo-content{padding:16px 24px 24px;max-width:1180px;width:100%}
.tools-tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 24px 0}
.tabs.bo-menu{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;background:transparent;border:0;padding:0;margin:0;width:auto}
.tabs.bo-menu button{display:inline-flex;align-items:center;gap:0;width:auto;background:transparent;border:1px solid transparent;border-radius:var(--r);color:var(--muted);font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;cursor:pointer;text-align:left}
.tabs.bo-menu button.on{background:var(--panel);border-color:var(--accent);color:var(--accent-hi);box-shadow:0 1px 2px rgba(15,27,46,.08)}
.tabs.bo-menu button svg{display:none}
.tools-right{margin-left:auto;display:flex;gap:8px;align-items:center}
.chat-badge{display:inline-grid;place-items:center;min-width:16px;height:16px;border-radius:8px;background:var(--sig);color:#fff;font:700 10px var(--mono);padding:0 4px}
.ad-strip{padding:8px 24px 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin:0 0 14px;box-shadow:var(--sh);color:var(--ink)}
.card h3,.card-head h3{font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;color:var(--ink)}
.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.card-head .sub{font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.04em}
.card p{color:var(--ink-2)} .card .muted{color:var(--muted)}
.small{font-size:12.5px} .eyebrow{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
#page input:not([type=checkbox]):not([type=radio]):not([type=file]),#page select,#page textarea{background:#fff;border:1px solid var(--line-strong);border-radius:6px;padding:7px 10px;color:var(--ink);font:inherit;box-shadow:0 1px 2px rgba(15,27,46,.06) inset}
#page input:focus,#page select:focus,#page textarea:focus{border-color:var(--sig);outline:none;box-shadow:0 0 0 3px rgba(255,106,26,.18)}
#page input::placeholder,#page textarea::placeholder{color:#8E9BB1}
.btn.sec{background:transparent;color:var(--ink);box-shadow:none}
.btn.small{padding:4px 9px;font-size:11px}
.btn.disabled,.btn[disabled]{opacity:.5}
.chip-t,.chips button.chip-t{border:1px solid var(--line-strong);border-radius:999px;padding:4px 12px;font:700 11.5px var(--body);color:var(--ink-2);background:#fff;cursor:pointer}
.chip-t.on,.chips button.chip-t.on{border-color:var(--accent);color:var(--accent-hi);background:var(--accent-soft)}
.chip,.chip.flat{font-size:10.5px;padding:2px 8px}
.pill{display:inline-block;font:700 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-strong);border-radius:4px;padding:1px 7px;color:var(--ink-2);background:var(--panel-2)}
.statx{background:linear-gradient(180deg,#FFFFFF,#F6F8FC);border:1px solid var(--line);border-radius:8px;padding:12px 14px;box-shadow:var(--sh)}
.statx .pl{background:var(--accent-soft);border:1px solid var(--line)} .statx .pl svg{stroke:var(--accent-hi)}
.statx.c-cyan .pl{background:var(--ok-soft)} .statx.c-cyan .pl svg{stroke:var(--ok)}
.statx.c-violet .pl{background:#EEE9FF} .statx.c-violet .pl svg{stroke:#6D4AFF}
.statx.c-amber .pl{background:var(--warn-soft)} .statx.c-amber .pl svg{stroke:var(--warn)}
.statx .nv{font-family:var(--display);font-size:28px;color:var(--ink)} .statx .lb{font-size:10.5px;letter-spacing:.1em}
.promo-block,.pv,.obj,.gs,.next-card,.wo-slot,.lin-row,.tk-sec,.pipe-col,.pipe-card,.angle-row,.pb-acc{background:var(--panel-2);border:1px solid var(--line);border-radius:8px}
.promo-block{padding:12px 14px;margin:0 0 10px} .pb-text{white-space:pre-wrap;color:var(--ink);font-size:13px;line-height:1.55;margin:6px 0 10px}
.pb-head,.pb-net,.lab{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pb-actions{display:flex;gap:8px;flex-wrap:wrap}
.pb-acc>summary{cursor:pointer;color:var(--ink)} .pb-acc>summary>span:first-child::before{color:var(--accent)}
.pb-item img{max-width:100%;height:auto;border:1px solid var(--line);border-radius:6px;background:#fff}
.pb-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px} .pb-size{font-family:var(--mono);font-size:11px;color:var(--muted);flex:1}
.obj>summary{padding:10px 14px;font-weight:700;cursor:pointer;color:var(--ink)} .obj-body{padding:0 14px 14px} .obj-truth p{color:var(--ink-2)}
.next-card{border-color:var(--accent-soft)} .next-card::before{display:none}
.callout{background:var(--sig-soft);border:1px solid #F7C7A9;border-radius:8px;padding:10px 12px;color:var(--ink)}
table{font-size:13px;color:var(--ink)} th{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)} td{padding:8px 10px;border-bottom:1px solid var(--line)}
.feed .row{color:var(--ink)} .feed .row:first-child{background:var(--accent-soft)} .feed .t-TierPaid,.feed .t-Purchase,.feed .t-AwardPaid{color:var(--accent-hi)}
.badge{background:var(--accent-soft);color:var(--accent-hi);border-color:var(--accent-soft)}
.qa button{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--line-strong);border-radius:var(--r);padding:8px 12px;margin:0 0 6px;font:700 12px var(--body);color:var(--ink);cursor:pointer} .qa button:hover{border-color:var(--accent)}
.line-tree,.lt-node{color:var(--ink)} .lt-node{background:#fff;border:1px solid var(--line-strong);border-radius:6px;padding:4px 10px} .lt-node.qualified{border-color:var(--sig);color:var(--sig-2)}
.boot-spin .ring{border-color:var(--accent-soft);border-top-color:var(--accent)}
.bo-pagefoot{margin:8px 0 0;padding:14px 24px;border-top:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:12px} .bo-pagefoot a{color:var(--muted)} .bo-pagefoot a:hover{color:var(--ink)}
#status{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;background:var(--chrome);color:var(--chrome-ink);border:1px solid var(--chrome-line);border-left:3px solid var(--ok);padding:9px 14px;border-radius:6px;font-size:12px;font-weight:600;z-index:60;max-width:min(560px,92vw)}
#status.bad{border-left-color:var(--sig)}
.ed-body{background:#fff;border:1px solid var(--line-strong);border-radius:6px;min-height:110px;padding:10px;color:var(--ink)} .ed-bar button{background:#fff;border:1px solid var(--line-strong);border-radius:5px;color:var(--ink);padding:3px 8px;cursor:pointer}
.chat-drawer{background:var(--panel);color:var(--ink);border-left:1px solid var(--line);box-shadow:-20px 0 40px -30px rgba(15,27,46,.5)} .chat-head{border-bottom:1px solid var(--line)} .chat-msgs,.chat-threads{color:var(--ink)}
.grid.c2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.tr-group{color:var(--muted)!important}
@media (max-width:760px){.bo-content{padding:12px 14px 20px}.tools-tabs{padding:10px 14px 0}.tabs{flex-wrap:wrap}}

/* Pipeline board colour (Marty 2026-10-18: "bland and bright and difficult to read"): one colour per stage on the column
   (tinted body, solid top bar, coloured title, count pill) and the same colour as a stripe on each card; white cards with
   dark names; stalled cards get an amber chip and edge so they stand out. */
:where(.pipe-board .pipe-col,.pipe-due .pipe-card,.pipe-board .pipe-card){--st:#64748b}
.pipe-board [data-stage="talking"],.pipe-due [data-stage="talking"]{--st:#7c3aed}
.pipe-board [data-stage="joined"],.pipe-due [data-stage="joined"]{--st:#2563eb}
.pipe-board [data-stage="wallet"],.pipe-due [data-stage="wallet"]{--st:#0891b2}
.pipe-board [data-stage="payouts"],.pipe-due [data-stage="payouts"]{--st:#ea580c}
.pipe-board [data-stage="bought"],.pipe-due [data-stage="bought"]{--st:#16a34a}
.pipe-board [data-stage="building"],.pipe-due [data-stage="building"]{--st:#b7791f}
.pipe-board [data-stage="later"],.pipe-due [data-stage="later"]{--st:#64748b}
.pipe-board .pipe-col{background:color-mix(in srgb,var(--st) 7%,#f8fafc);border:1px solid color-mix(in srgb,var(--st) 28%,#e2e8f0);border-top:4px solid var(--st);border-radius:10px}
.pipe-board .pipe-col h4{color:var(--st);font-weight:800}
.pipe-board .pipe-col h4 span{background:var(--st);color:#fff;border-radius:999px;padding:0 8px;font-size:12px;line-height:20px;min-width:22px;text-align:center}
.pipe-board .pipe-col .hint{color:#475569}
.pipe-board .pipe-card,.pipe-due .pipe-card{background:#fff;border:1px solid color-mix(in srgb,var(--st) 22%,#e2e8f0);border-left:4px solid var(--st);border-radius:8px;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.pipe-board .pipe-card:hover,.pipe-board .pipe-card:focus-visible,.pipe-due .pipe-card:hover{border-color:var(--st);box-shadow:0 2px 8px color-mix(in srgb,var(--st) 25%,transparent)}
.pipe-board .pipe-card.on{box-shadow:0 0 0 2px var(--st)}
.pipe-card .nm{color:#0f172a}
.pipe-card .nm small{color:#64748b}
.pipe-card .sub{color:#334155}
.pipe-card .note{color:#1e293b}
.pipe-card.stalled{background:#fffbeb}
.pipe-card .chip.warm{background:#fef3c7;border-color:#f59e0b;color:#92400e;font-weight:700}
.pipe-card .chip.flat{background:#f1f5f9;border-color:#cbd5e1;color:#334155}