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);
 }