006-groups-manage: управление группами (4 файла по состояниям); в ленте «＋» заменён карандашом

approved/001-sidebar-utility.html

@@ -46,6 +46,10 @@
   }
   .folder.active { color: var(--fg); border-color: var(--accent); background: rgba(106,178,242,.12); }
   .folder .cnt { color: var(--badge); font-weight: 600; margin-left: 4px; }
+  /* кнопка «Группы» — не папка, а действие: держим справа, отдельно от чипов */
+  .folder.act { margin-left: auto; background: transparent; color: var(--dim);
+    display: grid; place-items: center; padding: 5px 9px; font-size: 13px; }
+  .folder.act:hover { color: var(--fg); background: var(--panel2); }
 
   .chat-list { flex: 1; overflow-y: auto; padding: 4px 8px 12px; }
   .chat-row {
@@ -209,7 +213,7 @@
       <div class="folder active">Все чаты <span class="cnt">3</span></div>
       <div class="folder">Работа</div>
       <div class="folder">Дом</div>
-      <div class="folder">＋</div>
+      <div class="folder act" title="Группы: добавить, изменить, удалить">✎</div>
     </div>
 
     <div class="chat-list" id="chatList">