Fix search modal layout by adding missing CSS classes

Co-authored-by: brunoborges <129743+brunoborges@users.noreply.github.com>

Author: Copilot

site/styles.css

@@ -1120,13 +1120,24 @@ nav {
   overflow: hidden;
 }
 
-.search-input {
-  width: 100%;
+.search-input-wrap {
+  display: flex;
+  align-items: center;
+  gap: 12px;
   padding: 16px 20px;
+  border-bottom: 1px solid var(--border);
+}
+
+.search-input-wrap svg {
+  flex-shrink: 0;
+  color: var(--text-muted);
+}
+
+.search-input {
+  flex: 1;
   font-size: 1rem;
   background: transparent;
   border: none;
-  border-bottom: 1px solid var(--border);
   color: var(--text);
   outline: none;
 }
@@ -1135,6 +1146,19 @@ nav {
   color: var(--text-muted);
 }
 
+.search-esc {
+  flex-shrink: 0;
+  font-size: 0.7rem;
+  font-weight: 600;
+  padding: 4px 8px;
+  border-radius: 6px;
+  border: 1px solid var(--border);
+  background: var(--surface-2);
+  color: var(--text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
 .search-results {
   max-height: 400px;
   overflow-y: auto;
@@ -1166,6 +1190,26 @@ nav {
   color: var(--text-muted);
 }
 
+.search-footer {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 10px 16px;
+  border-top: 1px solid var(--border);
+  font-size: 0.75rem;
+  color: var(--text-muted);
+}
+
+.search-footer kbd {
+  font-family: 'Inter', sans-serif;
+  font-size: 0.7rem;
+  padding: 2px 6px;
+  border-radius: 4px;
+  border: 1px solid var(--border);
+  background: var(--surface-2);
+  color: var(--text-muted);
+}
+
 /* ---------- Footer ---------- */
 footer {
   text-align: center;