Remove remaining mentions of fabs

assets/style.css

@@ -217,23 +217,9 @@ footer {
     padding: 0.3rem var(--space-3);
     white-space: nowrap;
 }
-.btn-fab {
-    background: var(--bg-panel);
-    border: var(--border);
-    width: 3rem;
-    height: 3rem;
-    font-size: 1.5rem;
-    line-height: 1;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-}
-.btn-fab::before, .btn-fab::after { content: none; }
-.btn-fab:hover { background: var(--bg-panel-hover); color: var(--primary-hover); }
 .btn[hidden] {display: none;}
 .danger { color: var(--danger); }
 .danger:hover { color: var(--danger-hover); }
-/* Selected segmented-toggle button (view-settings modal). */
 .btn.is-active { color: var(--primary-hover); }
 
 /* === Form controls ===
@@ -685,7 +671,13 @@ aside.sidebar:empty { display: none; }
     border-bottom: var(--border-dashed);
     flex-shrink: 0;
 }
-.overlay-close { width: 2.5rem; height: 2.5rem; font-size: 1.5rem; }
+.overlay-close {
+    width: 2.5rem;
+    height: 2.5rem;
+    font-size: 1.5rem;
+}
+.overlay-close::before, .overlay-close::after { content: none; }
+.overlay-close:hover { background: var(--bg-panel-hover); color: var(--primary-hover); }
 .overlay-body {
     flex: 1;
     overflow-y: auto;
@@ -749,12 +741,7 @@ aside.sidebar:empty { display: none; }
 }
 .tree-row.is-active > .tree-name { color: var(--primary-hover); }
 
-/* === Tree sidebar (persistent left navigation rail) ===
-   Reuses the .tree-row / .tree-children / .tree-name / .tree-chevron modules.
-   Desktop: a full-height flex column in the app-shell (composes with .col)
-   holding the tree's own scroll region. Mobile: not laid out inline — its
-   content is surfaced through the Overlay via the stacked FABs (see
-   responsive). */
+/* Tree sidebar (persistent navigation) */
 .tree-sidebar {
     width: var(--tree-width);
     flex-shrink: 0;
@@ -845,13 +832,7 @@ aside.sidebar:empty { display: none; }
 
 /* === Responsive === */
 @media (max-width: 1100px) {
-    /* Rails are not laid out inline on mobile — their content is surfaced
-       through the Overlay via the stacked FABs. The <aside> elements stay in
-       the DOM (their JS renders into them and the Overlay moves them in/out);
-       we only pull them out of the shell flow here. */
     .tree-sidebar, .sidebar { display: none; }
-    /* Compact three-column header: logo left, search stretches the middle,
-       actions right. */
     header { grid-template-columns: auto 1fr auto; }
     .search-form { width: 100%; max-width: none; justify-self: stretch; }
 }
@@ -859,7 +840,7 @@ aside.sidebar:empty { display: none; }
 /* Show the actions menu items directly in the bar in desktop size */
 @media (min-width: 1101px) {
     .actions-toggle, .actions-special {display: none;}
-    .actions, .actions-menu, .actions.menu.is-open {display: contents;}
+    .actions, .actions-menu, .actions.dropdown-menu.is-open {display: contents;}
     .actions-menu .btn-block { width: auto; padding: 0;}
 }