fix(web): scope mobile files tree styles to files sheet

Author: pallyoung

packages/web/src/styles/components.css

@@ -11580,7 +11580,7 @@ textarea.input {
   opacity: 1;
 }
 
-.file-tree-shell--mobile .file-tree-search {
+.mobile-sheet--files .file-tree-shell--mobile .file-tree-search {
   margin: 0;
   border-right: none;
   border-left: none;
@@ -11589,19 +11589,19 @@ textarea.input {
   background: transparent;
 }
 
-.file-tree-shell--mobile .file-tree {
+.mobile-sheet--files .file-tree-shell--mobile .file-tree {
   padding-bottom: 10px;
 }
 
-.file-tree-shell--mobile .tree-item {
+.mobile-sheet--files .file-tree-shell--mobile .tree-item {
   min-height: 40px;
   margin: 0;
   border-radius: 0;
   padding-top: 8px;
   padding-bottom: 8px;
 }
 
-.file-tree-shell--mobile .tree-item.selected {
+.mobile-sheet--files .file-tree-shell--mobile .tree-item.selected {
   padding-left: 14px;
   border-left: 2px solid color-mix(in srgb, var(--accent-blue) 88%, white 12%);
   background: color-mix(in srgb, var(--accent-blue) 12%, transparent);

packages/web/src/styles/components.theme.test.ts

@@ -1095,9 +1095,15 @@ describe("components.css theme-sensitive surfaces", () => {
       ".mobile-files-sheet__segment.active::after"
     );
     const mobileFilesTabAction = getLastRuleBlock(".mobile-files-sheet__tab-action");
-    const mobileFileSearch = getLastRuleBlock(".file-tree-shell--mobile .file-tree-search");
-    const mobileFileRow = getLastRuleBlock(".file-tree-shell--mobile .tree-item");
-    const mobileFileRowSelected = getLastRuleBlock(".file-tree-shell--mobile .tree-item.selected");
+    const mobileFileSearch = getLastRuleBlock(
+      ".mobile-sheet--files .file-tree-shell--mobile .file-tree-search"
+    );
+    const mobileFileRow = getLastRuleBlock(
+      ".mobile-sheet--files .file-tree-shell--mobile .tree-item"
+    );
+    const mobileFileRowSelected = getLastRuleBlock(
+      ".mobile-sheet--files .file-tree-shell--mobile .tree-item.selected"
+    );
     const supervisorRoot = getLastRuleBlock(".mobile-supervisor-sheet__root");
     const supervisorHeader = getLastRuleBlock(".mobile-supervisor-sheet__detail-header");
     const drawerItem = getLastRuleBlock(".mobile-workspace-drawer__item");