알림삭제 기능 추가

frontend/src/App.css

@@ -11317,6 +11317,58 @@ html.theme-light .tam-disclaimer     { color: #90a4ae; }
 .tnl-title { font-size: 20px; font-weight: 700; margin: 0 0 6px; }
 .tnl-sub { font-size: 13px; color: var(--text3); margin: 0 0 14px; }
 .tnl-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
+.tnl-toolbar-divider {
+  width: 1px;
+  height: 22px;
+  background: var(--border);
+  flex-shrink: 0;
+}
+.tnl-icon-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border-radius: 6px;
+  border: 1px solid var(--border);
+  background: var(--bg3);
+  color: var(--text2);
+  cursor: pointer;
+}
+.tnl-icon-btn:hover:not(:disabled) {
+  background: var(--bg4);
+  color: var(--text);
+  border-color: var(--accent, #7aa2f7);
+}
+.tnl-icon-btn:disabled {
+  opacity: 0.35;
+  cursor: not-allowed;
+}
+.tnl-icon-btn--danger:hover:not(:disabled) {
+  color: #f7768e;
+  border-color: rgba(247, 118, 142, 0.55);
+}
+.tnl-row-icon-btn {
+  flex-shrink: 0;
+  align-self: center;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  margin-right: 2px;
+  padding: 0;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--text3);
+  cursor: pointer;
+}
+.tnl-row-icon-btn:hover {
+  background: rgba(247, 118, 142, 0.12);
+  color: #f7768e;
+}
 .tnl-chip {
   font-size: 12px;
   padding: 4px 10px;