Add search toggles, path filters, and find/replace functionality

frontend/style.css

@@ -5745,6 +5745,72 @@ body.popup-mode .content-area {
   font-size: 0.85rem;
 }
 
+/* ── Enhanced Search Bar Toggles ── */
+.search-actions .tog {
+  font-family: var(--font-mono, monospace);
+  font-size: 10px;
+  font-weight: 600;
+  padding: 2px 5px;
+  border-radius: 3px;
+  min-width: auto;
+  line-height: 1.4;
+}
+.search-actions .tog.active {
+  color: var(--accent);
+  border-color: var(--accent);
+  background: rgba(99, 102, 241, 0.12);
+}
+.search-actions .icon-only {
+  padding: 2px 4px;
+  min-width: auto;
+}
+.search-sep {
+  width: 1px;
+  height: 16px;
+  background: var(--border);
+  margin: 0 2px;
+  align-self: center;
+}
+.search-count {
+  font-size: 10px;
+  color: var(--text-muted);
+  font-family: var(--font-mono, monospace);
+  white-space: nowrap;
+  min-width: 28px;
+  text-align: center;
+}
+.search-filter-row, .search-replace-row {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  padding: 4px 0 0 0;
+}
+.search-filter-input {
+  flex: 1;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  color: var(--text-primary);
+  font-family: var(--font-mono, monospace);
+  font-size: 11px;
+  padding: 4px 8px;
+  outline: none;
+}
+.search-filter-input:focus { border-color: var(--accent); }
+.search-filter-input::placeholder { color: var(--text-muted); }
+.search-replace-btn {
+  padding: 4px 10px;
+  font-size: 11px;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  background: var(--bg-secondary);
+  color: var(--text-primary);
+  cursor: pointer;
+  white-space: nowrap;
+}
+.search-replace-btn:hover { background: var(--bg-hover); }
+.search-replace-btn.destructive { border-color: var(--text-error); color: var(--text-error); }
+
 /* ── Dashboard Tab Navigation ── */
 .dashboard-tabs {
   display: flex;