Fix transparent AI avatar cutout and woven Mento logo mark.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/layouts/AppLayout.vue

@@ -760,30 +760,32 @@ onUnmounted(() => {
   padding: 0 0.35rem;
 }
 
-.desktop-topbar {
-  align-items: center;
-  justify-content: space-between;
-  gap: 1rem;
-  padding: 1.05rem 1.5rem 0.85rem;
-  position: sticky;
-  top: 0;
-  z-index: 20;
-  background: rgba(245, 247, 250, 0.9);
-  backdrop-filter: blur(10px);
-}
-
 .global-search {
   flex: 1;
-  max-width: 560px;
+  max-width: 620px;
+  margin-inline: auto;
   display: flex;
   align-items: center;
   gap: 0.7rem;
   background: #eef2f6;
   border-radius: 999px;
-  padding: 0.72rem 1rem;
+  padding: 0.78rem 1.1rem;
   border: 1px solid transparent;
 }
 
+.desktop-topbar {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 1rem;
+  padding: 1.05rem 1.5rem 0.85rem;
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  background: rgba(245, 247, 250, 0.92);
+  backdrop-filter: blur(10px);
+}
+
 .global-search:focus-within {
   background: #fff;
   border-color: #cbd5e1;