Refine order list layout and client card

app/components/ui/SectionSearchHero.vue

@@ -21,7 +21,7 @@ function updateValue(event: Event) {
     <slot name="tabs" />
 
     <div class="flex flex-col gap-3 md:flex-row md:items-center">
-      <label class="input input-bordered flex w-full flex-1 items-center gap-3 rounded-full bg-white">
+      <label class="flex w-full flex-1 items-center gap-3 rounded-full border border-[#d7e9de] bg-white px-4 py-3 transition focus-within:border-[#139957] focus-within:shadow-[0_0_0_3px_rgba(19,153,87,0.12)]">
         <svg
           class="h-4 w-4 shrink-0 text-base-content/45"
           viewBox="0 0 20 20"
@@ -46,7 +46,7 @@ function updateValue(event: Event) {
         <input
           :value="props.modelValue"
           type="text"
-          class="grow"
+          class="min-w-0 grow bg-transparent text-sm text-[#123824] outline-none placeholder:text-[#7b9487]"
           :placeholder="props.searchPlaceholder"
           @input="updateValue"
         >