/* ============================================================
   ETF Action — Board Portal (trustee surfaces)
   Mirrors board-portal-prototype.html. Rendered inside the v2 app
   shell as a .v2-tool-pane, so EVERYTHING is scoped under .bp-scope
   (including CSS variables) to avoid leaking into the main app.
============================================================ */
/* The shared .v2-tool-pane is display:grid + overflow:hidden (clips content).
   The trustee surfaces are long documents, so opt them into scrolling.
   (The admin builder uses its own full-height flex layout — see admin.css.) */
#v2-board-portal-home.v2-tool-pane.active,
#v2-board-portal-fund.v2-tool-pane.active{
  display:block !important;
  overflow-y:auto;
  overflow-x:hidden;
  height:100%;
  scrollbar-width:thin;
  scrollbar-color:#cfd7e3 transparent;
}
#v2-board-portal-home.v2-tool-pane.active::-webkit-scrollbar,
#v2-board-portal-fund.v2-tool-pane.active::-webkit-scrollbar{width:10px}
#v2-board-portal-home.v2-tool-pane.active::-webkit-scrollbar-button,
#v2-board-portal-fund.v2-tool-pane.active::-webkit-scrollbar-button{display:none;width:0;height:0}
#v2-board-portal-home.v2-tool-pane.active::-webkit-scrollbar-thumb,
#v2-board-portal-fund.v2-tool-pane.active::-webkit-scrollbar-thumb{background:#cfd7e3;border-radius:8px;border:2px solid transparent;background-clip:content-box}
#v2-board-portal-home.v2-tool-pane.active::-webkit-scrollbar-thumb:hover,
#v2-board-portal-fund.v2-tool-pane.active::-webkit-scrollbar-thumb:hover{background:#b3bdcc;background-clip:content-box}

.bp-scope{
  --navy:#16273f; --navy-2:#1e3a5f; --blue:#1e6fd6; --blue-soft:#eaf2fd;
  --ink:#1a2230; --muted:#5b6b80; --faint:#8a99ad;
  --line:#e4e9f0; --surface:#ffffff; --bg:#f3f5f9;
  --good:#1f9d55; --good-bg:#e8f6ee;
  --warn:#c47d10; --warn-bg:#fdf3e2;
  --poor:#cf2e2e; --poor-bg:#fbeaea;
  --shadow:0 1px 2px rgba(20,40,70,.06),0 8px 24px rgba(20,40,70,.06);
  --r:10px;
  background:var(--bg);color:var(--ink);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:14px;line-height:1.5;font-feature-settings:"tnum" 1,"cv05" 1;
  min-height:100%;
}
.bp-scope *{box-sizing:border-box}
.bp-scope .tnum{font-variant-numeric:tabular-nums}
.bp-scope h1,.bp-scope h2,.bp-scope h3{margin:0;font-weight:650;letter-spacing:-.01em;color:var(--navy)}

/* ===== Trust Home ===== */
.bp-scope #view-home{max-width:none;margin:0;padding:26px 32px 70px}
.bp-scope .thero{background:linear-gradient(120deg,#16273f 0%,#1f3f6b 100%);color:#fff;
  border-radius:14px;padding:26px 28px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.bp-scope .thero:after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;
  background:radial-gradient(circle,rgba(74,140,255,.22),transparent 70%)}
.bp-scope .thero .eyebrow{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#9fc0ee;font-weight:700}
.bp-scope .thero h1{color:#fff;font-size:27px;margin:7px 0 5px}
.bp-scope .thero .meet{font-size:13.5px;color:#cdddf2}
.bp-scope .thero .meet b{color:#fff;font-weight:650}
.bp-scope .thero .meet .sep{opacity:.4;margin:0 9px}
.bp-scope .thero .confpill{position:absolute;top:18px;right:22px;z-index:3;display:inline-flex;align-items:center;gap:7px;
  font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#ffd479;font-weight:700;
  background:rgba(255,206,94,.10);border:1px solid rgba(255,206,94,.28);border-radius:20px;padding:5px 11px}
.bp-scope .thero .confpill .dot{width:7px;height:7px;border-radius:50%;background:#ffce5e;box-shadow:0 0 0 3px rgba(255,206,94,.18)}
.bp-scope .thero .trustswitchwrap{position:relative;z-index:3;margin:0 0 12px}
.bp-scope .thero .trustswitch{font:inherit;font-size:12.5px;font-weight:650;color:#fff;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:7px 32px 7px 12px;cursor:pointer;max-width:360px;
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23cdddf2' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center}
.bp-scope .thero .trustswitch:hover{background-color:rgba(255,255,255,.16)}
.bp-scope .thero .trustswitch:focus{outline:none;border-color:rgba(159,192,238,.8);box-shadow:0 0 0 3px rgba(74,140,255,.28)}
.bp-scope .thero .trustswitch option{color:#1c2733}
.bp-scope .tstats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px;position:relative;z-index:2}
.bp-scope .tstat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px 16px;backdrop-filter:blur(2px)}
.bp-scope .tstat .sl{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:#9fc0ee;font-weight:600}
.bp-scope .tstat .sv{font-size:25px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;margin:5px 0 1px;line-height:1}
.bp-scope .tstat .sd{font-size:11.5px;color:#b9cce4}
.bp-scope .tstat .sd.amber{color:#ffce5e}
.bp-scope .asofbar{display:flex;align-items:center;gap:10px;margin-top:16px;position:relative;z-index:2;flex-wrap:wrap}
.bp-scope .asofbar .lbl{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#9fc0ee;font-weight:700}
.bp-scope .dseg{display:inline-flex;gap:3px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:3px}
.bp-scope .dseg button{border:none;background:none;font:inherit;font-size:11.5px;font-weight:600;color:#cdddf2;
  padding:6px 11px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.bp-scope .dseg button:hover{background:rgba(255,255,255,.07)}
.bp-scope .dseg button.on{background:#fff;color:var(--navy)}
.bp-scope .dseg button .rdot{width:6px;height:6px;border-radius:50%;background:#2ecc71}
.bp-scope .dseg button .dsub{font-size:10px;font-weight:600;opacity:.7;margin-left:2px}
.bp-scope .dseg{flex-wrap:wrap}
.bp-scope .asofnote{font-size:11.5px;color:#cdddf2}
.bp-scope .asofnote .mt{color:#9be3b6;font-weight:600}
.bp-scope .asofnote .nw{color:#ffce5e;font-weight:600}
.bp-scope .spark{display:block;margin-top:5px}
.bp-scope .spark svg{display:block;margin-left:auto}
.bp-scope .complexread{display:flex;gap:11px;align-items:flex-start;margin:18px 2px 0;font-size:12.5px;color:var(--muted);line-height:1.55}
.bp-scope .complexread .ci{flex:none;width:22px;height:22px;border-radius:6px;background:var(--blue-soft);color:var(--blue);
  display:grid;place-items:center;font-size:13px;font-weight:700;margin-top:1px}
.bp-scope .complexread b{color:var(--navy)}
.bp-scope .seclabel{display:flex;align-items:baseline;gap:10px;margin:30px 2px 14px}
.bp-scope .seclabel h2{font-size:16px}
.bp-scope .seclabel .hint{font-size:12px;color:var(--faint)}
.bp-scope .charts{display:grid;grid-template-columns:1fr 1.5fr;gap:14px;margin-top:18px}
/* Visualizer-style chart area: shared control bar + donut/AUM grid + full-width flows. */
.bp-scope .charts3{margin-top:18px;display:flex;flex-direction:column;gap:14px}
.bp-scope .chartsgrid{display:grid;grid-template-columns:minmax(280px,1fr) 1.6fr;gap:14px}
.bp-scope .chartfull{width:100%}
.bp-scope .ctrlbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:10px 14px}
.bp-scope .ctrlgrp{display:inline-flex;align-items:center;gap:8px}
.bp-scope .ctrllbl{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}
.bp-scope .chartcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:15px 16px 10px}
.bp-scope .chartcard h3{font-size:13px;color:var(--navy)}
.bp-scope .chartcard .csub{font-size:11px;color:var(--faint);margin:2px 0 6px}
.bp-scope .chartcard .chost{width:100%}
.bp-scope .cchead{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.bp-scope .ctogs{display:inline-flex;gap:6px}
.bp-scope .ctog{display:inline-flex;gap:2px;background:#f0f3f8;border:1px solid var(--line);border-radius:7px;padding:2px}
.bp-scope .ctog button{border:none;background:none;font:inherit;font-size:10.5px;font-weight:600;color:#5b6b80;padding:3px 8px;border-radius:5px;cursor:pointer;white-space:nowrap}
.bp-scope .ctog button:hover{background:rgba(30,111,214,.08)}
.bp-scope .ctog button.on{background:#fff;color:var(--navy);box-shadow:0 1px 2px rgba(16,39,71,.12)}
.bp-scope .cempty{display:flex;align-items:center;justify-content:center;height:300px;font-size:11.5px;color:var(--faint)}
/* Fund Breakdown grid header: title block on the left, Latest/ME/QE toggle on the right. */
.bp-scope .seclabel.gridhead{justify-content:space-between;align-items:flex-end}
.bp-scope .gridhead__title{display:flex;align-items:baseline;gap:10px}
.bp-scope .tgrid{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.bp-scope .tgrid .gh{display:grid;grid-template-columns:2.3fr 1fr 1fr 1fr 1.5fr 30px;
  gap:8px;padding:11px 18px;background:#f6f8fb;border-bottom:1px solid var(--line)}
.bp-scope .tgrid .gh span{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);font-weight:700}
.bp-scope .tgrid .gh .num{text-align:right}
.bp-scope .grow{display:grid;grid-template-columns:2.3fr 1fr 1fr 1fr 1.5fr 30px;gap:8px;
  align-items:center;padding:14px 18px;border-bottom:1px solid #eef1f6;cursor:pointer;transition:background .12s}
.bp-scope .grow:last-child{border-bottom:none}
.bp-scope .grow:hover{background:#f7faff}
.bp-scope .grow .fund{display:flex;align-items:center;gap:12px;min-width:0}
.bp-scope .grow .badge2{width:42px;height:42px;flex:none;border-radius:10px;background:linear-gradient(135deg,#1e3a5f,#16273f);
  color:#cfe0f5;display:grid;place-items:center;font-weight:700;font-size:12px;letter-spacing:.02em}
.bp-scope .grow .fn{font-weight:650;color:var(--navy);font-size:14px}
.bp-scope .grow .fc{font-size:11.5px;color:var(--faint);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-scope .grow .n{text-align:right;font-variant-numeric:tabular-nums}
.bp-scope .grow .n .v{font-weight:600;color:var(--ink);font-size:13.5px}
.bp-scope .grow .n .rk{display:inline-block;margin-top:4px;font-size:10px;font-weight:700;border-radius:5px;padding:1px 6px}
.bp-scope .repcell{display:flex;align-items:center;justify-content:flex-end;width:100%;height:100%}
.bp-scope .rep{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;border-radius:8px;
  padding:7px 12px;cursor:pointer;white-space:nowrap;border:1px solid transparent}
.bp-scope .rep.linked{background:#fbe9e7;border-color:#f3d3cf;color:#b5392f}
.bp-scope .rep.linked:hover{background:#f8ddd9}
.bp-scope .rep.linked .ext{opacity:.6;font-weight:700}
.bp-scope .rep.upload{background:#f4f9ff;border-color:#cfe0f8;color:var(--blue)}
.bp-scope .rep.upload:hover{background:#e9f3ff}
.bp-scope .rep .ricon{font-size:13px}
.bp-scope .chev{color:var(--faint);font-size:17px;text-align:center}
.bp-scope .grow:hover .chev{color:var(--blue)}
.bp-scope .homefoot{font-size:11px;color:var(--faint);margin-top:24px;padding-top:14px;border-top:1px solid var(--line)}

/* ===== Fund Detail ===== */
.bp-scope .shell{display:flex;min-height:520px}
.bp-scope .rail{width:286px;flex:none;background:#fff;border-right:1px solid var(--line);
  padding:20px 18px;display:flex;flex-direction:column;gap:4px}
.bp-scope .rail .eyebrow{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);
  font-weight:700;margin:2px 4px 10px}
.bp-scope .funnel{display:flex;flex-direction:column;align-items:center;gap:0}
.bp-scope .lvl{position:relative;cursor:pointer;border:1px solid var(--line);background:#fff;
  border-radius:9px;padding:11px 13px;transition:.18s;text-align:left;width:100%}
.bp-scope .lvl + .lvl{margin-top:9px}
.bp-scope .lvl:hover{border-color:#cdd9ea;background:#fafcff}
.bp-scope .lvl.active{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 3px rgba(30,111,214,.10)}
.bp-scope .lvl .ltop{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.bp-scope .lvl .lname{font-weight:650;font-size:12.5px;color:var(--navy)}
.bp-scope .lvl .ln{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.bp-scope .lvl .lsub{font-size:11px;color:var(--faint);margin-top:1px}
.bp-scope .lvl .lnote{font-size:10.5px;color:var(--muted);margin-top:5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bp-scope .lvl.active .lnote{-webkit-line-clamp:6}
.bp-scope .lvl .chips{display:flex;gap:5px;margin-top:9px}
.bp-scope .lvl .chip{flex:1;text-align:center;border-radius:6px;padding:4px 2px;font-size:10px;font-weight:600}
.bp-scope .lvl .chip .pc{display:block;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.bp-scope .lvl .chip .cl{font-size:8.5px;letter-spacing:.04em;text-transform:uppercase;opacity:.8;font-weight:600}
.bp-scope .narrow{height:14px;display:flex;justify-content:center}
.bp-scope .rail .note{margin-top:14px;font-size:11px;line-height:1.5;color:var(--muted);
  background:#f7f9fc;border:1px solid var(--line);border-radius:8px;padding:10px 11px}
.bp-scope .rail .note b{color:var(--navy)}
.bp-scope .main{flex:1;min-width:0;padding:22px 26px 60px;max-width:none}
.bp-scope .shell-col{display:block}
.bp-scope .crumbrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.bp-scope .crumbtools{display:flex;align-items:center;gap:10px;flex:none}

/* Guide / help button (crumb row) */
.bp-scope .bp-help-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12px;font-weight:650;
  color:var(--blue);background:#f4f9ff;border:1px solid #cfe0f8;border-radius:20px;padding:5px 12px;cursor:pointer;transition:background .15s}
.bp-scope .bp-help-btn:hover{background:#e6f2ff}
.bp-scope .bp-help-btn i{font-size:12px}

/* Small circular info affordance (opens methodology drawer to a section) */
.bp-scope .bp-info{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;
  width:16px;height:16px;margin-left:6px;padding:0;border:none;background:none;color:var(--faint);
  cursor:pointer;line-height:1;font-size:12.5px;transition:color .15s}
.bp-scope .bp-info:hover{color:var(--blue)}

/* ===== Evaluation funnel (horizontal, collapsible strip) ===== */
.bp-scope .funnelwrap{border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow);
  padding:12px 16px 14px;margin-bottom:18px}
.bp-scope .funnelhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.bp-scope .funnelhead .eyebrow{display:inline-flex;align-items:center;font-size:10px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--faint);font-weight:700}
.bp-scope .funnel-toggle{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:11.5px;font-weight:600;
  color:var(--muted);background:none;border:1px solid var(--line);border-radius:20px;padding:4px 11px;cursor:pointer}
.bp-scope .funnel-toggle:hover{color:var(--navy);border-color:#cdd9ea}
.bp-scope .funnel-toggle .caret{transition:transform .2s;font-size:10px}
.bp-scope .funnelwrap.collapsed .funnel-toggle .caret{transform:rotate(180deg)}
.bp-scope .funnelwrap.collapsed .funnelbody{display:none}
.bp-scope .funnelwrap:not(.collapsed) .funnel-summary{display:none}
/* horizontal steps */
.bp-scope .funnel-strip{display:flex;align-items:stretch;gap:0}
.bp-scope .funnel-strip .lvl{flex:1 1 0;width:auto;margin:0;text-align:left;border:1px solid var(--line);
  background:#fff;border-radius:9px;padding:10px 12px;cursor:pointer;transition:.18s;font:inherit}
.bp-scope .funnel-strip .lvl + .lvl{margin-top:0}
.bp-scope .funnel-strip .lvl:hover{border-color:#cdd9ea;background:#fafcff}
.bp-scope .funnel-strip .lvl.active{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 3px rgba(30,111,214,.10)}
.bp-scope .funnel-strip .lvl .ltop{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.bp-scope .funnel-strip .lvl .lstep{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--faint);text-transform:uppercase}
.bp-scope .funnel-strip .lvl .ln{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.bp-scope .funnel-strip .lvl .lname{font-weight:650;font-size:12px;color:var(--navy);margin:3px 0;line-height:1.25;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bp-scope .funnel-strip .lvl .chips{display:flex;gap:4px;margin-top:6px}
.bp-scope .funnel-strip .lvl .chip{flex:1;text-align:center;border-radius:6px;padding:3px 2px;font-size:10px;font-weight:600}
.bp-scope .funnel-strip .lvl .chip .pc{display:block;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.bp-scope .funnel-strip .lvl .chip .pc small{font-size:8px;font-weight:600}
.bp-scope .funnel-strip .lvl .chip .cl{font-size:8px;letter-spacing:.03em;text-transform:uppercase;opacity:.8;font-weight:600}
/* connectors between steps */
.bp-scope .funnel-strip .fconn{flex:none;display:flex;align-items:center;justify-content:center;width:22px;color:#c8d3e2;font-size:12px}
/* inline level description panel */
.bp-scope .lvl-desc{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#f7f9fc}
.bp-scope .lvl-desc .ld-head{display:flex;align-items:center;gap:8px}
.bp-scope .lvl-desc .ld-title{font-weight:650;font-size:13px;color:var(--navy)}
.bp-scope .lvl-desc .ld-n{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.bp-scope .lvl-desc .ld-crit-lbl{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:5px}
.bp-scope .lvl-desc .ld-crit{display:flex;flex-wrap:wrap;gap:6px}
.bp-scope .lvl-desc .ld-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--muted);
  background:#fff;border:1px solid var(--line);border-radius:6px;padding:3px 9px}
.bp-scope .lvl-desc .ld-chip b{color:var(--navy);font-weight:650}
.bp-scope .lvl-desc .ld-none{font-size:12px;color:var(--faint);font-style:italic}
.bp-scope .lvl-desc .ld-why{margin-top:10px;font-size:12px;color:var(--muted);line-height:1.5}
.bp-scope .lvl-desc .ld-why .ld-lbl{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:2px}
/* collapsed one-line summary */
.bp-scope .funnel-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;cursor:pointer;font-size:11.5px;color:var(--muted)}
.bp-scope .funnel-summary .fs-lvl{display:inline-flex;align-items:center;gap:5px}
.bp-scope .funnel-summary .fs-lvl b{color:var(--navy);font-weight:650;font-variant-numeric:tabular-nums}
.bp-scope .funnel-summary .fs-lvl.on{color:var(--blue)}
.bp-scope .funnel-summary .fs-lvl.on b{color:var(--blue)}
.bp-scope .funnel-summary i{color:#c8d3e2;font-size:9px}
/* merged metric cards (trio) live inside the funnel card, under the level desc */
.bp-scope .funnelwrap .metric-cap{display:flex;align-items:center;gap:2px;font-size:12px;color:var(--muted);
  margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.bp-scope .funnelwrap .metric-cb{padding:12px 0 0}
.bp-scope .funnelwrap .metric-cb .trio{margin-top:0}

.bp-scope .crumbrow .crumbs{margin-bottom:0}
.bp-scope .confpill2{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.08em;flex:none;
  text-transform:uppercase;color:#c47d10;font-weight:700;background:#fdf3e2;border:1px solid #f3e0bf;border-radius:20px;padding:4px 11px}
.bp-scope .confpill2 .dot{width:6px;height:6px;border-radius:50%;background:#e0a02a}
.bp-scope .crumbs{font-size:12px;color:var(--faint);margin-bottom:14px}
.bp-scope .crumbs b{color:var(--muted);font-weight:600}
.bp-scope .crumbs a{color:var(--blue);text-decoration:none;font-weight:600;cursor:pointer}
.bp-scope .crumbs a:hover{text-decoration:underline}
.bp-scope .fundhead{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}
.bp-scope .fundhead .tk{width:54px;height:54px;flex:none;border-radius:12px;background:linear-gradient(135deg,#1e3a5f,#16273f);
  color:#cfe0f5;display:grid;place-items:center;font-weight:700;font-size:14px;letter-spacing:.02em}
.bp-scope .fundhead h1{font-size:22px}
.bp-scope .fundhead .sub{color:var(--muted);font-size:13px;margin-top:3px}
.bp-scope .fundhead .asof{margin-left:auto;text-align:right;font-size:11px;color:var(--faint)}
.bp-scope .fundhead .asof b{display:block;color:var(--navy);font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}
.bp-scope .frozen{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:10.5px;
  color:var(--muted);background:#f0f3f8;border:1px solid var(--line);border-radius:20px;padding:3px 9px}
.bp-scope .ovblock{margin-bottom:22px}
.bp-scope .tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:8px 0 20px;overflow-x:auto}
.bp-scope .tab{padding:9px 14px;font-size:13px;font-weight:550;color:var(--muted);cursor:pointer;
  border-bottom:2px solid transparent;white-space:nowrap}
.bp-scope .tab:hover{color:var(--navy)}
.bp-scope .tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:650}
.bp-scope .panel{display:none;animation:bpfade .25s ease}
.bp-scope .panel.active{display:block}
@keyframes bpfade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.bp-scope .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.bp-scope .card + .card{margin-top:16px}
.bp-scope .card .ch{padding:15px 18px 0}
.bp-scope .card .ch h2{font-size:15px}
.bp-scope .card .ch p{margin:3px 0 0;font-size:12px;color:var(--muted)}
.bp-scope .card .cb{padding:16px 18px}
.bp-scope .verdict{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:18px;
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.bp-scope .vfac{padding:15px 16px;border-right:1px solid var(--line);position:relative}
.bp-scope .vfac:last-child{border-right:none}
.bp-scope .vfac .fnum{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--faint);text-transform:uppercase}
.bp-scope .vfac .fname{font-size:13px;font-weight:650;color:var(--navy);margin:3px 0 8px}
.bp-scope .vfac .badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:7px;padding:5px 9px}
.bp-scope .vfac .vsub{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.45}
.bp-scope .b-good{background:var(--good-bg);color:#157a40}
.bp-scope .b-warn{background:var(--warn-bg);color:#9a6309}
.bp-scope .b-poor{background:var(--poor-bg);color:#a82424}
.bp-scope .trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.bp-scope .mc{border:1px solid var(--line);border-radius:9px;padding:13px 14px;background:#fff}
.bp-scope .mc .mt{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.bp-scope .mc .pr{display:flex;align-items:baseline;gap:6px;margin:6px 0 2px}
.bp-scope .mc .pr .big{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}
.bp-scope .mc .pr .ord{font-size:13px;color:var(--faint)}
.bp-scope .mc .vals{font-size:11.5px;color:var(--muted);margin-top:6px}
.bp-scope .mc .vals b{color:var(--navy);font-weight:650}
/* Combined metric card (NAV return horizons / risk metrics) */
.bp-scope .mc-multi .mrows{margin-top:8px}
.bp-scope .mc-multi .mrow{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--line)}
.bp-scope .mc-multi .mrow:first-child{border-top:0;padding-top:2px}
.bp-scope .mc-multi .mrl{width:46px;flex:none;font-size:11px;font-weight:650;color:var(--navy)}
.bp-scope .mc-multi .mrq{flex:none;min-width:34px;text-align:center;font-size:12px;font-weight:700;
  font-variant-numeric:tabular-nums;padding:2px 6px;border-radius:5px}
.bp-scope .mc-multi .mrq small{font-size:8px;font-weight:600}
.bp-scope .mc-multi .mrv{margin-left:auto;text-align:right;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.bp-scope .mc-multi .mrv b{color:var(--navy);font-weight:650}
/* Fund header is a clickable action affordance (Profile / Load peer group) */
/* Fund name + 15(c) report link share one line. */
.bp-scope .fundhead .titlerow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
/* Prominent 15(c) report link in the fund header (replaces the Board Materials tab). */
.bp-scope .fundhead .rep15c{display:inline-flex;align-items:center;gap:7px;
  padding:6px 12px;border-radius:9px;background:#fbe9e7;border:1px solid #f3d3cf;color:#b5392f;
  font-size:12.5px;font-weight:650;text-decoration:none;transition:background .15s}
.bp-scope .fundhead .rep15c:hover{background:#f8ddd9}
.bp-scope .fundhead .rep15c .ricon{font-size:14px}
.bp-scope .fundhead .rep15c .ext{opacity:.6;font-weight:700}
.bp-scope .fundhead .fhlink{cursor:pointer;outline:none}
.bp-scope .fundhead h1.fhlink:hover,.bp-scope .fundhead h1.fhlink:focus-visible{color:var(--blue);text-decoration:underline}
.bp-scope .fundhead .tk.fhlink:hover{box-shadow:0 0 0 2px rgba(37,99,235,.4)}
.bp-scope .qtag{font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:5px;text-transform:uppercase}
.bp-scope .seltog{display:inline-flex;flex-wrap:wrap;gap:2px;background:#eef2f7;border-radius:8px;padding:3px;margin-bottom:18px;max-width:100%}
.bp-scope .seltog button{border:none;background:none;font:inherit;font-size:12px;font-weight:600;color:var(--muted);
  padding:6px 12px;border-radius:6px;cursor:pointer}
.bp-scope .seltog button.on{background:#fff;color:var(--navy);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.bp-scope .strip{position:relative;height:14px;border-radius:8px;margin:38px 2% 8px;
  background:linear-gradient(90deg,#bcd8b9 0%,#e9e3a8 50%,#e3aeae 100%)}
.bp-scope .strip.rev{background:linear-gradient(90deg,#e3aeae 0%,#e9e3a8 50%,#bcd8b9 100%)}
.bp-scope .tick{position:absolute;top:-34px;transform:translateX(-50%);text-align:center}
.bp-scope .tick .tl{font-size:9px;color:var(--faint);text-transform:uppercase;letter-spacing:.03em}
.bp-scope .tick .tv{font-size:11px;font-weight:650;color:var(--navy);font-variant-numeric:tabular-nums}
.bp-scope .tick:after{content:"";position:absolute;left:50%;top:25px;width:1px;height:9px;background:#c5cedb;transform:translateX(-.5px)}
.bp-scope .marker{position:absolute;top:-40px;transform:translateX(-50%);z-index:5}
.bp-scope .marker .lab{background:var(--navy);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap}
.bp-scope .marker .lab .pp{opacity:.7;font-weight:600;margin-left:4px}
.bp-scope .marker:after{content:"";position:absolute;left:50%;top:24px;width:2px;height:22px;background:var(--navy);transform:translateX(-1px)}
.bp-scope .strip-foot{font-size:11px;color:var(--muted);margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
.bp-scope .bp-table{width:100%;border-collapse:collapse;font-size:12.5px}
.bp-scope .bp-table thead th{text-align:left;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--faint);font-weight:700;padding:9px 10px;border-bottom:1px solid var(--line);cursor:pointer;user-select:none;white-space:nowrap}
.bp-scope .bp-table thead th.num{text-align:right}
.bp-scope .bp-table thead th:hover{color:var(--muted)}
.bp-scope .bp-table tbody td{padding:10px;border-bottom:1px solid #eef1f6;font-variant-numeric:tabular-nums}
.bp-scope .bp-table tbody td.lft{text-align:left;font-variant-numeric:normal}
.bp-scope .bp-table td.num{text-align:right}
.bp-scope .bp-table tbody tr.self{background:var(--blue-soft)}
.bp-scope .bp-table tbody tr.self td{font-weight:650;color:var(--navy)}
.bp-scope .bp-table tbody tr:hover:not(.self){background:#fafcff}
.bp-scope .tk-pill{font-weight:700;color:var(--navy);letter-spacing:.02em}
.bp-scope .rk{display:inline-block;min-width:34px;text-align:center;font-size:11px;font-weight:700;border-radius:5px;padding:2px 6px}
.bp-scope .pgroup{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);
  padding:14px 10px 6px;border-bottom:1px solid var(--line)}
.bp-scope .var{font-weight:650}
.bp-scope .var.up{color:var(--good)} .bp-scope .var.dn{color:var(--poor)} .bp-scope .var.flat{color:var(--muted)}
.bp-scope .ovgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:8px}
.bp-scope .ovstat{padding:14px 16px;border-right:1px solid var(--line)}
.bp-scope .ovstat:last-child{border:none}
.bp-scope .ovstat .ol{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.bp-scope .ovstat .ov{font-size:24px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums;margin-top:2px}
.bp-scope .ovstat .od{font-size:11px;color:var(--faint)}
.bp-scope .doc{display:flex;align-items:center;gap:13px;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:#fff}
.bp-scope .doc + .doc{margin-top:9px}
.bp-scope .doc .ic{width:38px;height:46px;flex:none;border-radius:5px;background:#fbe9e7;border:1px solid #f3d3cf;
  display:grid;place-items:center;font-size:9px;font-weight:800;color:#c0392b;letter-spacing:.03em}
.bp-scope .doc.xls .ic{background:#e6f4ea;border-color:#cce8d6;color:#1e7d40}
.bp-scope .doc .dmeta{flex:1;min-width:0}
.bp-scope .doc .dn{font-weight:600;font-size:13px;color:var(--navy)}
.bp-scope .doc .ds{font-size:11.5px;color:var(--muted);margin-top:2px}
.bp-scope .doc .dl{font-size:12px;font-weight:600;color:var(--blue);border:1px solid #cfe0f8;background:#f4f9ff;
  border-radius:7px;padding:7px 13px;cursor:pointer;white-space:nowrap}
.bp-scope .doc .dl:hover{background:#e9f3ff}
.bp-scope .docgroup{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:18px 0 9px}
.bp-scope .callout{font-size:12px;color:var(--muted);background:#f7f9fc;border-left:3px solid var(--blue);
  border-radius:0 8px 8px 0;padding:11px 14px;margin-top:14px;line-height:1.5}
.bp-scope .callout b{color:var(--navy)}
.bp-scope .footnote{font-size:11px;color:var(--faint);margin-top:26px;padding-top:14px;border-top:1px solid var(--line)}

/* methodology link + drawer (drawer/scrim appended INSIDE the pane) */
.bp-scope .methlink{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--blue);
  cursor:pointer;background:none;border:none;padding:0;margin-top:6px}
.bp-scope .methlink:hover{text-decoration:underline}
.bp-scope .bp-drawer-scrim{position:fixed;inset:0;background:rgba(20,40,70,.42);opacity:0;pointer-events:none;
  transition:opacity .2s;z-index:1060}
.bp-scope .bp-drawer-scrim.open{opacity:1;pointer-events:auto}
.bp-scope .bp-drawer{position:fixed;top:0;right:0;height:100vh;width:min(520px,94vw);background:#fff;
  box-shadow:-12px 0 40px rgba(20,40,70,.18);transform:translateX(100%);transition:transform .24s ease;
  z-index:1061;display:flex;flex-direction:column}
.bp-scope .bp-drawer.open{transform:none}
.bp-scope .bp-drawer .dh{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}
.bp-scope .bp-drawer .dh h2{font-size:16px}
.bp-scope .bp-drawer .dh p{margin:3px 0 0;font-size:12px;color:var(--muted)}
.bp-scope .bp-drawer .dh .x{margin-left:auto;border:none;background:none;font-size:20px;color:var(--faint);cursor:pointer;line-height:1}
.bp-scope .bp-drawer .db{padding:18px 20px;overflow-y:auto;flex:1}
.bp-scope .bp-drawer .db h3{font-size:13px;margin:18px 0 6px}
.bp-scope .bp-drawer .db h3:first-child{margin-top:0}
.bp-scope .bp-drawer .db p{font-size:12.5px;color:var(--muted);line-height:1.6;margin:0 0 8px}
.bp-scope .bp-drawer .db ul{margin:0 0 8px;padding-left:18px;font-size:12.5px;color:var(--muted);line-height:1.6}
.bp-scope .bp-drawer .df{padding:14px 20px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end}
.bp-scope .bp-drawer .df button{font:inherit;font-size:12.5px;font-weight:650;border-radius:8px;padding:8px 14px;cursor:pointer;
  border:1px solid #cfd7e3;background:#fff;color:var(--navy)}
.bp-scope .bp-drawer .meth-sec{scroll-margin-top:8px;border-radius:8px;padding:2px 8px;margin:0 -8px;transition:background .3s}
.bp-scope .bp-drawer .meth-sec.meth-flash{background:var(--blue-soft)}
.bp-scope .bp-drawer .meth-why{display:block;margin-top:2px;font-style:italic;color:var(--faint)}

/* loading / empty / error */
.bp-scope .bp-state{max-width:560px;margin:80px auto;text-align:center;color:var(--muted);font-size:14px}
.bp-scope .bp-state h2{font-size:18px;margin-bottom:8px}
.bp-scope .bp-spin{width:30px;height:30px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--blue);
  margin:0 auto 16px;animation:bpspin .8s linear infinite}
@keyframes bpspin{to{transform:rotate(360deg)}}

/* AG Grid theming tweaks to match the navy aesthetic */
.bp-scope .bp-grid.ag-theme-alpine{
  --ag-border-color:var(--line); --ag-header-background-color:#f6f8fb;
  --ag-odd-row-background-color:#fff; --ag-row-hover-color:#f7faff;
  --ag-font-family:'Inter',-apple-system,'Segoe UI',sans-serif; --ag-font-size:12.5px;
  --ag-header-foreground-color:var(--faint); --ag-foreground-color:var(--ink);
  --ag-selected-row-background-color:var(--blue-soft);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.bp-scope .bp-grid .ag-header-cell-text{text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:700}
.bp-scope .bp-grid .ag-row-pinned{background:var(--blue-soft) !important;font-weight:650;color:var(--navy)}
.bp-scope .bp-grid .ag-row-self{background:var(--blue-soft) !important;font-weight:650}
/* Cell padding only — vertical centering + horizontal alignment are set via
   inline cellStyle in trust-home.js so they always win over AG's own CSS. */
.bp-scope .bp-grid .ag-cell{padding-left:18px;padding-right:18px}
.bp-scope .bp-grid .ag-header-cell{padding-left:18px;padding-right:18px}
/* fund (left) cell */
.bp-scope .fundcell{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%}
.bp-scope .fundcell .fmeta{min-width:0;display:flex;flex-direction:column;justify-content:center}
.bp-scope .fundcell .badge2{width:42px;height:42px;flex:none;border-radius:10px;
  background:linear-gradient(135deg,#1e3a5f,#16273f);color:#cfe0f5;display:grid;place-items:center;
  font-weight:700;font-size:12px;letter-spacing:.02em}
.bp-scope .fundcell .fn{font-weight:650;color:var(--navy);font-size:14px;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-scope .fundcell .fc{font-size:11.5px;color:var(--faint);line-height:1.25;margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Fund cell is a clickable action affordance (opens the 3-action menu). */
.bp-scope .fundcell.fundlink{cursor:pointer;border-radius:8px;outline:none}
.bp-scope .fundcell.fundlink:hover .fn,
.bp-scope .fundcell.fundlink:focus-visible .fn{color:var(--blue);text-decoration:underline}
.bp-scope .fundcell.fundlink:hover .badge2{box-shadow:0 0 0 2px rgba(37,99,235,.35)}
/* Compact action menu reusing the shared popover-card chrome. */
.bp-fundmenu .bp-fundmenu__actions{display:flex;flex-direction:column;gap:4px}
.bp-fundmenu .v2-popover-card__action-btn{justify-content:flex-start;text-align:left;white-space:nowrap}
.bp-scope .bp-grid .ag-row:hover .chev{color:var(--blue)}
/* numeric (right) cells — stack value over chip/sparkline, right-aligned */
.bp-scope .ncell{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.bp-scope .ncell .v{font-weight:600;color:var(--ink);font-size:13.5px;font-variant-numeric:tabular-nums;line-height:1.1}
.bp-scope .ncell .spark{margin:0;line-height:0}
.bp-scope .ncell .spark svg{display:block}
.bp-scope .ncell .rkwrap{line-height:1}
/* AUM-history % change (1-Mo/3-Mo/1-Yr columns) */
.bp-scope .ncell .chg{font-size:11px;line-height:1.1;font-weight:600;font-variant-numeric:tabular-nums}
.bp-scope .ncell .chg.pos{color:var(--good)}
.bp-scope .ncell .chg.neg{color:var(--poor)}
.bp-scope .ncell .chg.flat{color:var(--faint)}
.bp-scope .ncell .v.pos{color:var(--good)}
.bp-scope .ncell .v.neg{color:var(--poor)}
.bp-scope .ncell .v.flat{color:var(--faint)}
.bp-scope .rep.pending{background:#f1f4f8;border-color:#e1e7ef;color:var(--muted);cursor:default}

/* toast — unique name, self-contained colors so it works even if attached to body */
.bp-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);
  background:#16273f;color:#fff;font-size:12.5px;padding:11px 18px;border-radius:9px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.25s;z-index:1050}
.bp-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.bp-toast.err{background:#7a1f1f}

@media (max-width:880px){
  .bp-scope .tstats{grid-template-columns:repeat(2,1fr)}
  .bp-scope .charts{grid-template-columns:1fr}
  .bp-scope .chartsgrid{grid-template-columns:1fr}
  .bp-scope .ctrlbar{gap:12px}
  .bp-scope .tgrid .gh,.bp-scope .grow{grid-template-columns:2fr 1fr 1.4fr 30px}
  .bp-scope .tgrid .gh span.hidem,.bp-scope .grow .hidem{display:none}
  .bp-scope .rail{display:none}
  .bp-scope .verdict,.bp-scope .trio{grid-template-columns:1fr}
  .bp-scope .vfac{border-right:none;border-bottom:1px solid var(--line)}
  .bp-scope .main{padding:18px}
  /* funnel steps stack vertically; connectors point down */
  .bp-scope .funnel-strip{flex-direction:column}
  .bp-scope .funnel-strip .fconn{width:100%;height:16px;transform:rotate(90deg)}
}

/* ============================================================
   DARK MODE
   The whole surface is variable-driven, so most of the work is a
   palette swap on .bp-scope. A few hard-coded light hexes (white
   cards, header strips, hover tints, toggle pills) need explicit
   overrides below. The percentile chips / rank pills keep their
   LIGHT semantic backgrounds (--good-bg/--warn-bg/--poor-bg) because
   their text color is set inline to a dark hex by BP.pctFg() — light
   pastel badges read cleanly on the dark cards.
============================================================ */
.dark-theme .bp-scope{
  --navy:#e7edf7;        /* repurposed: heading / emphasis TEXT (was a dark fill) */
  --navy-2:#24416b;
  --blue:#5b9bf0; --blue-soft:#16243b;
  --ink:#e6e9f0; --muted:#9aa6ba; --faint:#6b7689;
  --line:#232c3c; --surface:#141a26; --bg:#0c111a;
  --good:#34c77b; --warn:#e0a83a; --poor:#f0635f;
  /* good/warn/poor backgrounds stay light on purpose (see header note) */
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.38);
}

/* Surfaces (white cards) -> elevated dark surface */
.dark-theme .bp-scope .ctrlbar,
.dark-theme .bp-scope .chartcard,
.dark-theme .bp-scope .tgrid,
.dark-theme .bp-scope .verdict,
.dark-theme .bp-scope .mc,
.dark-theme .bp-scope .rail,
.dark-theme .bp-scope .lvl,
.dark-theme .bp-scope .doc,
.dark-theme .bp-scope .bp-drawer{background:var(--surface)}
.dark-theme .bp-scope .bp-drawer .df button{background:var(--surface);border-color:var(--line)}

/* Secondary / recessed fills (header strips, note boxes, chips) */
.dark-theme .bp-scope .tgrid .gh,
.dark-theme .bp-scope .frozen,
.dark-theme .bp-scope .ctog,
.dark-theme .bp-scope .seltog,
.dark-theme .bp-scope .rail .note,
.dark-theme .bp-scope .callout{background:#1b2230;border-color:var(--line)}

/* Row / list hovers */
.dark-theme .bp-scope .grow:hover,
.dark-theme .bp-scope .lvl:hover,
.dark-theme .bp-scope .bp-table tbody tr:hover:not(.self){background:#1a2233}
.dark-theme .bp-scope .lvl:hover{border-color:#33445e}

/* Funnel strip + inline level description (new light hexes need dark swaps) */
.dark-theme .bp-scope .funnelwrap{background:var(--surface);border-color:var(--line)}
.dark-theme .bp-scope .funnel-strip .lvl{background:var(--surface)}
.dark-theme .bp-scope .funnel-strip .lvl:hover{background:#1a2233}
.dark-theme .bp-scope .lvl-desc{background:#1b2230;border-color:var(--line)}
.dark-theme .bp-scope .lvl-desc .ld-chip{background:var(--surface);border-color:var(--line)}
.dark-theme .bp-scope .bp-help-btn{background:rgba(91,155,240,.12);border-color:rgba(91,155,240,.30);color:var(--blue)}
.dark-theme .bp-scope .bp-help-btn:hover{background:rgba(91,155,240,.18)}
.dark-theme .bp-scope .funnel-strip .fconn,
.dark-theme .bp-scope .funnel-summary i{color:#3a4458}
.dark-theme .bp-scope .grow{border-bottom-color:var(--line)}
.dark-theme .bp-scope .bp-table tbody td{border-bottom-color:var(--line)}

/* Segmented toggles: keep the hero (.dseg) white pill but restore dark text;
   restyle the on-card toggles (.ctog/.seltog) with a lifted selected pill. */
.dark-theme .bp-scope .dseg button.on{color:#16273f}
.dark-theme .bp-scope .ctog button,
.dark-theme .bp-scope .seltog button{color:var(--muted)}
.dark-theme .bp-scope .ctog button:hover,
.dark-theme .bp-scope .seltog button:hover{background:rgba(91,155,240,.12)}
.dark-theme .bp-scope .ctog button.on,
.dark-theme .bp-scope .seltog button.on{background:#2c3f5b;color:#fff;box-shadow:none}

/* Peer-distribution marker + ticks (marker used --navy as a dark fill) */
.dark-theme .bp-scope .marker .lab,
.dark-theme .bp-scope .marker:after{background:#2a4571}
.dark-theme .bp-scope .tick:after{background:#3a4458}

/* Red 15(c) report pills + blue upload pills -> translucent on dark */
.dark-theme .bp-scope .rep.linked,
.dark-theme .bp-scope .fundhead .rep15c{background:rgba(240,99,95,.12);border-color:rgba(240,99,95,.30);color:#f0837f}
.dark-theme .bp-scope .rep.linked:hover,
.dark-theme .bp-scope .fundhead .rep15c:hover{background:rgba(240,99,95,.18)}
.dark-theme .bp-scope .rep.upload,
.dark-theme .bp-scope .doc .dl{background:rgba(91,155,240,.12);border-color:rgba(91,155,240,.30);color:var(--blue)}
.dark-theme .bp-scope .rep.upload:hover,
.dark-theme .bp-scope .doc .dl:hover{background:rgba(91,155,240,.18)}
.dark-theme .bp-scope .rep.pending{background:#1b2230;border-color:var(--line);color:var(--muted)}
.dark-theme .bp-scope .doc .ic{background:rgba(240,99,95,.14);border-color:rgba(240,99,95,.28);color:#f0837f}
.dark-theme .bp-scope .doc.xls .ic{background:rgba(52,199,123,.14);border-color:rgba(52,199,123,.28);color:#5fd99a}

/* Confidential pill (amber) */
.dark-theme .bp-scope .confpill2{background:rgba(224,168,58,.12);border-color:rgba(224,168,58,.30);color:#e0a83a}

/* Verdict badges: lighten the dark foreground hexes for contrast on the
   light pastel backgrounds (which we keep). */
.dark-theme .bp-scope .b-good{color:#2f9c5d}
.dark-theme .bp-scope .b-warn{color:#9a6f1a}
.dark-theme .bp-scope .b-poor{color:#b53b36}

/* The big percentile numbers + strip footnote color themselves inline with
   BP.pctFg() dark hexes meant for a light surface. They now sit on a dark
   card, so brighten the inline color (band-agnostic, works for any value). */
.dark-theme .bp-scope .mc .pr .big,
.dark-theme .bp-scope .strip-foot b{filter:brightness(1.7) saturate(1.15)}

/* Drawer scrim a touch darker */
.dark-theme .bp-scope .bp-drawer-scrim{background:rgba(0,0,0,.55)}

/* AG grid (bp-grid): rows/cells/header are already dark via the global
   !important rules in v2-overlay.css. The Alpine theme paints the row hover
   as a ::before overlay tinted by --ag-row-hover-color, and the bp-grid sets
   that var to a LIGHT color (#f7faff) at higher specificity than the global
   dark rule — so the hover read as a light flash (or nothing) in dark mode.
   Override the variable itself (plus the hover class/pseudo) with a blue tint. */
.dark-theme .bp-scope .bp-grid.ag-theme-alpine{--ag-row-hover-color:rgba(91,155,240,.18)}
.dark-theme .bp-scope .bp-grid .ag-row-hover,
.dark-theme .bp-scope .bp-grid .ag-row:hover{background-color:rgba(91,155,240,.16)!important}
.dark-theme .bp-scope .bp-grid .ag-row-pinned,
.dark-theme .bp-scope .bp-grid .ag-row-self{background:var(--blue-soft)!important;color:var(--navy)}

/* Pane scrollbars */
.dark-theme #v2-board-portal-home.v2-tool-pane.active,
.dark-theme #v2-board-portal-fund.v2-tool-pane.active{scrollbar-color:#2c3647 transparent}
.dark-theme #v2-board-portal-home.v2-tool-pane.active::-webkit-scrollbar-thumb,
.dark-theme #v2-board-portal-fund.v2-tool-pane.active::-webkit-scrollbar-thumb{background:#2c3647;background-clip:content-box}
.dark-theme #v2-board-portal-home.v2-tool-pane.active::-webkit-scrollbar-thumb:hover,
.dark-theme #v2-board-portal-fund.v2-tool-pane.active::-webkit-scrollbar-thumb:hover{background:#3a4658;background-clip:content-box}
