일목균형표 수정

frontend/src/styles/verificationBoard.css

@@ -850,16 +850,22 @@
   background: var(--hover);
 }
 
-/* 검증 이슈 알림 팝업 */
+/* 검증 이슈 알림 팝업 — body 포털(.app 밖) · 매매 시그널 팝업(tsn-)과 동일 톤 */
+html.theme-dark .vbd-toast-stack,
+html.theme-light .vbd-toast-stack,
+html.theme-blue .vbd-toast-stack {
+  color: var(--text);
+}
+
 .vbd-toast-stack {
   position: fixed;
   left: 16px;
   bottom: 16px;
-  z-index: 6500;
+  z-index: 20002;
   display: flex;
   flex-direction: column;
   gap: 10px;
-  width: min(360px, calc(100vw - 32px));
+  width: min(380px, calc(100vw - 32px));
   pointer-events: none;
 }
 
@@ -869,31 +875,42 @@
   justify-content: space-between;
   gap: 8px;
   pointer-events: auto;
+  padding-bottom: 2px;
 }
 
 .vbd-toast-toolbar-label {
   font-size: 11px;
   font-weight: 600;
-  color: var(--text-muted);
+  color: var(--text2, var(--text-muted));
 }
 
 .vbd-toast-dismiss-all {
-  border: none;
-  background: transparent;
-  color: var(--accent);
   font-size: 11px;
+  padding: 5px 12px;
+  border-radius: 6px;
+  border: 1px solid var(--border, rgba(122, 162, 247, 0.2));
+  background: var(--bg3, #1a1b26);
+  color: var(--text2, #a9b1d6);
   cursor: pointer;
-  padding: 2px 4px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
+  transition: background 0.15s, color 0.15s, border-color 0.15s;
+}
+
+.vbd-toast-dismiss-all:hover {
+  background: var(--bg4, var(--hover));
+  color: var(--text);
+  border-color: color-mix(in srgb, var(--accent) 45%, var(--border));
 }
 
 .vbd-toast-card {
   pointer-events: auto;
-  padding: 12px 14px;
+  padding: 12px 14px 10px;
   border-radius: 10px;
-  border: 1px solid var(--border);
-  background: var(--panel);
-  box-shadow: var(--popup-shadow);
-  animation: vbd-toast-in 0.22s ease-out;
+  border: 1px solid var(--border, rgba(122, 162, 247, 0.25));
+  background: var(--bg2, #1e2030);
+  color: var(--text);
+  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
+  animation: vbd-toast-in 0.28s cubic-bezier(0.22, 1, 0.36, 1);
 }
 
 @keyframes vbd-toast-in {
@@ -915,50 +932,71 @@
 .vbd-toast-kind {
   margin: 0 0 4px;
   font-size: 11px;
-  color: var(--text-muted);
+  font-weight: 500;
+  color: var(--text2, var(--text-muted));
+  line-height: 1.35;
 }
 
 .vbd-toast-title {
   margin: 0;
-  font-size: 14px;
+  font-size: 13px;
   font-weight: 600;
-  line-height: 1.35;
+  line-height: 1.4;
+  color: var(--text);
   word-break: break-word;
 }
 
 .vbd-toast-close {
+  flex-shrink: 0;
   border: none;
   background: transparent;
-  color: var(--text-muted);
-  font-size: 14px;
-  cursor: pointer;
-  padding: 0 2px;
+  color: var(--text3, var(--text-muted));
+  font-size: 18px;
   line-height: 1;
+  cursor: pointer;
+  padding: 0 4px;
+  transition: color 0.15s;
+}
+
+.vbd-toast-close:hover {
+  color: var(--text);
 }
 
 .vbd-toast-meta {
   margin-top: 8px;
 }
 
+.vbd-toast-meta .vbd-stage-badge {
+  font-size: 10px;
+}
+
 .vbd-toast-actions {
   display: flex;
   justify-content: flex-end;
   margin-top: 10px;
+  padding-top: 2px;
 }
 
 .vbd-toast-go {
   display: inline-flex;
   align-items: center;
   gap: 6px;
-  padding: 6px 10px;
+  padding: 6px 12px;
   border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border));
   border-radius: 6px;
-  background: color-mix(in srgb, var(--accent) 10%, var(--panel));
+  background: color-mix(in srgb, var(--accent) 12%, var(--bg2, var(--panel)));
   color: var(--accent);
   font-size: 12px;
+  font-weight: 500;
   cursor: pointer;
+  transition: background 0.15s, border-color 0.15s;
 }
 
 .vbd-toast-go:hover {
-  background: color-mix(in srgb, var(--accent) 18%, var(--panel));
+  background: color-mix(in srgb, var(--accent) 22%, var(--bg2, var(--panel)));
+  border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
+}
+
+.vbd-toast-go svg {
+  flex-shrink: 0;
 }