Refresh profile header action icons

shine-UI/styles/components.css

@@ -4628,6 +4628,31 @@ html, body { overflow-x: hidden; }
   display: none;
 }
 
+.screen-content:has(> .dm-chat-screen) {
+  padding-top: 0;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(212, 175, 55, 0.65) rgba(255, 255, 255, 0.06);
+}
+
+.screen-content:has(> .dm-chat-screen)::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+  display: block;
+}
+
+.screen-content:has(> .dm-chat-screen)::-webkit-scrollbar-track {
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.screen-content:has(> .dm-chat-screen)::-webkit-scrollbar-thumb {
+  background: rgba(212, 175, 55, 0.7);
+  border-radius: 999px;
+}
+
+.screen-content:has(> .dm-chat-screen)::-webkit-scrollbar-thumb:hover {
+  background: rgba(240, 198, 76, 0.9);
+}
+
 .dm-messages-log {
   gap: 10px;
 }
@@ -5575,27 +5600,38 @@ html, body { overflow-x: hidden; }
 .profile-top-actions {
   display: flex;
   justify-content: flex-end;
+  gap: 8px;
 }
 
 .profile-top-action-btn {
-  height: 32px;
-  min-height: 32px;
-  padding: 0 10px;
-  font-size: 12px;
-  line-height: 1.15;
-  text-align: center;
-  white-space: pre-line;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  position: relative;
+  width: 42px;
+  height: 42px;
+  min-width: 42px;
+  min-height: 42px;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 14px;
 }
 
-.profile-top-menu-btn {
-  width: 32px;
-  min-width: 32px;
-  padding: 0;
-  font-size: 22px;
-  line-height: 1;
-  letter-spacing: 0;
+.profile-top-icon-btn img {
+  width: 22px;
+  height: 22px;
+  display: block;
+  opacity: 0.94;
+  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.34));
+}
+
+.profile-top-icon-btn.is-active {
+  border-color: rgba(212, 175, 55, 0.46);
+  background: rgba(212, 175, 55, 0.12);
+  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.08) inset, 0 10px 22px rgba(0, 0, 0, 0.22);
+}
+
+.profile-top-icon-btn:hover {
+  border-color: rgba(230, 236, 245, 0.28);
 }
 
 .profile-info-modal {