feat: SHIFT-CMD-F zoek functionaliteit toegevoegd

webui/html/style.css

@@ -524,6 +524,54 @@ button:disabled {
   border: 1px solid var(--color-border);
 }
 
+.search-card {
+  width: min(680px, calc(100vw - 32px));
+}
+
+.search-input {
+  width: 100%;
+}
+
+.search-results {
+  display: grid;
+  gap: 8px;
+  max-height: 320px;
+  overflow: auto;
+  margin-top: 10px;
+}
+
+.search-result {
+  display: grid;
+  gap: 2px;
+  width: 100%;
+  text-align: left;
+  padding: 10px 12px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  background: var(--color-elevated);
+}
+
+.search-result:hover {
+  border-color: var(--color-active-border);
+}
+
+.search-result-name {
+  font-weight: 600;
+  color: var(--color-text);
+}
+
+.search-result-path {
+  color: var(--color-muted);
+  font-size: 0.9rem;
+}
+
+.search-result-meta {
+  color: var(--color-muted);
+  font-size: 0.8rem;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
 .settings-card {
   position: relative;
   width: min(760px, calc(100vw - 32px));