Constrain funds bar width and fold strategy rules.

Match page max-width on ultrawide and move the plan subtitle into a collapsible rules section under the funds strip.

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/styles/app.css

@@ -83,13 +83,32 @@ input {
   grid-template-rows: auto auto 1fr;
 }
 
+.funds-bar-shell {
+  border-bottom: 1px solid var(--line);
+  background: rgba(18, 22, 28, 0.96);
+}
+
+.funds-bar-inner {
+  width: 100%;
+  max-width: min(1680px, 100%);
+  margin: 0 auto;
+  padding: 0 20px;
+  box-sizing: border-box;
+}
+
+@media (min-width: 1800px) {
+  .funds-bar-inner {
+    max-width: 1760px;
+    padding-left: 28px;
+    padding-right: 28px;
+  }
+}
+
 .funds-bar {
   display: flex;
   flex-wrap: wrap;
   gap: 2px 0;
-  padding: 8px 12px;
-  border-bottom: 1px solid var(--line);
-  background: rgba(18, 22, 28, 0.96);
+  padding: 8px 0 4px;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
 }
@@ -128,6 +147,40 @@ input {
   font-variant-numeric: tabular-nums;
 }
 
+.funds-rules {
+  padding: 2px 10px 8px;
+  border-top: 1px solid rgba(30, 38, 48, 0.85);
+}
+
+.funds-rules-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin: 0;
+  padding: 0;
+  border: none;
+  background: transparent;
+  color: var(--muted);
+  font-size: 12px;
+  cursor: pointer;
+}
+
+.funds-rules-toggle:hover {
+  color: var(--text);
+}
+
+.funds-rules-chevron {
+  font-size: 11px;
+  opacity: 0.85;
+}
+
+.funds-rules-body {
+  margin: 6px 0 0;
+  font-size: 12px;
+  line-height: 1.45;
+  color: var(--muted);
+}
+
 .topnav {
   display: grid;
   grid-template-columns: 1fr auto 1fr;