Fix plan history detail modal unreadable text over stats table.

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

manual_trading_hub/static/app.css

@@ -2440,7 +2440,8 @@ button.btn-sm {
   background: var(--overlay);
 }
 
-.modal-panel {
+.modal-panel,
+.modal-card {
   position: relative;
   z-index: 1;
   width: 100%;
@@ -2452,6 +2453,29 @@ button.btn-sm {
   box-shadow: var(--shadow);
 }
 
+.modal-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+
+.modal-head h3 {
+  margin: 0;
+  font-family: var(--display);
+  font-size: 14px;
+  letter-spacing: 0.06em;
+}
+
+.plan-modal-close {
+  flex-shrink: 0;
+  min-width: 32px;
+  padding: 4px 8px;
+  font-size: 18px;
+  line-height: 1;
+}
+
 .modal-panel h3 {
   margin: 0 0 8px;
   font-family: var(--display);
@@ -7022,6 +7046,13 @@ body.funds-fullscreen-open {
 .plan-detail-k {
   color: var(--muted);
 }
+.plan-detail-v {
+  color: var(--text);
+  word-break: break-word;
+}
+.plan-detail-card {
+  width: min(480px, 94vw);
+}
 .plan-edit-card {
   width: min(520px, 94vw);
 }

manual_trading_hub/static/index.html

@@ -15,7 +15,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" />
   <noscript><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" /></noscript>
-  <link rel="stylesheet" href="/assets/app.css?v=20260614-calculator" />
+  <link rel="stylesheet" href="/assets/app.css?v=20260614-plan-detail" />
   <link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
   <script src="/assets/account_risk_badge.js?v=4"></script>
   <link rel="stylesheet" href="/assets/dashboard.css?v=20260612-dash-monitor-count" />