diff --git a/nuxt4-app/app/components/informe-ingresos/FiltrosPanel.vue b/nuxt4-app/app/components/informe-ingresos/FiltrosPanel.vue
index 2a76833..6ceed4a 100644
--- a/nuxt4-app/app/components/informe-ingresos/FiltrosPanel.vue
+++ b/nuxt4-app/app/components/informe-ingresos/FiltrosPanel.vue
@@ -62,6 +62,17 @@
               size="xs"
               icon="i-lucide-coffee"
               class="w-full"
+              :ui="{
+                root: 'focus-within:ring-1 focus-within:ring-[var(--brand-primary)] transition-shadow',
+                base: 'bg-[var(--brand-surface)] text-[var(--brand-text)] border border-[var(--brand-border)] focus:ring-1 focus:ring-[var(--brand-primary)] focus:border-[var(--brand-primary)]',
+                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)]',
+                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)]'
+              }"
             />
           </div>
         </Transition>
@@ -86,6 +97,17 @@
               size="xs"
               icon="i-lucide-check-circle"
               class="w-full"
+              :ui="{
+                root: 'focus-within:ring-1 focus-within:ring-[var(--brand-primary)] transition-shadow',
+                base: 'bg-[var(--brand-surface)] text-[var(--brand-text)] border border-[var(--brand-border)] focus:ring-1 focus:ring-[var(--brand-primary)] focus:border-[var(--brand-primary)]',
+                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)]',
+                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)]'
+              }"
             />
           </div>
         </Transition>
@@ -110,6 +132,17 @@
               size="xs"
               icon="i-lucide-map-pin"
               class="w-full"
+              :ui="{
+                root: 'focus-within:ring-1 focus-within:ring-[var(--brand-primary)] transition-shadow',
+                base: 'bg-[var(--brand-surface)] text-[var(--brand-text)] border border-[var(--brand-border)] focus:ring-1 focus:ring-[var(--brand-primary)] focus:border-[var(--brand-primary)]',
+                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)]',
+                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)]'
+              }"
             />
           </div>
         </Transition>
@@ -134,6 +167,17 @@
               size="xs"
               icon="i-lucide-star"
               class="w-full"
+              :ui="{
+                root: 'focus-within:ring-1 focus-within:ring-[var(--brand-primary)] transition-shadow',
+                base: 'bg-[var(--brand-surface)] text-[var(--brand-text)] border border-[var(--brand-border)] focus:ring-1 focus:ring-[var(--brand-primary)] focus:border-[var(--brand-primary)]',
+                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)]',
+                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)]'
+              }"
             />
           </div>
         </Transition>