/* brokers.css — Brokers page styling for the Algo app.
*
* Ported 1:1 from the Options app's brokers UI (the self-contained .brk-* rule
* set that ships inside options-analytics/web/brokers.js → injectStyle()).
* brokers.js still self-injects the same rules at render time (kept VERBATIM),
* but those rules reference theme vars with OPTIONS literal fallbacks
* (--panel-2, --amber, --text-2, --row-hover) that the Algo theme doesn't
* define. This file:
* 1. Maps those missing vars onto Algo's palette (scoped to .brk-root +
* .brk-modal-bk) so the page inherits Algo's BLUE theme instead of the
* baked-in Options literals, and
* 2. Re-declares the brokers-page .brk-* rules using Algo's CSS vars
* (var(--accent)/--panel/--panel2/--border/--text/--muted/--red/--green)
* so the layout is correct even without the JS injection.
*
* Linked from index.html as .
* A separate file keeps the ~675 KB index.html manageable.
*/
/* ── Theme-var bridge: Algo defines --accent/--panel/--panel2/--border/--text/
* --muted/--red/--green/--bg/--green-soft/--accent-soft but NOT --panel-2/
* --amber/--text-2/--row-hover, which the JS-injected rules reference (with
* Options literal fallbacks). Map the missing vars onto Algo's palette so the
* page inherits Algo's BLUE theme. brokers.js's injectStyle() also scopes a
* periwinkle "--accent:#8fb8ff" to .brk-root; the :root prefix below raises
* specificity so Algo's own --accent wins regardless of