diff --git a/nuxt4-app/app/components/ClienteMultiSelector.vue b/nuxt4-app/app/components/ClienteMultiSelector.vue
index 447dbfd..affebb8 100644
--- a/nuxt4-app/app/components/ClienteMultiSelector.vue
+++ b/nuxt4-app/app/components/ClienteMultiSelector.vue
@@ -12,6 +12,17 @@
       placeholder="Buscar clientes por nombre o cédula..."
       size="sm"
       ignore-filter
+      :ui="{
+        base: 'bg-[var(--brand-surface)] text-[var(--brand-text)] border border-[var(--brand-border)]',
+        placeholder: 'placeholder-[var(--brand-text-muted)]',
+        leadingIcon: 'text-[var(--brand-text-muted)]',
+        content: 'bg-[var(--brand-surface)] border border-[var(--brand-border)]',
+        item: 'text-[var(--brand-text)] data-highlighted:bg-[rgba(224,192,128,0.12)] data-highlighted:text-[var(--brand-text)]',
+        itemLeadingIcon: 'text-[var(--brand-text-muted)]',
+        tagsItem: 'bg-[rgba(224,192,128,0.14)] border border-[rgba(224,192,128,0.28)] text-[var(--brand-primary)]',
+        tagsItemText: 'text-[var(--brand-primary)]',
+        tagsItemDelete: 'text-[var(--brand-text-muted)] hover:text-[var(--brand-primary)] hover:bg-[rgba(224,192,128,0.2)]'
+      }"
       @update:model-value="onSelectionChange"
       @update:search-term="searchQuery = $event"
     >