From 5e1b49c4de98514de57a46c4074e4190bf33ed2f Mon Sep 17 00:00:00 2001
From: FluxKit <flux@kronos-soulution.de>
Date: Wed, 25 Feb 2026 13:05:13 +0000
Subject: [PATCH] fix: Replace @apply with plain CSS for Tailwind compatibility

---
 src/views/InboxView.vue | 34 +++++++++++++++++++++++++++++++---
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/src/views/InboxView.vue b/src/views/InboxView.vue
index af65e5f..f8beb1d 100644
--- a/src/views/InboxView.vue
+++ b/src/views/InboxView.vue
@@ -533,15 +533,43 @@ onMounted(() => {
 
 <style scoped>
 .btn-primary {
-  @apply px-4 py-2 bg-primary-500 hover:bg-primary-600 text-white font-medium rounded-lg transition-colors;
+  padding: 0.5rem 1rem;
+  background-color: rgb(99 102 241);
+  color: white;
+  font-weight: 500;
+  border-radius: 0.5rem;
+  transition: background-color 0.2s;
+}
+.btn-primary:hover {
+  background-color: rgb(79 70 229);
 }
 
 .btn-secondary {
-  @apply px-4 py-2 bg-pulse-border hover:bg-pulse-border-hover text-white font-medium rounded-lg transition-colors;
+  padding: 0.5rem 1rem;
+  background-color: rgb(55 65 81);
+  color: white;
+  font-weight: 500;
+  border-radius: 0.5rem;
+  transition: background-color 0.2s;
+}
+.btn-secondary:hover {
+  background-color: rgb(75 85 99);
 }
 
 .input-field {
-  @apply bg-pulse-bg border border-pulse-border rounded-lg px-3 py-2 text-white placeholder-pulse-muted focus:outline-none focus:border-primary-500 transition-colors;
+  background-color: rgb(17 24 39);
+  border: 1px solid rgb(55 65 81);
+  border-radius: 0.5rem;
+  padding: 0.5rem 0.75rem;
+  color: white;
+  transition: border-color 0.2s;
+}
+.input-field::placeholder {
+  color: rgb(107 114 128);
+}
+.input-field:focus {
+  outline: none;
+  border-color: rgb(99 102 241);
 }
 
 .line-clamp-2 {