투자관리 수정

frontend/src/styles/paperDashboard.css

@@ -742,7 +742,7 @@
 
 .bps-footer .ptd-metrics-grid {
   display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 8px;
 }
 
@@ -764,23 +764,37 @@
 .se-page .down { color: var(--se-down, #ef4444); }
 
 @media (max-width: 1200px) {
-  .bps-footer .ptd-metrics-grid { grid-template-columns: repeat(2, 1fr); }
 }
 
 /* legacy layout removed — shell handles page structure */
 .ptd-metric {
   display: flex;
-  align-items: flex-start;
-  gap: 8px;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
   padding: 8px 10px;
   border-radius: 10px;
   background: var(--bg2);
   border: 1px solid var(--border);
+  min-width: 0;
+}
+.ptd-metric-label {
+  flex-shrink: 0;
+  font-size: 10px;
+  font-weight: 600;
+  color: var(--text3);
+  white-space: nowrap;
+}
+.ptd-metric-value {
+  flex: 1;
+  min-width: 0;
+  font-size: 17px;
+  font-weight: 800;
+  line-height: 1.1;
+  text-align: right;
+  font-variant-numeric: tabular-nums;
+  color: var(--text);
 }
-.ptd-metric-icon { font-size: 16px; line-height: 1; }
-.ptd-metric-title { font-size: 10px; color: var(--text3); margin-bottom: 2px; }
-.ptd-metric-value { font-size: 17px; font-weight: 800; line-height: 1.1; color: var(--text); }
-.ptd-metric-sub { font-size: 9px; color: var(--text3); margin-top: 2px; }
 .ptd-metric--up .ptd-metric-value { color: #22c55e; }
 .ptd-metric--down .ptd-metric-value { color: #ef4444; }