/* Tree-page bottom navigation refinements */
.tree-only-body .tree-stage-header.has-create {
  grid-template-columns: 40px minmax(0, 1fr);
}

.tree-only-body .tree-stage-header .tree-icon-button {
  display: none;
}

/* Keep the floating nav strictly mobile/tablet. */
@media (max-width: 1039px) {
  .tree-only-body .tree-stage {
    padding-bottom: calc(138px + env(safe-area-inset-bottom));
  }

  .tree-only-body .tree-generation-stack {
    padding-bottom: 24px;
  }

  .tree-only-body .bottom-nav-wrapper {
    display: block;
  }

  .tree-only-body .bottom-nav .add-main {
    min-width: 0;
  }

  .tree-only-body .bottom-nav .add-main:active {
    transform: translateY(-8px) scale(0.96);
  }
}

/* Desktop already has room for full-page controls; never show the mobile nav here. */
@media (min-width: 1040px) {
  .tree-only-body .tree-stage {
    padding-bottom: 24px;
  }

  .tree-only-body .bottom-nav-wrapper {
    display: none;
  }
}