From 5a931e9bb63c3bc289822d1c0c77a3db83d2d68d Mon Sep 17 00:00:00 2001
From: Sandro <mail@sandrodach.de>
Date: Tue, 27 Oct 2026 08:47:58 +0100
Subject: [PATCH] style(workspace): style selected note with panel background
 and accent border matching task list selection

---
 .../src/features/workspace/WorkspaceView.tsx   | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/src/features/workspace/WorkspaceView.tsx b/frontend/src/features/workspace/WorkspaceView.tsx
index 2f55c18..04e69ac 100644
--- a/frontend/src/features/workspace/WorkspaceView.tsx
+++ b/frontend/src/features/workspace/WorkspaceView.tsx
@@ -208,10 +208,10 @@ const FolderTreeItem: React.FC<FolderTreeItemProps> = ({
               onDragStart={(e) => handleDocDragStart(e, d.id)}
               onClick={() => onSelectDoc(d.id)}
               style={{ paddingLeft: `${(depth + 1) * 12 + 16}px` }}
-              className={`w-full flex items-center gap-2 pr-2 py-1.5 rounded-btn text-left text-xs cursor-pointer transition-colors ${
+              className={`w-full flex items-center gap-2 pr-2 py-1.5 rounded-btn text-left text-xs cursor-pointer border transition-colors ${
                 selectedDocId === d.id && subView === 'editor'
-                  ? 'bg-accent text-on-accent font-semibold'
-                  : 'text-main hover:bg-panel-elevated'
+                  ? 'bg-panel border-accent text-main font-semibold shadow-xs'
+                  : 'border-transparent text-main hover:bg-panel-elevated'
               }`}
             >
               <span className="shrink-0">{d.icon || '📝'}</span>
@@ -1144,10 +1144,10 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
                       setSubView('editor');
                       setMobileShowDetail(true);
                     }}
-                    className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-btn text-left text-xs cursor-pointer transition-colors ${
+                    className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-btn text-left text-xs cursor-pointer border transition-colors ${
                       selectedDocId === d.id && subView === 'editor'
-                        ? 'bg-accent text-on-accent font-semibold'
-                        : 'text-main hover:bg-panel-elevated'
+                        ? 'bg-panel border-accent text-main font-semibold shadow-xs'
+                        : 'border-transparent text-main hover:bg-panel-elevated'
                     }`}
                   >
                     <span>{d.icon || '📝'}</span>
@@ -1216,10 +1216,10 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
                       setSubView('editor');
                       setMobileShowDetail(true);
                     }}
-                    className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-btn text-left text-xs cursor-pointer transition-colors ${
+                    className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-btn text-left text-xs cursor-pointer border transition-colors ${
                       selectedDocId === d.id && subView === 'editor'
-                        ? 'bg-accent text-on-accent font-semibold'
-                        : 'text-main hover:bg-panel-elevated'
+                        ? 'bg-panel border-accent text-main font-semibold shadow-xs'
+                        : 'border-transparent text-main hover:bg-panel-elevated'
                     }`}
                   >
                     <span>{d.icon || '📝'}</span>