전략알림 수정

frontend/src/App.css

@@ -11243,6 +11243,72 @@ html.theme-light .tam-disclaimer     { color: #90a4ae; }
   color: var(--text);
   overflow: hidden;
 }
+.tnl-page--with-right .tnl-body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+}
+.tnl-page--with-right .tnl-main {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tnl-page--with-right .tnl-right {
+  flex: 0 0 min(380px, 38vw);
+  width: min(380px, 38vw);
+  min-width: 300px;
+  max-width: 420px;
+  display: flex;
+  flex-direction: column;
+  border-left: 1px solid var(--border);
+  background: var(--bg2);
+  overflow: hidden;
+}
+.tnl-right-tabs {
+  flex-shrink: 0;
+  border-bottom: 1px solid var(--border);
+}
+.tnl-right-body {
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.tnl-page--with-right .ptd-right-body {
+  flex: 1;
+  min-height: 0;
+}
+.tnl-page--with-right .ptd-split-panel--right {
+  height: 100%;
+}
+.tnl-page--with-right .ptd-ob-stack--fill {
+  height: 100%;
+}
+.tnl-row--selected {
+  border-color: var(--accent, #7aa2f7);
+  box-shadow: 0 0 0 1px rgba(122, 162, 247, 0.35);
+}
+.tnl-row-action {
+  flex-shrink: 0;
+  align-self: center;
+  margin-right: 4px;
+  padding: 6px 10px;
+  font-size: 11px;
+  border-radius: 4px;
+  border: 1px solid var(--border);
+  background: var(--bg3);
+  color: var(--text2);
+  cursor: pointer;
+}
+.tnl-row-action:hover {
+  color: var(--text);
+  border-color: var(--accent, #7aa2f7);
+}
 .tnl-header {
   padding: 20px 24px 12px;
   border-bottom: 1px solid var(--border);