Custom icon and task bar added

frontend/css/components.css

@@ -174,7 +174,15 @@
   flex: 1;
   display: flex;
   align-items: center;
+  gap: 14px;
   padding: 0 18px;
+  min-width: 0;
+}
+
+.gd-toolbar-drag-space {
+  align-self: stretch;
+  flex: 1;
+  min-width: 40px;
 }
 
 /* Right section – view toggle + utility menu */
@@ -187,6 +195,38 @@
   flex-shrink: 0;
 }
 
+.gd-window-controls {
+  display: flex;
+  align-items: stretch;
+  flex-shrink: 0;
+  border-left: 1px solid rgba(229, 161, 62, 0.12);
+}
+
+.gd-window-control {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 46px;
+  height: 100%;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  color: var(--text-muted);
+  cursor: pointer;
+  transition: background 0.12s ease, color 0.12s ease;
+}
+
+.gd-window-control:hover {
+  background: rgba(229, 161, 62, 0.1);
+  color: var(--text-main);
+}
+
+.gd-window-close:hover {
+  background: var(--danger);
+  color: #ffffff;
+}
+
 .gd-external-actions {
   display: flex;
   align-items: center;