/* Extends the existing Super Intelligence components without changing that page. */
.bp-monitor { --ai-12:#336f64; --ai-13:#704fa1; --ai-14:#9d4a36; --ai-15:#52677b; --ai-16:#756019; --ai-17:#3b6a95; --ai-18:#914b7a; --ai-19:#4c7440; --ai-20:#ac5030; --ai-21:#496fa2; --ai-22:#8a5840; --ai-23:#5e6887; }
:root[data-bs-theme="dark"] .bp-monitor { --ai-12:#8fd9bd; --ai-13:#c6b7ef; --ai-14:#edae99; --ai-15:#b7cee9; --ai-16:#dfd394; --ai-17:#9ecae9; --ai-18:#e1b0d4; --ai-19:#b7d4a3; --ai-20:#eebda0; --ai-21:#accbfa; --ai-22:#e2bfab; --ai-23:#c5cce7; }
.ai-c12 { --ai-series:var(--ai-12); } .ai-c13 { --ai-series:var(--ai-13); } .ai-c14 { --ai-series:var(--ai-14); } .ai-c15 { --ai-series:var(--ai-15); } .ai-c16 { --ai-series:var(--ai-16); } .ai-c17 { --ai-series:var(--ai-17); } .ai-c18 { --ai-series:var(--ai-18); } .ai-c19 { --ai-series:var(--ai-19); } .ai-c20 { --ai-series:var(--ai-20); } .ai-c21 { --ai-series:var(--ai-21); } .ai-c22 { --ai-series:var(--ai-22); } .ai-c23 { --ai-series:var(--ai-23); }
.bp-catalog-note { color:var(--muted); font-size:.85rem; }
.bp-metric-views { border:0; padding:6px 0; display:flex; flex-wrap:wrap; gap:10px; margin:10px 0; min-width:0; }
.bp-metric-views legend { font-size:.8rem; margin-bottom:10px; }
.bp-metric-views label { display:flex; align-items:center; gap:9px; border:1px solid var(--rule); background:var(--paper); padding:10px 14px; font-size:.85rem; cursor:pointer; }
.bp-metric-views label:has(:checked) { border-color:var(--ink); }
.bp-metric-views input { accent-color:var(--ink); }
.bp-search { display:grid; gap:8px; margin-bottom:16px; }
.bp-search label { font-size:.85rem; }
.bp-search input { width:100%; background:var(--paper); color:var(--ink); border:1px solid var(--rule); padding:12px; min-height:44px; border-radius:0; }
.bp-search > span { color:var(--muted); font-size:.8rem; }
.bp-platform-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; max-height:460px; overflow:auto; padding:2px 8px 2px 2px; scrollbar-gutter:stable; }
.bp-platform { border:1px solid var(--rule); padding:12px; min-width:0; align-self:start; }
.bp-platform summary { cursor:pointer; font-family:Georgia,serif; font-size:1.15rem; padding:5px 0; overflow-wrap:anywhere; }
.bp-platform summary span { font: .75rem Arial,sans-serif; color:var(--muted); }
.bp-platform .ai-legend-item { border:0; border-top:1px solid var(--rule); margin-top:8px; padding:10px 4px; }
.bp-platform [hidden], .bp-platform-grid > [hidden], .bp-summary-table [hidden] { display:none!important; }
.bp-platform label:has(input:disabled) { cursor:default; opacity:.65; }
.bp-summary-table { min-width:1500px; }
.bp-summary-table th:first-child { min-width:240px; max-width:310px; }
.bp-summary-table td:nth-child(7) { min-width:185px; }
.bp-protocol-note { display:block; font-size:.76rem; line-height:1.6; font-weight:400; margin-top:10px; color:var(--muted); max-width:36ch; }
.bp-method-definitions { margin:25px 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.bp-method-definitions > div { border-top:1px solid var(--rule); padding-top:16px; }
.bp-method-definitions dt { font-weight:600; margin-bottom:10px; }
.bp-method-definitions dd { color:var(--muted); line-height:1.7; }
@media(min-width:1800px) { .bp-platform-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:900px) { .bp-platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .bp-method-definitions { grid-template-columns:1fr; gap:12px; } }
@media(max-width:640px) { .bp-platform-grid { grid-template-columns:1fr; max-height:440px; } .bp-metric-views { display:grid; grid-template-columns:1fr; gap:8px; } }

.bp-monitor { --ai-24:#8a3b62; --ai-25:#2d7073; --ai-26:#715939; --ai-27:#456593; --ai-28:#72588c; --ai-29:#546f34; --ai-30:#984b28; --ai-31:#446d74; }
:root[data-bs-theme="dark"] .bp-monitor { --ai-24:#efb2d0; --ai-25:#a6dbe0; --ai-26:#d7c0a3; --ai-27:#bfd3f0; --ai-28:#cebbdf; --ai-29:#c6dba9; --ai-30:#eac2a5; --ai-31:#b7dce5; }
.ai-c24 { --ai-series:var(--ai-24); } .ai-c25 { --ai-series:var(--ai-25); } .ai-c26 { --ai-series:var(--ai-26); } .ai-c27 { --ai-series:var(--ai-27); } .ai-c28 { --ai-series:var(--ai-28); } .ai-c29 { --ai-series:var(--ai-29); } .ai-c30 { --ai-series:var(--ai-30); } .ai-c31 { --ai-series:var(--ai-31); }