fix support issue

src/pages/support/components/AdminSupportMessages.vue

@@ -63,7 +63,7 @@
                   "
                   :style="{ opacity: getSwipeOpacity(message.id) }"
                 >
-                  ↩
+                  <BaseIcon icon="vuesax-linear:undo" size="16" />
                 </div>
                 <div
                   :style="getSwipeStyle(message)"
@@ -215,9 +215,13 @@
                   <BaseButton
                     class="admin-reply-button"
                     title="پاسخ"
+                    @pointerdown.stop
+                    @pointerup.stop
+                    @pointercancel.stop
+                    @pointermove.stop
                     @click.stop="emit('reply', message)"
                   >
-                    <div class="w-1rem h-1rem flex justify-center flex items-center mt-1">↩</div>
+                    <BaseIcon icon="vuesax-linear:undo" size="16" />
                   </BaseButton>
                 </div>
               </div>
@@ -904,6 +908,8 @@ AdminSupport .admin-bubble__image-wrap {
 
 .admin-day-group {
   display: block;
+  position: relative;
+  isolation: isolate;
 }
 
 .admin-day-sticky {
@@ -923,12 +929,13 @@ AdminSupport .admin-bubble__image-wrap {
   justify-content: center;
   padding: 7px 14px;
   border-radius: 999px;
-  background: color-mix(in srgb, var(--admin-bg-elevated, #fff) 88%, transparent);
+  background: var(--admin-bg-elevated, #fff);
   border: 1px solid var(--admin-border, #e4e4e7);
   color: var(--admin-text-muted, #3f3f46);
-  backdrop-filter: blur(8px);
   font-size: 12px;
   font-weight: 700;
+  line-height: 1.4;
+  white-space: nowrap;
   box-shadow: 0 6px 20px var(--admin-shadow, rgba(15, 23, 42, 0.06));
 }
 
@@ -1210,11 +1217,14 @@ AdminSupport .admin-bubble__image-wrap {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  font-size: 18px;
   line-height: 1;
   box-shadow: 0 6px 14px rgba(15, 23, 42, 0.045);
 }
 
+.admin-reply-button :deep(svg) {
+  display: block;
+}
+
 .admin-typing {
   display: flex;
   align-items: center;
@@ -1660,7 +1670,6 @@ AdminSupport .admin-bubble__image-wrap {
     width: 32px;
     height: 32px;
     flex: 0 0 32px;
-    font-size: 17px;
   }
 
   .admin-message-row--out .admin-reply-button {
@@ -1858,7 +1867,7 @@ html.is-dark .admin-jump-bottom,
 html.is-dark .admin-day-chip {
   color: var(--admin-text-muted);
   border-color: var(--admin-border);
-  background: color-mix(in srgb, var(--admin-bg-elevated) 92%, transparent);
+  background: var(--admin-bg-elevated);
 }
 
 html.is-dark .admin-bubble--in {
@@ -1927,8 +1936,24 @@ html.is-dark .admin-reply-swipe-cue {
   color: var(--admin-gold-light, var(--colorPrimary, #2563eb));
 }
 
+html.is-dark .admin-bubble--in .admin-message__reply,
+html.is-dark .admin-bubble--out .admin-message__reply {
+  background: var(--admin-bg-muted) !important;
+}
+
+html.is-dark .admin-bubble--in .admin-message__reply-title {
+  color: var(--admin-gold-light, var(--colorPrimary, #2563eb)) !important;
+}
+
 html.is-dark .admin-bubble--in .admin-message__reply-text {
-  color: var(--admin-text-secondary);
+  color: var(--admin-text) !important;
+  opacity: 0.92;
+}
+
+html.is-dark .admin-bubble--out .admin-message__reply-title,
+html.is-dark .admin-bubble--out .admin-message__reply-text {
+  color: var(--admin-text) !important;
+  opacity: 0.92;
 }
 
 html.is-dark .typing-dot {