/* Compact workspace tree – 2026-10-30
   Keep visual hierarchy and existing expand/collapse controls. */
.workspace .sidebar {
  padding: 9px 10px 10px;
}
.sidebar .folderrow {
  margin: 0;
  min-height: 34px;
  gap: 4px;
  padding: 0 4px 0 calc(4px + var(--tree-depth, 0px));
}
.sidebar .folderrow > button {
  min-height: 34px;
  padding: 3px 2px;
  gap: 6px;
  line-height: 1.3;
}
.sidebar .folderrow .treeToggle,
.sidebar .treeRow .treeToggle {
  width: 20px;
  min-width: 20px;
  min-height: 32px;
  padding: 0;
}
.sidebar .folderrow .folderIcon {
  width: 19px;
  height: 16px;
}
.sidebar .treeRow {
  min-height: 32px;
  gap: 3px;
  padding: 0 4px 0 calc(4px + var(--tree-depth, 0px));
}
.sidebar .treeRow .treeLink {
  min-height: 32px;
  padding: 3px 2px;
  gap: 6px;
  line-height: 1.3;
}
.sidebar .treeDevice {
  padding-left: calc(25px + var(--tree-depth, 0px));
}
.sidebar .treeDevice:has(input[type=checkbox]) {
  padding-left: calc(18px + var(--tree-depth, 0px));
}
.sidebar .treeLink .treeMeta {
  font-size: 9px;
}
.sidebar .add {
  min-height: 34px;
  margin-top: 5px;
  padding: 6px 8px;
}
@media (max-width: 640px) {
  .workspace .sidebar {
    padding: 7px 9px 9px;
    margin-bottom: 12px;
  }
}