fix(sidebar): larger compass in brand icon — 18→22px SVG, 34→36px container, deeper gradient

ui/src/components/Sidebar.jsx

@@ -271,12 +271,12 @@ export default function Sidebar({ repos, reposLoading, activeRepo, onSelectRepo,
       <div className="sidebar-brand">
         {/* Icon container — Raycast-style rounded square with gradient + compass inside */}
         <div className="sidebar-brand-icon">
-          <svg width="18" height="18" viewBox="0 0 24 24" fill="none">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none">
             <path d="M12 2 L14.5 7 L12 12 L9.5 7 Z" fill="white"/>
-            <path d="M12 22 L13.5 17 L12 12 L10.5 17 Z" fill="white" opacity="0.40"/>
-            <path d="M22 12 L17 10.5 L12 12 L17 13.5 Z" fill="white" opacity="0.40"/>
-            <path d="M2 12 L7 10.5 L12 12 L7 13.5 Z" fill="white" opacity="0.40"/>
-            <circle cx="12" cy="12" r="1.4" fill="white"/>
+            <path d="M12 22 L13.5 17 L12 12 L10.5 17 Z" fill="white" opacity="0.50"/>
+            <path d="M22 12 L17 10.5 L12 12 L17 13.5 Z" fill="white" opacity="0.50"/>
+            <path d="M2 12 L7 10.5 L12 12 L7 13.5 Z" fill="white" opacity="0.50"/>
+            <circle cx="12" cy="12" r="1.6" fill="white"/>
           </svg>
         </div>
         <div style={{ flex: 1 }}>

ui/src/index.css

@@ -256,17 +256,18 @@ textarea:focus-visible {
 
 /* Keep icon styles for the collapsed rail (sidebar-collapsed-brand) */
 .sidebar-brand-icon {
-  width: 34px;
-  height: 34px;
-  background: linear-gradient(135deg, #3D6EE8 0%, #5B8FF9 50%, #7DABFF 100%);
-  border-radius: var(--radius-md);
+  width: 36px;
+  height: 36px;
+  background: linear-gradient(145deg, #2A5ED8 0%, #4A7FE8 45%, #6B9FFF 100%);
+  border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   box-shadow:
-    0 0 0 1px rgba(91, 143, 249, 0.28),
-    0 4px 16px rgba(91, 143, 249, 0.22);
+    0 0 0 1px rgba(91, 143, 249, 0.35),
+    0 4px 20px rgba(91, 143, 249, 0.30),
+    inset 0 1px 0 rgba(255, 255, 255, 0.25);
   flex-shrink: 0;
   position: relative;
   overflow: hidden;