/* =========================================================================
   Tool sidebar collapse — applies to .tool-twopane and .bm-body layouts
   ========================================================================= */

/* The toggle button itself */
.tool-sidebar-toggle {
  width: 24px; height: 24px;
  border: 0; background: transparent;
  border-radius: 6px;
  color: var(--text-muted);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  font-family: inherit;
  flex-shrink: 0;
  transition: color 120ms, background 120ms;
}
.tool-sidebar-toggle:hover {
  color: var(--color-primary);
  background: rgba(var(--primary-rgb, 127,13,242), 0.08);
}
.tool-sidebar-toggle .material-symbols-outlined { font-size: 16px; }

/* When the toggle floats over the list area (no head bar) */
.tool-sidebar-toggle.float {
  position: absolute;
  top: 12px; right: 6px;
  z-index: 4;
}

/* Generic two-pane collapse */
.tool-twopane.is-list-collapsed { grid-template-columns: 44px 1fr !important; }
.tool-twopane.is-list-collapsed .tool-list > *:not(.tool-list-collapsed-rail) { display: none !important; }
.tool-twopane.is-list-collapsed .tool-list { padding: 0; }

/* Collapsed rail — shows just a vertical strip with expand chevron */
.tool-list-collapsed-rail {
  display: none;
  width: 44px;
  align-items: flex-start; justify-content: center;
  padding: 12px 0;
  cursor: pointer;
  height: 100%;
}
.tool-twopane.is-list-collapsed .tool-list-collapsed-rail {
  display: flex;
}
.tool-list-collapsed-rail:hover { background: rgba(var(--primary-rgb, 127,13,242), 0.04); }
.tool-list-collapsed-rail .material-symbols-outlined {
  font-size: 18px;
  color: var(--text-muted);
}
.tool-list-collapsed-rail:hover .material-symbols-outlined { color: var(--color-primary); }

/* Bookmarks uses a different layout (bm-body) — handle it directly */
.bm-body.is-tree-collapsed { grid-template-columns: 44px 1fr !important; }
.bm-body.is-tree-collapsed .bm-tree > *:not(.tool-list-collapsed-rail) { display: none !important; }
.bm-body.is-tree-collapsed .bm-tree { padding: 0; }
.bm-body.is-tree-collapsed .tool-list-collapsed-rail { display: flex; }