Isolate compact folder tree controls

server/public/styles.css

@@ -395,10 +395,17 @@
 
 .u-nav .tree-caret,
 .u-nav .tree-label {
+  appearance: none;
   background: transparent;
   border: 0;
   border-radius: 6px;
+  box-shadow: none;
+  cursor: pointer;
+  letter-spacing: normal !important;
+  margin: 0 !important;
   min-height: 26px;
+  text-transform: none !important;
+  user-select: none;
 }
 
 .u-nav .tree-caret {
@@ -406,6 +413,7 @@
   display: inline-flex;
   flex: 0 0 24px;
   justify-content: center;
+  line-height: 1;
   padding: 0;
   width: 24px;
 }
@@ -415,7 +423,8 @@
   width: 13px;
 }
 
-.u-nav .tree-caret:disabled {
+.u-nav .tree-caret.disabled {
+  cursor: default;
   opacity: 0.22;
 }
 
@@ -424,11 +433,12 @@
   color: inherit;
   display: flex;
   flex: 1;
+  font: 500 12px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
   gap: 5px !important;
   justify-content: flex-start !important;
   min-width: 0;
   overflow: hidden;
-  padding: 0 5px 0 2px;
+  padding: 0 5px 0 0 !important;
   text-align: left !important;
 }
 
@@ -443,6 +453,12 @@
   border-color: transparent;
 }
 
+.u-nav .tree-label:focus-visible,
+.u-nav .tree-caret:focus-visible {
+  outline: 2px solid color-mix(in srgb, var(--accent) 72%, transparent);
+  outline-offset: -2px;
+}
+
 .u-nav .tree-label.drop-target {
   background: var(--accent-soft);
   box-shadow: inset 0 0 0 1px var(--accent);