/* ====== NAVBAR FIXA ====== */
  .help-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 260px;
    height: 100vh; /* altura total da tela */
    background: #000000ff;
    border-right: 1px solid #ddd;
    padding: 15px;
    z-index: 9999;
    overflow-y: auto; /* só precisa disso para rolagem vertical */
}

/* limpa conflitos */
.help-navbar::-webkit-scrollbar {
    width: 8px;
}

.help-navbar::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 4px;
}

  /* ====== LISTA EM ÁRVORE ====== */
  .tree,
  .tree ul {
      list-style: none;
      margin: 0;
      padding: 0;
  }

  .tree .node {
      font-weight: bold;
      cursor: pointer;
      padding: 6px 8px;
      border-radius: 5px;
      transition: background 0.2s;
  }

  a {
      cursor: pointer;
  }

  .tree .node:hover {
      background: #1e06eeff;
  }

  .nested {
      display: none;
      margin-left: 15px;
  }

  .nested .node {
      font-weight: normal;
  }

  /* ====== LINKS ====== */
  .actions {
      display: flex;
      gap: 5px;
      margin: 4px 0 10px 15px;
      color: #fcf2f2ff;
  }

  .node {
      color: #ffffffff;
  }

  .actions a {
      display: inline-block;
      text-decoration: none;
      color: #333;
      background: #ddd;
      padding: 3px 6px;
      border-radius: 4px;
      font-size: 13px;
  }

  .actions a:hover {
      background: #bbb;
  }

  /* ====== CONTEÚDO PRINCIPAL ====== */
  .page-content {
      margin-left: 270px;
      padding: 20px;
  }