updated the ui

src/components/nearle_components/LocationAutocomplete.js

@@ -52,28 +52,26 @@ const LocationAutocomplete = forwardRef(
     // Helpers (only used by pill variant) — match the deliveries page's
     // token shorthand so the same opacity ramp is applied here.
     const a = (suffix) => `${accentColor}${suffix}`;
-    const tint = a('08');
     const ring = a('26');
-    const edge = a('55');
     const soft = a('18');
 
     const pillSx = pill
       ? {
           cursor: 'pointer',
           '& .MuiOutlinedInput-root': {
-            borderRadius: '999px',
-            bgcolor: tint,
+            borderRadius: '10px',
+            bgcolor: '#ffffff',
             fontWeight: 600,
             color: '#0f172a',
             paddingRight: '8px',
             cursor: 'pointer',
-            transition: 'border-color 0.15s, box-shadow 0.15s, background-color 0.2s',
-            '& fieldset': { borderColor: edge, borderWidth: 1.5 },
-            '&:hover fieldset': { borderColor: accentColor },
+            transition: 'border-color 0.15s, box-shadow 0.15s',
+            '& fieldset': { borderColor: '#e2e8f0', borderWidth: 1 },
+            '&:hover fieldset': { borderColor: '#cbd5e1' },
             '&.Mui-focused': { boxShadow: `0 0 0 3px ${ring}` },
-            '&.Mui-focused fieldset': { borderColor: accentColor, borderWidth: 2 }
+            '&.Mui-focused fieldset': { borderColor: accentColor, borderWidth: 1.5 }
           },
-          '& .MuiAutocomplete-endAdornment .MuiSvgIcon-root': { color: accentColor }
+          '& .MuiAutocomplete-endAdornment .MuiSvgIcon-root': { color: '#94a3b8' }
         }
       : {};